@font-face {
    font-family: HaloHandletter;
    src: url('images-val2020/halohandletter.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
html,
body {
  font-family: 'Prompt', sans-serif;
  color: #171717;
  overflow-x: hidden;
  background-color: #fff;
  height: 100%;
}
.theme-snow body {
  background-color: #F8F8F8;
}
body.body-grey {
  background-color: #F8F8F8;
}
body.open-cart,
body.open-review,
body.open-pop {
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  body.open-mobile,
  body.open-filter {
    overflow: hidden;
  }
}
@media (max-width: 991.98px) {
  .text {
    font-size: 12px;
  }
}
h5 .sm {
  text-transform: none;
}
.text {
  line-height: 1.5;
}
.text-xs {
  font-size: 10px;
}
.text-sm {
  font-size: 12px;
}
.text-md {
  font-size: 14px;
}
.text-lg {
  font-size: 16px;
}
.text-xl {
  font-size: 18px;
}
.text-xxl {
  font-size: 24px;
}
.text-space { letter-spacing:0; }
.text-bold {font-weight:500}
.text img {
  max-width: 100% !important;
  height: auto !important;
}
.text a:not(.btn) {
  font-weight: 600;
  color: #000;
  text-decoration: underline;
}
.text a:not(.btn):hover {
  color: #0762CB;
}
.text ul, .text ol {
  margin: 0;
  padding: 0 0 0 20px;
}
.img-max {
  width: 100%;
  height: auto;
}
.mt--1 {
  margin-top: -10px !important;
}
h2.sm {
  font-family: bogue, sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0;
  color: #171717;
  margin-bottom: 10px;
}
.text-nav {
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 20px
}

.text-link { text-decoration: underline; cursor:pointer }
.text-link:hover { color: #0750A5; }
.text-flow {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cpink { color:#E4002B;}
.cpinkk { color:#E4002B !important; }
.cred { color:#E4002B; }
.cgreen { color:#00897B; }
.cdarkgreen { color:#097230 }
.cblue { color:#0762CB; }
.cgrey { color:#9E9E9E }
.corange { color:#F5A623 }
.bggrey {
  background-color: #F8F8F8;
}
.bgpink {
  background-color: #FEE9E9;
}
.bgpink-pad {
  background-color: #E6F5FC;
  padding: 15px;
}
.bgblue { background-color:#E6F5FC; }
.bggreen { background-color:#00897B; }
.bglgreen { background-color:#edf8f0 }
.bgred2 { background-color:#E4002B; }
.bgorange { background-color:#FFC658; }
.bggray { background-color:#B8B7B7 }

.inherit {
  font:inherit;
  line-height:inherit;
  color: inherit;
  margin: inherit;
}
.h1i, .h2i, .h3i {
  font-family: 'Prompt', sans-serif;
  font-weight: 600;
  line-height: 1.3;
  color: #171717;
  margin-bottom: 0;
}
.h2.md { font-size: 24px }

.form-group > label {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.form-group > label i {
  font-style:  normal;
}
.form-group > label .cred {
  color: inherit;
}
.form-line {
  position: relative;
}
.form-line .form-control {
  padding-right: 45px;
}
.form-line .btn-submit {
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 3px;
  z-index: 2;
}
.btn-submit {
  width: 34px;
  height: 34px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nsubmit.svg') no-repeat center;
  background-color: #0762CB;
  padding: 0;
  transition: 0.3s all;
}
.btn-submit-text {
  width: auto;
  padding: 0 15px;
  background-image: none;
  color: #fff;
  line-height: 34px;
}
.btn-submit-text:hover {
  background-color: #0750A5;
}
.btn-submit:not(.btn-remove):hover {
  background-position: 60% center;
}
.btn-submit.btn-remove {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nclosew.svg');
}
.btn-add-cart span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 21px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/cart-y.svg') no-repeat center;
  background-size: 90%;
  margin-right: 15px;
}

.btn-secondary.cpink,.btn-secondary.cpink:hover:before { border-color:#EA4D89; }
.btn-third { background: transparent; border: 1px solid #e1e1e1; color: #0762CB; }
.btn-third:hover { border-color: #0762CB; }

.page-divider {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #E1E1E1;
}

@media (max-width: 991.98px) {
  .page-divider {
    position: relative;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  h2.sm {
    font-size: 14px;
    margin-bottom: 6px;
  }
}
@media (max-width: 767.98px) {
  .text-md {
    font-size: 12px;
  }
  .text-lg {
    font-size: 15px;
  }
  .text-xl {
    font-size: 16px;
  }
  .btn-sm-block {
    width: 100%;
  }
  .text-nav {
    font-size: 11px;
    margin-bottom: 10px;
  }
}

.select {
  position: relative;
  display: block;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
}
.select .replacement {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  background: #fff;
  border: 1px solid #E1E1E1;
  padding-left: 10px;
  padding-right: 36px;
  overflow: hidden;
  user-select: none;
}
.select.select-inline .replacement {
  width: auto;
  display: inline-block;
}
.select .replacement:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow3.svg') no-repeat center;
  transform: translateY(-50%);
}
.select.select-none {
  display: inline-block;
}
.select.select-none .replacement {
  height: 20px;
  line-height: 1;
  font-weight: 500;
  background: transparent;
  padding-left: 5px;
  padding-right: 30px;
  border: 0;
}
.select.select-none .replacement:after {
  top: 0;
  transform: translateY(0);
}
.select select {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 1px;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  cursor: pointer;
  z-index: 1;
}

.select-bordered { width:100%;border:1px solid #E1E1E1;border-radius:3px;padding:12px 8px 8px; }
.select.select-bordered .replacement {font-weight:normal}

.select.is-invalid .replacement {
  border-color: #E4002B;
}
.select.is-invalid ~ .invalid-feedback {
  display: block;
}

.select-option { width: 100%; border: 1px solid #e1e1e1; background: #fff; position: absolute; top: 100%; z-index: 1; display: none; user-select: none; }
.select.open .select-option { display: block; }
.select-option > div { padding: 10px 10px; line-height: 1.5; }
.select-item:hover { background: #E6F5FC; }
.select-item .title { font-size: 13px; font-weight: 500; }
.select-item .extra { font-size: 10px; }

.select-option-mobile, .select-option-payment { position: fixed; width: 100%; bottom: -100%; left:0; background: #fff; padding: 20px; transition: all .5s; z-index:9; max-height: 100vh; overflow: auto; }
.select-option-payment { padding: 25px 20px 100px; top: 0; bottom: unset; opacity: 0; visibility: hidden; }
@media (max-width: 767.98px) {
	.select-delivery.open .select-option { display: none; }
	.select-delivery.open .select-option-mobile { bottom: 0; }
	.select-payment.open .select-option-payment { opacity: 1; visibility: visible; }
}
.checkbox-delivery, .checkbox-payment { padding: 10px 15px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 13px; line-height: 1.3; color: #474747; cursor: pointer; margin-bottom: 10px; }
.checkbox-payment { padding: 5px 10px; }
.checkbox-delivery.active, .checkbox-payment.active { border-color: #0762CB; }
.checkbox-delivery .title, .checkbox-payment .title { font-size: 13px; font-weight: 500; }
.checkbox-payment .sm { font-size: 12px; margin-top: 4px; word-break: break-word; }
.checkbox-delivery .extra { font-size: 10px; }
.checkbox-delivery.active .payment-check, .checkbox-payment.active .payment-check { width: 20px; height: 20px; background-image: url(https://www.beautyhaul.com/assets/n/css/images/nchecked-green.svg); background-repeat: no-repeat; }
.select-option-payment .pay-category:not(:last-child) { margin-bottom: 20px; }
.select-option-payment .pay-category-title { font-weight: 700; margin-bottom: 10px; font-size: 12px; }
.sticky-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all .3s ease-in-out; opacity: 0; visibility: hidden; z-index: 8; }
@media (max-width: 767.98px) {
	.sticky-bg.open { opacity: 1; visibility: visible; }
}

.ccheckbox input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 30px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px 20px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 13px;
  color: #474747;
}
.ccheckbox input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nchecked-square.svg');
}
.ccheckbox label.css-label {
  background-image:url('images2/ncheck.svg');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
}
.ccheckbox.small input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 25px;
  line-height: 15px;
  background-size: 15px 15px;
}

.cradio input[type="radio"].css-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cradio input[type="radio"].css-radio + label.css-label {
  padding-left: 30px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px auto;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  color: #000;
}
.pay-req .cradio input[type="radio"].css-radio + label.css-label, .pay-nreq .cradio input[type="radio"].css-radio + label.css-label { padding-left: 0; }
.cradio input[type="radio"].css-radio:checked + label.css-label {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nradioed.svg');
}
.cradio label.css-label {
  background-image:url('images2/nradio.svg');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
}
.cradio label.css-label i {
  font-size: 12px;
}
.cradio label.css-label .sm {
  font-size: 12px;
  margin-top: 4px;
}

.pagination > * {
  width: 26px;
  height: 26px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
  margin: 0 3px;
}
.pagination strong {
  color: #fff;
  background:  #E4002B;
}
.pagination .page-prev {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow2.svg') no-repeat center;
}
.pagination .page-next {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow.svg') no-repeat center;
}

header {
  position: fixed;
  background: #fff;
  z-index: 9;
  left: 0; right: 0;
  width: 100%;
}
.theme-snow header {
  background: #fff url('images2/snow-bg.jpg') repeat-x 0 0 !important;
}
.page-team header {
  border-bottom: 0;
  margin-bottom: 10px;
}

.header-top {
  font-size: 11px;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
  border-bottom: 1px solid #ACDAF8;
}
.theme-snow .header-top {
  background: #fff;
}
.header-top > .container > .row {
  min-height: 30px;
}
.header-top-message {
  font-family: bogue, sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #0762CB;
}
.header-top-message span {
  color: #E4002B;
}
.header-top a:hover {
  color: #0762CB;
}
.header-nav li {
  position: relative;
  margin: 0 15px;
}
.header-nav li:after {
  position: absolute;
  content: '';
  top: 0;
  right: -15px;
  width: 1px;
  height: 15px;
  background: #171717;
}
.header-nav li:first-child {
  margin-left: 0;
}
.header-nav li:last-child {
  margin-right: 0;
}
.header-nav li:last-child:after {
  display: none;
}
.header-main {
  position: relative;
  padding-top: 14px;
  padding-bottom: 5px;
}
.header-main > .container > .row {
  height: 60px;
}
.header-main .logo img {
  max-width: 130px;
  height: 60px;
}
.page-team .header-main {
  border-bottom: 0;
}
.theme-snow .header-main:before {
  position: absolute;
  content: '';
  top: -4px;
  left: 0;
  width: 100%;
  height: 23px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/snow-top.png') repeat-x 0 0;
  z-index: -1;
}
.theme-snow .header-img-left {
  position: absolute;
  bottom: -13px;
  left: -76px;
  width: 186px;
  height: 66px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/snow-l.png') no-repeat center;
  z-index: -1;
}
.theme-snow .header-img-right {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 99px;
  height: 60px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/snow-r.png') no-repeat center;
  z-index: -1;
}
.search-div {
  display: none;
  position: absolute;
  top: 11px;
  left: 0;
  width: 523px;
  height: 100%;
  background: #fff;
  z-index: 4;
}
.open-search .search-div { display:block }
.open-search .search { visibility:hidden }
.open-search {overflow:hidden}
.open-search:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
}
.search-div form {
  position: relative;
}
.search-div .form-control {
  border: 0;
  padding-left: 35px;
  padding-right: 30px;
  height: 36px;
}
.search-div .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 36px;
  background: transparent url('images2/nback.svg') no-repeat center;
  padding: 0;
}
.search-div .close {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 36px;
  background: transparent url('images2/nclear.svg') no-repeat center;
  cursor: pointer;
  z-index: 2;
}

.storeclose {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 36px;
  background: transparent url('images2/nclear.svg') no-repeat center;
  cursor: pointer;
  z-index: 2;
}

.storeListEmpty{
  background: transparent url('images2/storeempty.svg') no-repeat center;
  background-size: 100% 100%;
  height: 80%;
}

.cityfiltermb .mobile-menu-bg {
  opacity: 1;
  visibility: visible !important;
}

@media (max-width: 768px) {
  .storeListEmpty{
    height: 150px
  }

  .cityfilter {
    display: none;
  }
  .cityfilter.active {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 250px;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-y: auto;
    transition: left 0.3s ease !important;
  }
}

.mobile-toggle {
  position: relative;
  width: 30px;
  height: 30px;
}
.mobile-toggle .patty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.mobile-toggle .patty div {
  position: relative;
  top: 50%;
  left: 0;
  width: 18px;
  height: 2px;
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform: translateY(-50%);
}
.mobile-toggle .patty div:after,
.mobile-toggle .patty div:before {
  position: absolute;
  content: '';
  display: block;
  width: 18px;
  height: 2px;
  background: #000;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-toggle .patty div:before {
  top: -7px;
}
.mobile-toggle .patty div:after {
  top: 7px;
}
/*.mobile-toggle .patty:hover {
  -webkit-transition: top 0.4s;
  transition: top 0.4s;
}
.mobile-toggle .patty:hover div:before {
  top: -8px;
}
.mobile-toggle .patty:hover div:after {
  top: 8px;
}
.open-mobile .mobile-toggle .patty div {
  background: none;
}
.open-mobile .mobile-toggle .patty div:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.open-mobile .mobile-toggle .patty div:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}*/
.header-main .authentic {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  padding-left: 50px;
}
.header-main .bpom {
  display:inline-block;
  width: 115px;
  height: 35px;
  background: url('https://s14.gifyu.com/images/bTXNi.webp') no-repeat center;
  background-size:contain;
  margin-left:25px;
}
.header-main .authentic:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 41px;
  height: 35px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nauthentic.svg') no-repeat center;
  background-size: 100%;
  transform: translateY(-50%);
}
.header-main .search {
  width:100%;
  margin-left:25px;
  border:1px solid #E1E1E1;
  border-radius:3px;
  padding-right:10px;
  height:38px;
  overflow: hidden;
}
.header-main .search span {
  display: inline-block;
  width: 100%;
  padding: 11px 0 11px 38px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nsearch.svg');
  background-repeat: no-repeat;
  background-position: 8px center;
  color: #474747;
  white-space: nowrap;
  overflow: hidden;
}
.header-main .account {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  vertical-align: middle;
  padding: 10px 4px 10px 45px;
}
.header-main .account:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 33px;
  height: 37px;
  background: url('https://s14.gifyu.com/images/bTXN0.png') no-repeat center;
  background-size: auto 37px;
  transform: translateY(-50%);
}
.header-main .account-male:before {
  background-image: url('https://s14.gifyu.com/images/bTXN0.png');
}
.header-main .account:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 1px;
  height: 36px;
  background: #EEEEEE;
  transform: translateY(-50%);
}
.header-main .account .account-h {
  font-weight: 600;
  font-size: 8px;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 1px;
  cursor:default;
}
.header-main .logged {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  max-width: 85px;
}
.account-drop {
  display: none;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 114px;
  background: #fff;
  margin-top: 10px;
  padding: 0 20px 10px;
  z-index: 2;
}
.header-main .account:hover .account-drop {
  display: block;
}
.header-main .account-drop a {
  font-weight: 400;
  font-size: 12px;
  color: #474747;
  line-height: 1.3;
  display: block;
  padding: 5px 0;
}
.header-main .account-drop a:hover {
  color: #171717;
}
.header-main .logged:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 11px;
  height: 6px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/ndrop.svg') no-repeat center;
  background-size: 100% auto;
  transform: translateY(-50%);
}
.header-main .menu {
  display: inline-block;
  vertical-align: middle;
}
.header-main .menu li {
  margin-left: 20px;
}
.header-main .menu li:first-child {
  margin-left: 0;
}
.header-main .menu span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.header-main .menu .wishlist span {
  position: relative;
  width: 35px;
  height: 35px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nbadge.svg');
}
.header-main .menu .store span {
  position: relative;
  width: 30px;
  height: 35px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nstoreh.svg');
}
.header-main .menu .notification span {
  position: relative;
  width: 30px;
  height: 35px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/notification.svg');
}
.header-main .menu .cart span {
  position: relative;
  width: 41px;
  height: 35px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ncart2.svg');
}
.header-main .cart-count, .header-main .notif-bubble {
  position: absolute;
  top: 0;
  right: -5px;
  width: 18px;
  height: 18px;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background-color: #E4002B;
  border-radius: 50%;
  font-family: bogue;
}
.main-point {
  display: inline-block;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/npoint.svg') no-repeat 0 center;
  padding-left: 32px;
}
.main-point a {
  text-decoration: none;
  color: inherit;
}
.main-menu .main-point a:hover {
  color: inherit;
}
.main-point .h {
  font-weight: 600;
  font-size: 8px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 2px;
}
.main-point .point {
  font-weight: 600;
  font-size: 13px;
  color: #E4002B;
  line-height: 1.3;
  letter-spacing: 0;
}

.changetostore {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: auto;
  background: #fff;
  z-index: 11;
  overflow: hidden;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  padding: 16px 24px 16px 24px;
  color: #333333;
}

.changetostore .description {
  font-size: 14px;
  font-weight: 400;
  color: #231F20;
}

.changetostore .cgrey {
  font-size: 12px;
  font-weight: 400;
  color:#706D6E;
}

.changetostore .owl-carousel .owl-item {
  display: flex;
  visibility:hidden;
  height: 43px;
  justify-content: center;
  opacity: 0;
  transform: scale(0.8); /* Start small */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.changetostore .owl-carousel .owl-item.active {
  visibility: visible;
  height: 128px;
  justify-content: center;
  opacity: 1;
  transform: scale(1);
}

.changetostore .owl-carousel .owl-item img {
  width: 80%;
}

.changetostore .bottom {
  font-size: 14px;
  font-weight: 400;
}

.changetostore .bottom button{
  min-width: 48px;
  width: auto;
  height: 40px;
  border: 1px solid #0762CB;
  border-radius: 4px;
}

.changetostore .bottom input[type="checkbox"] {
  height: 16px;
  width: 16px;
  border: 1px solid #E9E9E9;
  margin-right: 5px;
}

.changetostore .close{
  color:#0762CB;
  background-color:white;
  position: absolute;
  right: 16px;
  top: 15px;
}
.changetostore .owl-carousel .owl-dots button.owl-dot{
  pointer-events: none;
}

.changetostore .nextButton{
  background: url(https://www.beautyhaul.com/assets/n/css/images2/arrow-w.png) no-repeat center;
  cursor: pointer;
}

.changetostore .nextButton.last{
  background: none;
}

.changetostore .prevButton{
  display: none;
  background: url(https://www.beautyhaul.com/assets/n/css/images2/arrow-b.png) no-repeat center;
  cursor: pointer;
}

.open-wording-pickupstore .changetostore {
  display:block;
}

.open-wording-pickupstore:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.openwordingpickstore{
  font-weight: 500;
  text-align: start;
  font-family: 'Prompt';
  cursor: pointer;
  border: #F4F4F4 solid;
  border-width: 0px 0px 1px 0px;
}

.openwordingpickstore{
  font-weight: 500;
  text-align: start;
  font-family: 'Prompt';
  cursor: pointer;
  border: #F4F4F4 solid;
  border-width: 0px 0px 1px 0px;
}
.openwordingpickstore:hover{
  background-color: #F9FAFB !important;
}

.openwordingpickstore p{
  font-weight: 400;
  color: #908E8F;
}

.openwordingpickstore span{
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  color: #231F20;
}

.pickstore-div {
  display: none;
  position: absolute;
  top: 38px;
  left: 7%;
  width: 342px;
  height: auto;
  max-height: 60vh;
  background: #fff;
  z-index: 4;
  overflow: hidden;
  border-radius: 4px;
  text-align: start;
  font-weight: 400;
  box-shadow: 0px 8px 20px 0px #6464641A;
}
.page-checkout .pickstore-div{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 80vh !important;
  max-height: 80vh !important;
  z-index: 11;
  border-radius: 4px;
}

.page-checkout .pickstore-div .title{
  font-size: 18px;
  font-weight: 600;
}

.page-checkout .pickstore-div .title span{
  position: absolute;
  right: 2%;
  width: 24px;
  height: 24px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center;
  cursor: pointer;
}

.page-checkout .mobile-menu-child{
  top: 0;
}
.page-checkout .pickupinstore-mobile{
  display: flex;
  flex-direction: column;
}
.page-checkout .pickupinstore-mobile .pickupStoreList{
  max-height: 100%;
}

.page-checkout .mobile-menu-child{
  padding: 0px;
}

.checkout-delivery-info .storename::after{
  background: url(https://www.beautyhaul.com/assets/n/css/images2/scrolldown.svg) no-repeat center;
  content: '';
  padding: 8px;
  margin-left: 8px;
}

.pickstore-div.focus .form-control {
  border: 1px solid #0762CB;
}

.open-pickupstore .pickstore-div { display: flex; flex-direction: column; }
.open-pickupstore {overflow:hidden}
.open-pickupstore:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
}
.page-checkout.open-pickupstore:before {
  z-index: 10;
}

.pick-instore:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 1px;
  height: 36px;
  background: #EEEEEE;
  transform: translateY(-50%);
}

.pick-instore .mainbutton:before {
  background:url('https://www.beautyhaul.com/assets/n/css/images/pickup-icon.svg') no-repeat center;
  content: '';
  margin-right: 12px;
  top: -6px;
  left: 24px;
  width: 24px;
  height: 24px;
}

.pick-instore .mainbutton:after {
  background:url('https://www.beautyhaul.com/assets/n/css/images2/scrolldown.svg') no-repeat center;
  content: '';
  right: 38px;
  width: 11px;
  height: 11px;
  margin-left: 8px;
}

.pick-instore {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #231F20;
}

.pickupstore-nav{
  height: 58px;
}

.pickinstore-mobile{
  background-color: #F2F9FF !important;
  border: 1px solid #BFE1FF;
  border-radius: 10px;
  margin-left: -7px;
}

.pickupinstore-mobile.focus .form-control {
  border: 1px solid #0762CB;
}

.pickinstore-mobile:before{
  background:url('https://www.beautyhaul.com/assets/n/css/images/pickup-icon.svg') no-repeat center;
  content: '';
  width: 34px;
  height: 34px;
}

.pickupinstore-mobile input {
  border: 0px;
  width: 100%;
  padding-left: 10px;
}

.pickupinstore-mobile .search-icon {
  background:url('https://www.beautyhaul.com/assets/n/css/images/nsearch.svg') no-repeat center;
  content: '';
  width: 25px;
  height: 25px;
}

.pickupinstore-mobile.focus .search-icon {
  background:url('https://www.beautyhaul.com/assets/n/css/images/nback.svg') no-repeat center;
  content: '';
  width: 25px;
  height: 25px;
}

.pickupinstore-mobile .clear-icon.hidden {
  display: none;
}

.pickupinstore-mobile .clear-icon.show {
  background:url('https://www.beautyhaul.com/assets/n/css/images/nclear.svg') no-repeat center;
  content: '';
  width: 25px;
  height: 25px;
  display: block;
}

.pickupinstore-mobile .currentLocation-icon {
  background:url('https://www.beautyhaul.com/assets/n/css/images/location-current.svg') no-repeat center;
  content: '';
  width: 21px;
  height: 21px;
}

.pickupinstore-mobile .location-pin {
  background:url('https://www.beautyhaul.com/assets/n/css/images/location-pin.svg') no-repeat center;
  content: '';
  width: 21px;
  height: 21px;
}

.pickupinstore-mobile .cityTitle{
  background-color: #F4F4F4;
  color: #231F20;
  padding: 1rem 1rem 1rem 0.5rem !important;
}

.pickupinstore-mobile .pickupStoreList span{
  text-align: start;
  font-size: 13px;
  color: black;
}

.pickupinstore-mobile .pickupStoreList{
  max-height:67vh;
}


.pickupinstore-mobile .openwordingpickstore div{
  font-size: 13px;
}

.pickupinstore-mobile .openwordingpickstore{
  padding: 1rem 1rem 1rem 0.1rem !important;
}

.pickupinstore-mobile.mobile-menu-child{
  padding: 1rem 5px 1rem 0rem;
}

.pickstore-div input {
  border: 0px;
  width: 100%;
  padding-left: 10px;
}

.pickstore-div .focus input {
  border: 0px;
  width: 90%;
  padding-left: 10px;
}

.pickstore-div .search-icon {
  background:url('https://www.beautyhaul.com/assets/n/css/images/nsearch.svg') no-repeat center;
  content: '';
  width: 25px;
  height: 25px;
}

.pickstore-div.focus .search-icon {
  background:url('https://www.beautyhaul.com/assets/n/css/images/nback.svg') no-repeat center;
  content: '';
  width: 25px;
  height: 25px;
}

.pickstore-div .clear-icon.hidden {
  display: none;
}

.pickstore-div .clear-icon.show {
  background:url('https://www.beautyhaul.com/assets/n/css/images/nclear.svg') no-repeat center;
  content: '';
  width: 25px;
  height: 25px;
  display: block;
}

.pickstore-div .currentLocation-icon {
  background:url('https://www.beautyhaul.com/assets/n/css/images/location-current.svg') no-repeat center;
  content: '';
  width: 21px;
  height: 21px;
}

.pickstore-div .location-pin {
  background:url('https://www.beautyhaul.com/assets/n/css/images/location-pin.svg') no-repeat center;
  content: '';
  width: 21px;
  height: 21px;
}

.pickstore-div .cityTitle{
  background-color: #F4F4F4;
  color: #231F20;
  font-weight: 400;
}

.pickupStoreList{
  overflow: scroll;
  overflow-x: hidden;
}

@media (max-width: 1199.98px) {
  .header-main .search {margin-top:10px;margin-left:0}
  .header-main .search span {
    padding: 12px 10px 12px 30px;
    background-size:15px;
    font-size:12px;
  }
  .header-main .menu .store span {
    width: 30px;
    height: 25px;
  }
  .header-main .menu .cart span {
    width: 30px;
    height: 25px;
  }
  .header-main .menu .notification span {
    width: 30px;
    height: 25px;
  }
  .header-main .bpom {width:55px}

  .pick-instore {
    display: none !important;
  }
}

@media (max-width : 400px) {
  .page-checkout .pickstore-div{
    width: 80%;
  }


  .pick-instore {
    display: none !important;
  }

  .changetostore {
    display: none;
    position: fixed;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto;
    background: #fff;
    z-index: 10;
    overflow: hidden;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    color:#333333;
    font-weight: 600;
    padding: 16px;
  }

  .changetostore .description {
    font-size: 12px;
    font-weight: 400;
    color:#231F20;
  }

  .changetostore .owl-carousel .owl-item {
    display: flex;
    justify-content: center;
  }

  .changetostore .bottom {
    font-size: 12px;
    font-weight: 400;
  }

  .changetostore .bottom button{
    min-width: 48px;
    width: auto;
    height: 30px;
    border: 1px solid #0762CB;
  }

  .changetostore .bottom input[type="checkbox"] {
    height: 15px;
    width: 15px;
    border: 1px solid #E9E9E9;
    margin-right: 5px;
  }
}

.page-checkout header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
}
.theme-snow .page-checkout header:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #fff;
  z-index: -1;
}
.theme-snow .page-checkout header:after {
  position: absolute;
  content: '';
  top: 3px;
  left: 0;
  width: 100%;
  height: 23px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/snow-top.png') repeat-x 0 0;
  z-index: -1;
}
.page-checkout header .logo {
  text-align: center;
}
.page-checkout header .logo img {
  width: 130px;
}
.page-checkout header .tx {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  line-height: 1.3;
  color: #0762CB;
  padding: 10px 0 10px 40px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.page-checkout header .wa {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwaf.svg');
}
.page-checkout header .time {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nhour.svg');
}
.page-checkout header .h {
  font-size: 10px;
  color: #E4002B;
  text-transform: uppercase;
  margin-bottom: 1px;
}

@media (max-width: 1199.98px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header-top {
    display: none;
  }
  .header-main {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-main > .container > .row {
    height: 55px;
  }
  .search-div {
    top:0;
    width:100%;
    padding-top: 7px;
  }
  .header-main .logo img {
    max-width: 80px;
  }
  .header-main .menu li { margin-left: 10px; }
  .header-main .menu .store {
    /* display: none; */
  }
}
@media (max-width: 991.98px) {
  .page-checkout header .logo {
    text-align: left;
  }
  .page-checkout header .logo img {
    width: 80px;
  }
  .page-checkout header .tx {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .header-main .menu li { margin-left: 5px; }

}
@media (min-width: 1200px) {
  .mobile-toggle {display: none;}
  .search-div{
    left:255px;
    width: 334px;
  }
  .search-div > .container { border: 1px solid #E1E1E1; border-radius: 3px; }

}
@media (min-width: 1360px) {
  .search-div{
    left:338px;
    width: 363px;
  }
}
.txmobile img {
  max-height: 20px;
}

.main-menu-children-brand li,
.main-menu-children-concern li {
  letter-spacing: 0;
  margin-bottom: 10px;
}
.nav-item.title > a {
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 20px
}
.mobile-nav-drop .nav-item.title > a {
  margin-bottom: 10px;
  text-transform: none;
}
.nav-item.arrow-right { background: url(https://www.beautyhaul.com/assets/n/css/images2/arrowr.svg) no-repeat 90% top; }
.main-menu-children-category { width: 170px; height: 310px; }
.main-menu-children-category li a { display: block; }
.main-menu-subchildren {
  display: none;
  position: absolute;
  background: #FFF;
  padding: 20px 10px 20px 20px;
  top: -20px;
  left: 159px;
  width: 580px;
  border: 1px solid #F1F1F1;
  border-top: none;
  border-left: none;
  height: 380px;
}
.main-menu-subchildren .nav-item.title {
  margin-bottom: 10px;
}
.main-menu-subchildren .nav-item.title > a {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0;
}
.main-menu-subchildren .nav-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.main-menu-subchildren .nav-item ul li:last-child {
  margin-bottom: 20px;
}
.main-menu-children-category .nav-item:hover .main-menu-subchildren {
  display: block;
}
.main-menu {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  background: #fff;
  border-bottom: 1px solid #E1E1E1;
  z-index: 7;
}
.fixed-menu .main-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.main-menu a:hover {
  color: #0762CB;
}
.main-menu-nav {
  text-transform: uppercase;
}
.main-menu-nav > li {
  margin-right: 30px;
}
.main-menu-nav > li:last-child {
  margin-right: 0;
}
.main-menu-nav > li > a {
  display: inline-block;
  padding: 10px 0;
}
.main-menu-nav .sale, .blog-categories .sale {
  position: relative;
}
.main-menu-nav .sale a, .blog-categories .sale a {
  position: relative;
  z-index: 2;
}
.main-menu-nav .sale:before, .blog-categories .sale:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 60px;
  height: 38px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/flag-sale.svg') no-repeat center;
  transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}
.main-menu-parent {
  position: relative;
}
.main-menu-children {
  display: none;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 200px;
  font-weight: 400;
  text-transform: none;
  background: #fff;
  border: 1px solid #F1F1F1;
  padding: 20px;
  z-index: 3;
}
.main-menu-children-brand {
  width: 500px;
  height: 340px;
  overflow: hidden;
}
.main-menu-parent:hover .main-menu-children {
  display: block;
}
.main-menu-children li:last-child {
  margin-bottom: 0;
}
.main-menu-children-brand .scroll-pane {
  width: 100% !important;
  height: 300px;
}
.nav-item-alpha {
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  padding-top: 10px;
}
.nav-item-alpha:first-child {
  padding-top: 0;
}
.brand-link {
  margin-bottom: 10px;
  cursor: pointer;
}
.brand-link:hover {font-weight:bold}

@media (max-width: 1199.98px) {
  .main-menu {
    display: none;
  }
}

.home-div {
  min-height: 1px;
  padding-top: 30px;
}
.home-banner {
  padding-top: 150px;
}
.body-bar .home-banner {
  padding-top: 150px;
}
.home-div-pad {
  padding-bottom: 30px;
}
.home-div-grey {
  background-color: #F8F8F8;
}
.theme-snow .home-div-grey {
  background: #F8F8F8 url('images2/snow-bg.jpg') repeat 0 0;
  padding-bottom: 147px;
  margin-bottom: -87px;
}
.home-div-title { text-align:center }
.home-div-more { position:absolute;top:5px;right:0 }
.home-banner .owl-carousel .owl-nav button.owl-prev,
.home-banner .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 8px 0 #CCCCCC;
  border-radius: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.home-banner .owl-carousel .owl-nav button.owl-prev {
  left: 30px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/narrow-l.svg');
}
.home-banner .owl-carousel .owl-nav button.owl-next {
  right: 30px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/narrow-r.svg');
}
@media (max-width: 767.98px) {
  .home-banner .owl-carousel .owl-nav button.owl-prev {
    left: 10px;
  }
  .home-banner .owl-carousel .owl-nav button.owl-next {
    right: 10px;
  }
}

.home-div-fs {
  background: #fff url('images2/fs.jpg') no-repeat center;
  background-size: cover;
  padding: 15px 0;
  margin-top: 30px;
}
.fs-header {
  font-family: 'bogue-boldregular';
  font-weight: 600;
  font-size: 35px;
  color: #FFF;
  line-height: 1.3;
  margin-bottom: 15px;
}
.home-div-fs a {
  height: 100%;
  background: #fff;
}
.owl-carousel .owl-dots {
  margin-top: 17px;
  text-align: center;
  z-index: 2;
}
.owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  background: #D4D4D4;
  border-radius: 50%;
  margin: 0 5px;
}
.owl-carousel .owl-dots button.owl-dot.active {
  width: 12px !important;
  height: 12px !important;
  background: #0762CB;
}
.owl-carousel .owl-dots button.owl-dot:first-child,
.owl-carousel .owl-dots button.owl-dot:last-child {
  width: 5px;
  height: 5px;
}

.home-ig {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/ig.svg') no-repeat center;
  background-size: 100%;
}

.bestseller-div {
  height: 0;
  overflow: hidden;
}
.bestseller-div.active {
  height: initial;
  overflow: initial;
}
.bestseller-cat {
  margin-bottom: 20px;
}
.bestseller-cat ul.nav li {
  position: relative;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  color: #9E9E9E;
  margin-right: 30px;
}
.bestseller-cat ul.nav li:last-child {
  margin-right: 0;
}
.bestseller-cat ul.nav li:hover,
.bestseller-cat ul.nav li.active {
  color:  #E4002B;
}
.bestseller-cat ul.nav li a {
  position: relative;
  padding: 0 6px;
  z-index: 2;
}
/* .bestseller-cat ul.nav li.active:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 100%;
  height: 5px;
  background: #E6F5FC;
  z-index: 1;
} */
.bestseller-cat.smalltab .nav { border-bottom: 2px solid #E1E1E1 }
.bestseller-cat.smalltab ul.nav li { padding-bottom:8px}
.bestseller-cat.smalltab ul.nav li:before { height:2px }
.bestseller-cat.smalltab ul.nav li.active:before { bottom:-2px; top:unset; background: #EA4D89; }
.bestseller-cat.smalltab ul.nav li a { font-size:16px; padding:0 }
.bestseller-cat.smalltab ul.nav li:hover,.bestseller-cat.smalltab ul.nav li.active { color: #9E9E9E; }
.bestseller-cat.smalltab ul.nav li a:hover,.bestseller-cat.smalltab ul.nav li.active a { color: #E4002B; }
@media (min-width: 1199.99px) and (max-width:1300px) {
  .body-bar .home-banner {
    padding-top: 145px;
  }
}
@media (max-width: 1199.98px) {
  .home-div {
    padding-top: 20px;
  }
  .home-banner {
    padding-top: 134px;
  }
  .body-bar .home-banner {
    padding-top: 158px;
  }
  .home-div-pad {
    padding-bottom: 20px;
  }
  .home-div-grey {
    padding-bottom: 20px;
  }
  .theme-snow .home-div-grey {
    padding-bottom: 117px;
  }
  .home-div-fs {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .fs-header {
    font-size: 15px;
    margin-bottom: 10px;
  }
  h2,.h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .bestseller-cat {
    margin-bottom: 10px;
  }
  .bestseller-cat ul.nav li {
    font-size: 14px;
    margin-right: 20px;
  }
  .bestseller-cat ul.nav li:last-child {
    margin-right: 0;
  }
  .home-div-bestseller .products .product-item:nth-last-of-type(-n+2) {
    display: none;
  }
  .body-bar .home-banner {
    padding-top: 154px;
  }
}
@media (max-width: 767.98px) {
  .home-div-bestseller .products .product-item:nth-last-of-type(-n+6) {
    display: none;
  }
  .home-div-title { text-align:left }
}
@media (max-width: 575.98px) {
  .bestseller-cat-outer {
    overflow-x: overlay;
  }
  .home-div-bestseller .bestseller-cat {
    width: 320px;
  }
}
@media (max-width: 1199.98px) {
  .home-banner .owl-carousel .owl-dots {
    margin-top: 10px;
  }
  .home-div-bestseller .products .product-item:nth-last-of-type(-n+6) {
    display: none;
  }
}

.home-promotion {
  background: #F8F8F8;
}
.home-review {
  background: #E6F5FC;
}
.home-minibanner {margin-top:0;margin-bottom:-30px}

.page-content {
  padding: 180px 0 30px;
}
.body-bar .page-content {
  padding-top: 180px;
}
.body-bar .page-content.in-blog {
  padding-top: 30px;
}
.fixed-menu .page-content {
  padding-top: 100px;
}
.page-hello {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 125px;
  padding-bottom: 125px;
}
.fixed-menu .page-hello {
  padding-top: 165px;
}
.checkout-oos {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 60px 0;
  overflow-y: auto;
  z-index: 99;
}
.checkout-oos .cart-item {
  border-bottom: 0;
}
.stores {
  padding-top: 20px;
}
.store-item {
  margin-bottom: 50px;
}
.store-item:last-child {
  margin-bottom: 0;
}
.store-item .text {
  padding-left: 60px;
}

@media (max-width: 1199.98px) {
  .page-content {
    padding-top: 134px;
  }
  .page-hello {
    padding-top: 160px;
  }
  .page-product {
    padding-top: 164px;
  }
  .page-product .breadcrumb {
    display: none;
  }
  .home-minibanner {margin-bottom:-20px}
}
@media (max-width: 991.98px) {
  .store-item .text {
    padding-left: 20px;
  }
}
@media (max-width: 767.98px) {
  .page-product {
    padding-top: 134px;
  }
  .store-item .text {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .page-content {
    padding-bottom: 10px;
  }
  .page-hello {
    padding-bottom: 80px;
  }
  .home-div .owl-obj {
    width: 100vw;
    margin-left: -5px;
  }
  .home-div .owl-obj-fs {
    width: 100vw;
    margin-left: -20px;
  }
  .home-promotion .owl-carousel {
    width: 100vw;
    margin-left: -20px;
  }
  .order-top {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.blog-popular {
  padding-bottom: 30px;
}
.blog-latest {
  padding-left: 30px;
  padding-bottom: 30px;
}
.blog-item {
  margin-bottom: 30px;
}
.blog-popular .blog-item,
.blog-latest .blog-item {
  margin-bottom: 0;
}
.blog-latest .blog-item {
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 20px;
}
.blog-latest .blog-item:last-child a {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-item .image {
  margin-bottom: 20px;
}
.blog-popular .blog-item .image {
  margin-bottom: 10px;
}
.blog-latest .blog-item .image {
  margin-bottom: 0;
}
.blog-item .category {
  font-weight: 600;
  font-size: 14px;
  color: #0762CB;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.blog-item .title {
  font-weight: 600;
  font-size: 18px;
  color: #171717;
  line-height: 1.3;
  margin-bottom: 5px;
}
.blog-popular .blog-item .title {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-latest .blog-item .title {
  font-size: 16px;
  height: 63px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 40px;
}
.blog-item .text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-popular .blog-item .text {
  height: 63px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-item .date {
  font-weight: 600;
  font-size: 11px;
  line-height: 1.3;
}
.blog-code {
  margin-top:10px;
  display:flex;
  flex-wrap: wrap;
  background:#E6F5FC;
  margin:0 auto 30px;
  padding:10px 10px;
  border-radius:3px;
}
.blog-code > span {
  color:#E4002B;
  font-weight:bold;
  margin-left:5px;
}
.blog-code > div, .copycode {
  font-weight:bold;
  margin-left:auto;
  padding-left:20px;
  background:url('https://www.beautyhaul.com/assets/n/css/images2/nlink.svg') no-repeat left center;
  background-size:contain;
  cursor:pointer;
}
.page-blog .blog-code { max-width:385px }
.page-blog {
  padding-bottom: 30px;
}
.page-blog .category {
  font-weight: 600;
  font-size: 16px;
  color: #1A144D;
  line-height: 1.3;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.page-blog h3 {
  margin-bottom: 5px;
}
.page-blog .date {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 30px;
}
.page-blog .image {
  margin-bottom: 30px;
}
.blog-post {
  border-bottom: 2px solid #FFD23E;
  padding-top: 40px;
  padding-bottom: 20px;
}
.blog-post .header {
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.blog-post .title {
  font-weight: 500;
  font-size: 17px;
  color: #000;
  line-height: 1.4;
  margin-bottom: 20px;
}
.page-blog iframe { width: 100% !important; }
@media (max-width: 1199.98px) {
  .blog-item .category {
    font-size: 10px;
  }
  .blog-item .title {
    font-size: 14px;
  }
  .blog-popular .blog-item .title {
    margin-bottom: 5px;
  }
  .blog-latest .blog-item .title {
    font-size: 14px;
  }
  .blog-item .blog-code {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .blog-popular {
    margin-bottom: 20px;
  }
  .blog-popular .blog-item .text {
    height: auto;
  }
  .blog-item .blog-code {
    font-size: 12px;
  }
}

.products-catfilter .mobile-nav-drop a { display: block; }
.products-side, .products-catfilter {
  padding-right: 20px;
}
.products-side .header, .products-catfilter .header {
  font-weight: 500;
  font-size: 21px;
  color: #000;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.products-side .sub,
.products-catfilter .sub,
.products-navfilter-brand .sub {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.products-side > div > div:first-child span, .products-catfilter > div > div:first-child span {
  display: none;
}
.products-side .category, .products-catfilter .category {
  font-weight: 500;
  color: #000;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .products-side .category, .products-catfilter .category {
    display: none;
  }
  .products-side-rank .category {
    display: block;
  }
}
.products-side .category-none, .products-catfilter .category-none {
  border-bottom: 0;
}
.products-side .category li, .products-catfilter .category li {
  margin-bottom: 10px;
  position: relative;
}
.mobile-nav-drop > ul > li:last-child {
  margin-bottom: 30px;
}
.products-side .category li:last-child {
  margin-bottom: 0;
}
.products-side .category li > ul, .products-catfilter .category li > ul {
  font-weight: 400;
  display: none;
  font-size: 13px;
  text-transform: none;
  margin: 10px 0 10px 20px;
}
.products-catfilter .category .open-child ul.nav {
  display: block;
}
.products-catfilter .filter {
  border-bottom: 1px solid #6E77B0;
  padding-top: 18px;
  padding-bottom: 18px;
}
.products-side .filter:last-child, .products-catfilter .filter:last-child {
  border-bottom: 0;
}
.filter-head {
  font-family: bogue, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #0762CB;
  margin-bottom: 10px;
}
.filter-head-m {
  font-family: bogue, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.filter-headn {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.filter-search {
  position: relative;
  margin-bottom: 10px;
}
.products-navfilter-brand .filter-search {
  margin-bottom: 20px;
}
.filter-search .form-control {
  padding-left: 40px;
}
.filter-search .btn-search {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 22px;
  height: 22px;
  background: transparent url('images2/nsearch.svg') no-repeat center;
  padding: 0;
  border: 0;
}
.products-side .filter .wrapper {
  padding: 5px 5px 10px 0;
  border-bottom: #E1E1E1 1px solid;
  margin-bottom: 10px;
}
.products-catfilter .filter .wrapper {
  padding: 5px 5px 20px 0;
}
.theme-snow .products-side .filter .wrapper {
  background-color: #fff;
}
.products-side .filter .nav, .products-catfilter .filter .nav {
  line-height: 1.4;
}
.products-side .filter li, .products-catfilter .filter li {
  margin-bottom: 8px;
}
.products-side .filter li:last-child, .products-catfilter .filter li:last-child {
  margin-bottom: 0;
}
.products-side .filter .scroll-pane, .products-catfilter .filter .scroll-pane {
  width: 100% !important;
  max-height: 250px;
}
.products-view { display: flex; }
.products-sort > span, .products-view > span {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.products-sort .select.select-none .replacement:after, .products-view .select.select-none .replacement:after {
	top: -3px;
}
.sort-icon { width: 20px; height: 20px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nsort.svg') no-repeat center; vertical-align: sub !important; }
.products-top {
  margin-bottom: 25px;
}
.products-nav {
  display: none;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.3;
  color: #171717;
  letter-spacing: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #F1F1F1;
}
.products-nav .container {
  overflow-x: overlay;
}
.products-nav .wrapper {
  width: 600px;
}
.products-nav .drop {
  cursor: pointer;
}
.products-nav li {
  margin-right: 20px;
}
.products-nav li:last-child {
  margin-right: 0;
}
.products-nav li a {
  display: inline-block;
  padding: 10px 0 7px;
}
.jspHorizontalBar {
  height: 0;
}
.products-navfilter {
  display: none;
  font-family: bogue, sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #E1E1E1;
  margin-top: -10px;
  margin-bottom: 10px;
}
.products-navfilter a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.products-navfilter .col-d2 {
  position: relative;
}
.products-navfilter .col-d2:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #E1E1E1;
}
.products-navfilter-brand {
  position: fixed;
  top: 0;
  right: -240px;
  width: 240px;
  height: 100%;
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  transition: all .3s;
  z-index: 11;
}
.products-navfilter-brand .close {
  position: absolute;
  top: 17px;
  right: 18px;
  width: 28px;
  height: 28px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center;
  z-index: 2;
  cursor: pointer;
}
.products-navfilter-brand .header {
  font-family: bogue, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 1px solid #EA4D89;
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  .products-navfilter {
    display: block;
  }
  .filter-brand .products-navfilter-brand {
    right: 0;
  }
}

.products-catfilter { display: none; }
.products-catfilter .concern {
  padding-top: 10px;
}
.products-catfilter .concern li {
  padding: 10px 0;
}

.categorysm > li > div.sub { margin-bottom:0 }
.categorysm > li > ul { amargin-bottom:-10px }
.categorysm > li > ul > li.accordion-item { border:none; }
.categorysm > li > ul > li > div {
    font-size:13px; padding-top:8px; padding-bottom:8px;
    text-transform:none;
    font-weight:normal;
    background-image:none;
}
.categorysm > li > ul > li.open > div {background-image:none !important}
.categorysm > li > ul > li > ul { margin-bottom:8px}
.categorysm > li > ul > li > ul > li { font-size:13px; padding:6px 0 6px 7px; cursor:pointer }

.iconfilterm {font-weight:bold; cursor: pointer; display:inline-block; color: #0762CB; }
.iconfilterm > span {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.filter-icon { width: 20px; height: 20px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nfilter.svg') no-repeat center; margin-right: 5px; vertical-align: sub !important; }
.iconfilterm.active {color:#EA4D89}

.fpricew {display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}
.fpricew input {height:30px;font-size:12px;}

@media (max-width: 1199.98px) {
  #filtertab.products-side {
    display:flex !important;
    flex-direction:column;
    position:fixed;
    top: 0;
    right:-270px;
    width: 270px;
    height: 100%;
    line-height: 1.3;
    background: #fff;
    overflow-y: auto;
    z-index: 11;
    padding: 20px 0px 5px;
    transition: all .3s;
  }
  .open-reviewfilter #filtertab {
    transform:translate3d(-270px,0,0);
  }
  #filtertab.products-side > div:first-child{height:100%;overflow:auto;padding:0 30px}
  #filtertab.products-side > div:last-child{margin-top:auto;padding:0 30px}

  .products-side, .products-catfilter {
    display: none;
    /* position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 129px 0 30px;
    overflow-y: auto;
    z-index: 5; */
  }
  /* .products-catfilter {
    padding-top: 86px;
  }
  .products-side > div, .products-catfilter > div {
    position: relative;
    display: none;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .products-catfilter > div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .open-filter .products-catfilter {
    display: block;
  }
  .products-side > div > div:first-child {
    position: relative;
    padding-left: 40px;
  }
   */
  .products-side > div > div:first-child span {
    position: absolute;
    display: block;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url('https://www.beautyhaul.com/assets/n/css/images2/close.svg') no-repeat center;
    cursor: pointer;
    z-index: 2;
  }
  .products-catfilter > div.active {
    display: block;
  }
  .products-side .sub, .products-catfilter .sub, .products-navfilter-brand .sub {
    /*font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 25px;*/
  }
  .products-side .category, .products-catfilter .category {
    border-bottom: 0;
    padding-top: 18px;
    padding-bottom: 0;
  }
  .products-side .header, .products-catfilter .header {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .products-side .filter .scroll-pane, .products-catfilter .filter .scroll-pane {
    height: 100% !important;
    overflow-y: auto;
  }
  .products-side .filter .jspContainer, .products-catfilter .filter .jspContainer {
    height: 100% !important;
  }
  .products-side .filter .jspPane, .products-catfilter .filter .jspPane {
    position: relative !important;
  }
  /* .products-side .filter li, .products-catfilter .filter li,*/ .products-navfilter-brand .filter li {
    margin-bottom: 18px;
  }
  .products-top .pagination, .products-top .products-view {
    display: none;
  }
  .products-top {
    position: relative;
    font-size: 11px;
    background: #F8F8F8;
    padding-top: 8px;
    margin-bottom: 20px;
  }
  .products-top:before {
    position: absolute;
    content: '';
    top: 0;
    left: -50%;
    width: 200vw;
    height: 100%;
    background: #F8F8F8;
  }
  .products-top:after {
    position: absolute;
    content: '';
    top: 0;
    left: 65%;
    width: 1px;
    height: 100%;
    background: #FFF;
  }
  .products-sort, .products-view {
    text-align: center;
  }
  .products-sort .select.select-none .replacement:after, .products-view .select.select-none .replacement:after {
    top: -3px;
  }
  .products-nav {
    display: -ms-flexbox;
    display: flex;
  }

  .page-review.page-product{
    padding-top:128px !important;
  }
  .page-review .products-side.active, .page-review .products-side.active > div {
    display:block;
  }
  .page-review .products-side {
    top:165px;
    padding-top:0;
  }
  .page-review .products-side .filter .nav {
    padding-bottom:120px
  }
  .page-review .category ul > li:first-child , .page-review .products-side .filter .sub{
    display: none;
  }
}
/* @media (max-width: 991.98px) {
  .products-side > div {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .products-side > div {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575.98px) {
  .products-side > div {
    max-width: 100%;
  }
} */

.brand-about {
  margin-bottom: 30px;
}
.brand-about > div:not(:last-child) {
  margin-bottom: 20px;
}
.brand-video {
  height: 250px;
}
.products {
  margin-bottom: -30px;
}
.product-item {
  margin-bottom: 30px;
}
.product-item .image {
  position: relative;
}
.product-item .caption {
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  padding: 10px;
}
.home-div-fs .caption {
  background: #fff;
}
.product-item .brand {
  font-weight: 600;
  color: #0762CB;
  margin-bottom: 5px;
}
.product-item .title {
  font-weight: 600;
  margin-bottom: 5px;
}
.home-div-fs .product-item .title {
  height: 36px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.product-item a .price {
  font-weight: 500;
  font-size: 12px;
  color: #474747;
}
.product-item-sale .price span:first-child {
  text-decoration: line-through;
  margin-bottom: 3px;
  display: block;
}
.product-item-sale .price span:last-child {
  color: #E4002B;
  display: block;
}
.product-item .tags {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.product-item .tags > div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-bottom: 5px;
  z-index: 2;
}
.product-item .tagsbottom {
  position: absolute;
  display: flex;
  bottom: 0;
  left: 0;
  z-index: 2;
  height:11.25%;
  pointer-events: none;
}

.product-item .in-btn{display:none;text-align:center;position:absolute;width:100%;top:56%;left:0;}
.product-item .in-btn .btn-secondary {font-size:12px}
.product-item:hover .in-btn {display:block}
@media (max-width: 575.98px) {
  .product-item .in-btn{display:block;position:relative;top:0;margin-top:auto}
  .product-item .in-btn .btn-secondary{display:block}
}

.product-item .sale {
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  background: #E4002B;
  font-family: bogue;
}
.product-item .sale span {
  font-size: 9px;
}
.product-item .tags > div.new {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/new-product.svg') no-repeat center;
  background-size: 100%;
  width:75px;
  height: 25px;
  border-radius: 0;
}
.product-item .ffs {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nfs.gif') no-repeat center;
  background-size: 100%;
}
.product-item .fpo {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/preorder-red.svg') no-repeat center;
  background-size: 90%;
}
.product-item .promo {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/npromo.svg') no-repeat center;
  background-size: 100%;
}
.sale-extra {
  position: absolute;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  padding-top: 30px;
  top: 15px; left: 25px;
  width: 80px; height: 80px;
  background: transparent url('/assets/sale-extra.png') no-repeat;
  background-size: contain;
  text-align: center;
  z-index: 2;
  cursor: pointer
}
.product-item .oos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.45);
  z-index: 2;
}
.product-item .oos span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  background: rgba(228, 0, 43, 0.85);
  border-radius: 3px;
  padding: 7px 10px;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.9;
}
.product-item .po {
  position: absolute;
  display: block;
  bottom: -8px;
  left: 0;
  width: 100%;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.product-item .po span {
  display: inline-block;
  background: linear-gradient(90deg, #FF5A13 0%, #FF0000 100%);
  border-radius: 8px;
  padding: 1px 18px;
}
.product-item .fs {
  position: absolute;
  display: inline-block;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 10px;
  padding: 1px 25px;
  border-radius: 8px;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #A0D7F9 0%, #911FED 100%);
  z-index: 2;
}
.fs-bar{
position:relative;
height: 8px; width: 100%;
border-radius: 4px;
background-color:#E8E8E8;
margin-top: 8px;
overflow:hidden;
}
.fs-barprogress{
position:absolute;
top:0;left:0;
height:100%;
background:#49C24B
}
.fs-custom1{font-size:10px;margin-right:auto}
.fs-barprogress.almost{background:#F62121}
.fs-custom1.almost{color:#F62121}
.badger {
  width: 40px;
  height: 40px;
  background: #302F68;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 20px;
}
.product-item .badger,
.product-detail .badger {
  cursor: pointer;
}
.badger.tipso_style {
  border-bottom: none;
}
.cart-item .badger {
  width:30px; height:30px;
  margin-bottom: 5px;
}
.badgebook-prev,.badgebook-next {
  position:absolute;
  display:block;
  bottom:14%;
  width:8%;
  padding-bottom:8%;
  background-size:100%;
  border-radius:100%;
  box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.4)
}
.badgebook-prev { background-image:url(images2/mybadgeprev.png); left:5%; }
.badgebook-next { background-image:url(images2/mybadgenext.png); right:5%; }
.badger-big {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 30%;
  padding-bottom: 30%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  pointer-events:none;
}
.product-detail, .product-detail-2 {
  margin-bottom: 30px;
}
.product-detail-2 { margin-top: -20px; }
.product-detail .files {
  position: relative;
  margin-bottom: 20px;
}
.detail-tags {
  position: absolute;
  top: 0;
  right: -30px;
  padding-top: 10px;
  z-index: 2;
}
.detail-tags > div {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 50%;
  margin-bottom: 10px;
}
.detail-tags-m > div {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 5px;
}
.detail-tags .sale {
  font-weight: 600;
  font-size: 27px;
  color: #fff;
  background: #EA4D89;
}
.detail-tags .sale span {
  font-size: 9px;
}
.detail-tags .new {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/new.svg') no-repeat center;
}
.detail-tags .ffs {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nfs.gif') no-repeat center;
}
.detail-tags .fpo {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/fastpo.png') no-repeat center;
}
.detail-tags .promo,
.detail-tags-m .promo {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/npromo.svg');
  cursor: pointer;
}
.product-detail .thumbs {
  margin-bottom: 35px;
}
.product-detail .brand {
  font-weight: 600;
  font-size: 16px;
  color: #0762CB;
  line-height: 1.4;
  margin-bottom: 5px;
}
.product-detail h1 {
  font-family: 'Prompt', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  color: #171717;
  margin-bottom: 5px;
}
.product-detail .price {
  font-weight: 500;
  font-size: 20px;
  color: #474747;
  line-height: 1.3;
  margin-bottom: 18px;
}
.product-detail .price-sale > span:first-child {
  text-decoration: line-through;
  margin-right: 20px;
}
.product-detail .price-sale > span:nth-child(2) {
  color: #E4002B;
}
.product-detail .price-sale-fs {
  position: relative;
  display: inline-block;
  border-radius: 3px;
  padding-left: 50px;
  margin-top: 10px;
  border-radius: 3px;
}
.product-detail .price-sale-fs:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nfs2.svg') no-repeat 0 0;
  background-size: cover;
}
.product-detail .price-sale-fs .fs-wrapper {
  background: linear-gradient(180deg, #A0D7F9 0%, #9423EE 100%);
  border-radius: 0 3px 3px 0;
  padding: 1px;
}
.product-detail .price-sale-fs .fs-div {
  padding: 5px 40px 4px 10px;
  background: #fff;
}
.product-detail .review {
  font-size: 14px;
  color: #474747;
  margin-bottom: 20px;
}
.product-detail .review > * {
  display: inline-block;
  margin-right: 5px;
}
.product-detail .review .t {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  color: #474747;
  vertical-align: text-top;
}
.product-detail .review .t span {
  color: #E4002B;
}
.product-detail .review .t i {
  font-style: normal;
  color: #E1E1E1;
}
.product-detail .review .t a {
  color: #171717;
  text-decoration: underline;
}
.product-detail .is-fs {
  font-weight: 600;
  font-size: 14px;
}
.product-detail .is-more {
  margin-bottom: 25px;
}
.product-detail .is-saleextra {
  margin-top: 10px;
  display: inline-flex;
  cursor:pointer;
  height:28px;
}
.product-detail .is-saleextra span {
  color:#EA4D89;
  font-weight: 500;
  font-size: 14px;
  padding: 4px 7px 2px;
  border: 1px solid #EA4D89;
  border-radius: 0 3px 3px 0;
}
.product-detail .is-saleextra:before {
  content:'SALE';
  color:#FFF;
  background:#EA4D89 url(images2/bell.svg) no-repeat 6px;
  padding:5px 8px 5px 35px;
  font-size:14px;
  border-radius: 3px 0 0 3px;
}
.product-detail .is-saleextra2:before {
  content:'';
  color:#FFF;
  background:#EA4D89 url(images2/bell.svg) no-repeat 6px;
  padding:5px 8px 5px 22px;
  font-size:14px;
  border-radius: 3px 0 0 3px;
}
.product-detail .price span + .is-saleextra { margin-left: 10px; margin-top: 0; position: relative; top: 7px; }
.product-detail .form {
  margin-bottom: 40px;
}
.product-detail .oos .header {
  font-weight: 500;
  font-size: 13px;
  color: #E4002B;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.product-detail .oos-bundle .header {
  background: #FEE9E9;
  padding: 5px 0;
  text-align: center;
}
.form-submitted {
  line-height: 1.3;
  background: #E6F5FC url('images2/nok-red.svg') no-repeat 10px center;
  padding: 10px 23px 10px 60px;
  border-radius: 3px;
}
.product-detail .info {
  font-weight: 500;
  font-size: 17px;
  color: #000;
  line-height: 1.4;
  margin-bottom: 15px;
}
.product-detail .text {
  word-break: break-word;
}
.is-bundle {
  padding-bottom: 10px;
}
.is-bundle .h {
  font-size: 13px;
  color: #171717;
  line-height: 1.3;
  margin-bottom: 10px;
}
.is-bundle .h span {
  font-weight: 600;
}
.is-bundle .product-item {
  background: #F8F8F8;
  padding: 10px;
  margin-bottom: 10px;
}
.is-bundle .image {
  width: 115px;
  padding-right: 15px;
}
.is-bundle .product-item .caption {
  text-align: left;
}
.is-bundle .product-item .brand {
  font-size: 14px;
}
.is-bundle .product-item .caption .form-group {
  padding-top: 5px;
}
.product-review {
  margin-bottom: 30px;
}
.product-review-top {
  background: #F8F8F8;
  padding: 30px;
  margin-bottom: 10px;
}
.product-review-bottom {
  display:flex;
  flex-wrap:wrap;
  background: #F8F8F8;
  padding: 14px 50px 10px;
  margin-bottom: 10px;
}
.product-review-content .next-review > div {
  padding-top: 20px;
  border-top: 1px solid #E1E1E1;
}
.product-review-content .bestseller-cat.smalltab { margin-bottom:0;position:relative }
.review-rate {
  font-family: 'bogue', sans-serif;
  font-weight: 600;
  font-size: 45px;
  line-height: 1.5;
  color: #171717;
}
.review-rate-line {
  position: relative;
}
.review-rate-line:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  background: #E1E1E1;
  transform: translateY(-50%);
}
.product-related {
  border-top: 1px solid #0762CB;
  padding-top: 30px;
}
.product-detail-2 .product-related {
  border-top: 0;
}
.reviews-list .review-box {
  border: 1px solid #FEE9E9;
   border-radius: 5px;
}
.review-box {
  background: #FFFFFF;
  margin-bottom: 20px;
}
.review-box .box {
  padding: 10px;
}
.box-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #FEE9E9;
  margin-bottom: 12px;
}
.box-top .image {
  width: 60px;
}
.box-top .product {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.3;
  padding-left: 8px;
}
.box-top .brand {
  color: #1A144D;
  margin-bottom: 5px;
}
.review-box .caption {
  font-size: 13px;
  color: #474747;
  line-height: 1.6;
}
.review-box .review-div {
  text-align: left;
  margin-bottom: 5px;
}
.review-box .title {
  font-weight: 600;
  font-size: 13px;
  color: #171717;
  margin-bottom: 8px;
}
.review-box .product .title {
  height: 32px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-box .caption .title {
  height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-box .tx {
  height: 120px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.review-box .author {
  font-weight: 500;
  font-size: 12px;
  height: 15px;
  color: #171717;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.review-box .date {
  font-size: 12px;
}
.review-item {
  line-height: 1.3;
  border-bottom: 1px solid #E1E1E1;
  padding: 20px 0;
}
.review-item:last-child {
  border-bottom: 0;
}
.review-item-product .image {
  width: 60px;
  margin-bottom: 10px;
}
.review-item .brand {
  font-weight: 600;
  font-size: 14px;
  color: #0762CB;
}
.review-item .pd {
  font-weight: 600;
  font-size: 14px;
  color: #171717;
}
.page-account .review-item:first-child {
  padding-top: 0;
}
.review-item .cover {
  width: 40px;
}
.review-item .top,
.review-item .verified {
  font-weight: 600;
  font-size: 10px;
  font-style: italic;
  color: #171717;
}
.review-item .verified {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nverified.svg') no-repeat 0 center;
  background-size: auto 13px;
  padding-left: 16px;
}

.squad{
  display:inline-block;
  font-weight:700;font-size:10px;font-style:italic;color:#171717;
  background: no-repeat 0 center;
  background-size: contain;
  padding: 1px 0 1px 20px;
  border:none;
  cursor:default;
}
.sqhard{background-image:url(images2/sqgeneral.svg)}
.sqdiamond{background-image:url(images2/sqcommander.svg)}
.sqgold{background-image:url(images2/sqwarrior.svg)}
.sqsilver{background-image:url(images2/sqnewbie.svg)}
.tipso-content .squad {margin-bottom:2px}

.review-item .name {
  font-weight: 600;
  font-size: 18px;
  color: #171717;
  margin-bottom: 1px;
}
.review-item-top {
  margin-bottom: 10px;
}
.review-item .date {
  font-weight: 500;
  font-size: 13px;
  color: #171717;
}
.review-item .title {
  font-weight: 600;
  font-size: 16px;
  color: #171717;
  margin-bottom: 10px;
}
.review-item .text {
  overflow-wrap:break-word
}
.review-div {
  text-align: center;
  margin-top: 5px;
}
.review-div > div {
  display: inline-block;
  vertical-align: middle;
}
.home-div-fs .review-div { height:20px }
  .product-detail .review-stars {
  cursor: pointer;
  white-space: nowrap;
}
.review-stars > span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nstar2-e.svg') no-repeat center;
  background-size: 100%;
}
.review-stars-sm > span {
  width: 11px;
  height: 11px;
}
.review-stars-lg > span, .review-stars-pending > span {
  width: 25px;
  height: 25px;
  margin-right: 2px;
}
.review-add .review-stars > span, .review-stars-pending > span {
  cursor: pointer;
}
.review-stars > span.a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nstar2.svg');
}
.review-stars-tx {
  font-weight: 500;
  font-size: 10px;
  color: #474747;
  margin-left: 2px;
}
.review-item .fotoreview { display:flex;margin-top:15px; }
.review-item .fotoreview-item { width:80px;height:80px;margin-right:10px; cursor:pointer }
.review-item .fotoreview-item img {width:100%}
.condition { font-size:12px; margin-top:15px }
.condition td:first-child {padding-right:10px;font-weight:500;}
.review-item .type { font-weight:500; }

.product-opt {
  font-weight: 600;
  font-size: 14px;
  color: #505050;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 10px;
}
.product-opt-item > div {
  position: relative;
  display: inline-block;
  padding: 20px 0;
  cursor: pointer;
}
.product-opt-wishlist div {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nwIshlist.svg') no-repeat 0 center;
  padding-left: 36px;
}
.product-opt-wishlist div.a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwishlisted.svg');
}
.product-opt-store div {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nstoreh.svg') no-repeat 0 center;
  background-size: 22px auto;
  padding-left: 32px;
}
.product-opt-store:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 1px;
  height: 30px;
  background: #E1E1E1;
  transform: translateY(-50%);
}

/* review result */
.product-review h5 { font-family: 'bogue', sans-serif; font-weight: 600; font-size: 20px; margin-bottom: 5px; color: #171717; letter-spacing: 0;}
.product-review .btn-secondary { background:none; width:100%; }
.review-result .review-score-small {display:inline-block;background:#E4002B;border-radius:3px;color:#fff;font-family:'bogue',sans-serif;font-size:12px;margin-right:10px;padding:3px 3.5px}
.product-review-bottom h4 {margin-bottom:0}
.review-result { display:flex;flex-wrap:wrap }
.review-result-item {font-size:12px;margin-left:30px;margin-bottom:5px;white-space:nowrap}
.review-item .review-result {margin-top:10px;margin-bottom:7px;margin-left:-30px}
.meterbar { height: 5px; width: 120px; border-radius: 4.5px; background-color: #E1E1E1; overflow:hidden }
.meterbar > div{ height:5px; border-radius: 4.5px; background:#E4002B; }
.metercount {font-size:12px;margin-left:8px;width:10px;text-align:center}
.review-stars-sum {display:flex;align-items:center;margin-bottom:4px}
.review-stars-sum .review-stars{ width:90px;cursor:pointer }

.filter-right {
  position:absolute;
  right:0; bottom: 4px;
  display: flex;
  align-items: center;
}
.review-filter {
  display:none;
  visibility: hidden;
  opacity:0;
  background:#F8F8F8;
  padding:20px 30px;
  transition: all .3s;
}
.open-reviewfilter .review-filter {
  display:block;
  visibility: visible;
  opacity:1;
}
.review-filter-group .row {
  margin-left:-5px;
  margin-right:-5px;
}
.review-filter-group .row > div {
  padding-left:5px;
  padding-right:5px;
}
.review-filter-group .title {
  color: #171717;
  font-family: "Prompt";
  font-size: 13px;
  font-weight: bold;
  flex-basis: 100%;
  margin-bottom: 10px;
}
.review-filter-group { color: #0762CB; }
.review-filter-item {
  border: 1px solid #0762CB;
  padding:5px;
  max-width:150px;
  text-align:center;
  font-family: "Prompt";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom:5px;
  cursor:pointer;
}
.review-filter-item.withstar:after {
  content:'';
  display:inline-block;
  width:8px;height:8px;
  margin-left:2px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nstar2.svg') no-repeat center;
  background-size: contain;
}
#reviewfilter {width:100%;}
#reviewfilter + div {font-size:13px;text-align:center;cursor:pointer}

@media (min-width: 768px) {
  .thumb-wrap {
    height:1px;
    padding-bottom: 670%;
    flex-wrap: nowrap;
    overflow:hidden;
  }
  .thumb-wrap-up,.thumb-wrap-down {
    display:none;
    height:25px;
    cursor:pointer;
  }
  .thumb-wrap-up{
    background:url('https://www.beautyhaul.com/assets/n/css/images2/scrollup.svg') no-repeat top
  }
  .thumb-wrap-down{
    background:url('https://www.beautyhaul.com/assets/n/css/images2/scrolldown.svg') no-repeat bottom
  }
  .thumbs-nav {
    position:relative;
    top:0px;
    transition: all 0.5s;
  }

  .product-review-top.d-small {padding:10px}
  .product-review-bottom.d-small {padding:10px}
  .product-review-bottom.d-small .review-result {width:100%}
  .product-review-bottom.d-small .review-result .review-result-item {margin:2px 0 3px;width:33.3%}
}

@media (max-width: 1199.98px) {
  .product-detail .brand, .review-item .brand {
    font-size: 10px;
    margin-bottom: 2px;
  }
  .product-detail h2 {
    font-size: 16px;
    margin-bottom: 2px;
  }
  .product-detail .price {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .product-opt {
    font-size: 10px;
  }
  .review-stars-tx {
    position: relative;
    top: -1px;
  }
  .product-item .oos span {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .review-filter-item{text-transform:uppercase}
  .review-filter-item.iconfilterm.active:after{display:none}
}
@media (max-width: 991.98px) {
  .product-review {
    margin-bottom: 20px;
  }
  .product-review-top {
    padding: 20px;
  }
  .product-review-top .review-stars > span { width:10px; height:10px}
  .product-review-top .review-stars-sum .review-stars { width:60px }
  .product-review-top .meterbar {width:45%}
  .product-review-top .metercount {font-size:10px}
  .product-review-top .review-stars-lg > span {
    width: 15px;
    height: 15px;
    margin-right: 2px;
  }
  .product-review-top .text {
    font-size: 12px;
  }
  .product-review-bottom {
    padding-left:20px; padding-right:20px;
  }
  .product-review-bottom h4 {width:100%;margin-bottom:5px;}
  .review-result .review-result-item:first-child {margin-left:0;}
  .review-result {width:100%}
  .review-item .review-result {margin-left:0}

  .review-rate {
    font-size: 30px;
  }
  .reviews {
    padding-top: 0;
  }
  .review-item {
    padding-bottom: 10px;
    padding-bottom: 10px;
  }
  .review-item-top {
    margin-bottom: 5px;
  }
  .review-item .name {
    font-size: 12px;
  }
  .review-item .top,
  .review-item .verified {
    font-size: 8px;
  }
  .review-item .verified {
    background-size: auto 10px;
  }
  .review-item .date {
    font-size: 10px;
  }
  .review-item .title {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .review-item .text {
    font-size: 12px;
  }
  .review-box .title {
    font-size: 12px;
  }
  .review-item .review-stars-lg > span {
    width: 11px;
    height: 11px;
    margin-right: 0;
  }
  .review-item .review-stars-pending > span {
    width: 18px;
    height: 18px;
    margin-right: 0;
  }
  .product-related {
    padding-top: 20px;
  }
  .product-item .oos span {
    font-size: 8px;
    padding: 5px 7px;
  }
  .review-filter {
    display:block;
    position: fixed;
    top: 0;
    right:-270px;
    width: 270px;
    height: 100%;
    line-height: 1.3;
    background: #fff;
    overflow-y: auto;
    z-index: 11;
  }
  .open-reviewfilter .review-filter {
    transform:translate3d(-270px,0,0);
  }
  .open-reviewfilter .mobile-menu,
  .open-reviewfilter .mobile-menu-bg {
    opacity: 1;
    visibility: visible;
  }
  .review-filter-group {margin-bottom:20px}
  #reviewfilter {max-width:100%}

  .filter-right {position:relative;margin-top:10px;background:#F8F8F8;font-size:11px;padding-top:5px;}
  .filter-right .products-sort {width:49%}
  .filter-right .review-filter-item {max-width:unset;width:49%;border:none;font-size:11px;}
  .filter-right:after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #FFF;
  }
}
@media (max-width: 767.98px) {
  .review-rate-line {
    margin-bottom: 10px;
  }
  .thumbs-nav li {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .review-rate-line:after {
    display: none;
  }
  .detail-tags {
    position: relative;
    top: initial;
    right: initial;
    padding-top: 0;
  }
  .detail-tags > div {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 2px;
  }
  .detail-tags .sale {
    font-size: 8px;
  }
  .detail-tags .sale span {
    font-size: 4px;
  }
  .product-detail .review-stars > span {
    width: 11px;
    height: 11px;
  }
  .product-detail .review .t {
    font-size: 10px;
    padding-top: 3px;
  }
  .product-detail .price-sale-fs {
    padding-left: 40px;
  }
  .product-detail .price-sale-fs:before {
    width: 40px;
  }
  .review-result .review-result-item {margin-left:0;min-width:33%}
}
@media (max-width: 575.98px) {
  .product-item .tags > div { width: 30px; height: 30px; line-height: 32px; }
  .product-item .tags > div.new { width: 60px; height: 20px; }
  .product-item .sale {
    font-size: 12px;
  }
  .product-item .sale span {
    font-size: 7px;
  }
  .page-product .files,
  .product-review-top,
  .product-review-bottom,
  .product-related,
  .home-div .reviews {
    width: 100vw;
    margin-left: -20px;
  }
  .product-detail-2 .product-related .promotion-header {
    padding-left: 20px;
  }
  .product-item-sale .price span:first-child {
    display: block;
    margin-right: 0;
    margin-bottom: 2px;
  }
  .product-item-sale .price span:last-child {
    display: block;
  }
  .review-result .review-result-item {min-width:50%}
}

.badgebook {
  position: relative;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  padding-bottom: 66%;
  background: url(https://www.beautyhaul.com/assets/n/css/images2/mybadgebook.png) no-repeat;
  background-size: contain;
}
.badgebook-container {
  position: absolute;
  width: 35%;
  top: 18%;
  left: 12%;
}
.badgebook-container > .row {
  margin-right: -3%;
  margin-left: -3%;
}
.badgebook-container > .row > .col-d3 {
  padding-right: 3%;
  padding-left: 3%;
}
.badgeicon {
  position: relative;
  width:100%;
  margin-top:18%;
  border-radius:100%;
  background:#302F68;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
}
.badgeicon img {
  width:100%;
}
.badgeicon.disabled:after {
  content:'';
  position: absolute;
  top:0; left:0;
  width:100%; height:100%;
  border-radius: 100%;
  background: rgba(0, 26, 90, 0.6);
  background-image: url(https://www.beautyhaul.com/assets/n/css/images2/mybadgex.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.badgeicon.collectit img {
  filter:grayscale(100%);
  transition: filter 0.3s;
}
.badgeicon.collectit:hover img {
  filter:grayscale(0%);
}

.mybadges-item {
  text-align: center;
  line-height: 1.4;
  color: #171717;
  margin-bottom: 20px;
}
.mybadges-item .wrapper {
  position: relative;
  background: transparent url('images2/nbadge2.svg') repeat-y 0 0;
  background-size: 100% auto;
  filter: drop-shadow(0px 0px 3px #CBCBCB);
}
.mybadges-item .wrapperin {
  padding: 10px;
}
.mybadges-item .img {
  margin-bottom: 15px;
}
.mybadges-item .img.disabled img {
  opacity: 0.5;
}
.mybadges-item .img.collectit img {
  filter: grayscale(100%);
  transition: filter 0.3s;
}
.mybadges-item .img.collectit:hover img {
  filter: grayscale(0%);
}
.mybadges-item .img img {
  width: 100%;
  cursor: pointer;
}
.mybadges-item .title {
  font-weight: 600;
  font-size: 18px;
}
.mybadges-item .text {
  margin-top: 5px;
  font-size: 12px;
}

.account-side {
  padding-right: 20px;
}
.account-side .div.main {
  position: relative;
}
.account-side .ava {
  width: 50px;
  margin: 0 auto;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #fff;
  padding: 8px;
}
.account-side .main .text {
  text-align: center;
  word-break: break-word;
}
.account-side .name {
  font-weight: 600;
  font-size: 18px;
  color: #171717;
  line-height: 1.4;
  margin-bottom: 5px;
}
.account-side .name:after{
	content: '';
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 5px;
	width: 15px; height: 15px;
	background: url('https://www.beautyhaul.com/assets/n/css/images2/edit.svg');
}
.account-side .point {
  background: #E6F5FC;
  border-radius: 5px 5px 0 0;
  padding: 13px 10px;
  padding-bottom: 60px;
  text-align: right;
}
.point-total {
	background: #f8f8f8;
	border-radius: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	padding: 10px;
}
.account-side .point .image {
  width: 70px;
  padding-right: 10px;
}
.account-side .point .text {
  font-size: 12px;
  line-height: 1.3;
}
.account-side .point .text a {
  text-decoration: none;
  color: inherit;
}
.account-side .point .text a.qr {
  text-decoration: underline;
  color: #0762CB;
}
.account-side .point .value {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  color: #E4002B;
}
.account-side .point .tx {
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0;
}
.account-side .card-point {
	position: absolute;
	top: -47px; left: 5%;
	width: 90%;
}
.card-point .card { border-radius: 8px; box-shadow: 0 0px 4px rgba(150,150,150,0.25); }
.card-point .card-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 0 0px 4px rgba(150,150,150,0.25);
	border-radius: 50px;
}
.account-side .menu {
  background: #fff;
  padding: 15px;
  padding-top: 50px;
  border-radius: 0 0 5px 5px;
  position: relative;
}
.account-side .menu > .nav > li {
  font-weight: 600;
  font-size: 13px;
  color: #171717;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #E1E1E1;
}
.account-side .menu > .nav > li:last-child {
  border-bottom: 0;
}
.account-side .menu > .nav > li > a {
  display: block;
  padding: 11px 20px 13px 38px;
  background-position: 0 center;
  background-repeat: no-repeat;
}
.account-side .menu .hasdrop {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nplus.svg') no-repeat 100% 14px;
}
.account-side .menu .hasdrop.open {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nmin.svg') no-repeat 100% 17px;
}
.account-side .menu .dashboard > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ndashboard.svg');
  background-size: 21px auto;
}
.account-side .menu .profile > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nprofile.svg');
  background-size: 21px auto;
}
.account-side .menu .mybadge > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/npoint.svg');
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0 5px 38px;
}
.account-side .menu .mytier > a {
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0 5px 38px;
}
.mytier-1 > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-silver.svg');
}
.mytier-2 > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-gold.svg');
}
.mytier-3 > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-diamond.svg');
}
.mytier-4 > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-platinum.svg');
}
@media (max-width: 1199.98px) {
	.account-side .menu {
		padding-top: 40px;
	}
	.account-side .menu .mybadge > a, .account-side .menu .mytier > a {
		background: none;
		padding: 0;
	}
	.account-side .menu .mybadge > a:before {
		content: '';
		position: relative;
		top: 5px;
		display: inline-block;
		width: 20px; height: 20px;
		margin-right: 5px;
		background-image: url('https://www.beautyhaul.com/assets/n/css/images2/npoint.svg');
		background-size: cover;
	}
	.account-side .menu .mytier > a:before {
		content: '';
		position: relative;
		top: 5px;
		display: inline-block;
		width: 20px; height: 20px;
		margin-right: 5px;
		background-size: cover;
	}
	.mytier-1 > a:before {
		background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-silver.svg');
	}
	.mytier-2 > a:before {
		background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-gold.svg');
	}
	.mytier-3 > a:before {
		background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tier-platinum.svg');
	}
	.mytier-4 > a:before {
		background-image: url('images2/tier-diamond.svg');
	}
}
.account-side .menu .myorder > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ncart-dashboard.svg');
  background-size: 25px auto;
}
.account-side .menu .review > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nreviewm.svg');
  background-size: 26px auto;
}
.account-side .menu .wishlist > a {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwIshlist.svg');
  background-size: 26px auto;
}
.account-side .menu .arrow-icon {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/ndrop.svg') no-repeat center;
  transform: rotate(270deg);
  width: 15px;
  height: 15px;
}
.account-side .menu > .nav > li > .nav {
  display: none;
}
.account-side .menu > .nav > li.open > .nav {
  display: block;
}
.account-side .menu .hasdrop ul {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
  padding: 0 0 10px 38px;
}
.account-side .menu .hasdrop ul a {
  display: block;
  padding: 10px 0;
}
.account-side .menu .hasdrop ul .active a,
.account-side .menu .hasdrop ul a:hover {
  color: #0762CB;
}
.page-account-main h3 select,
.page-breadcrumb select {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  -webkit-appearance: none;
  cursor: pointer;
}
.account-quiz {
  background: #E6F5FC;
  border-radius: 3px;
  padding: 15px 0 15px 32px;
  margin-bottom: 20px;
}
.account-quiz .help {
  width: 100px;
  padding-right: 20px;
}
@media (max-width: 991.98px) {
	.account-side .ava {
		margin-bottom: 0;
	}
}
@media (max-width: 1199.98px) {
	.account-side .card-point {
		top: -25px; left: 5%;
		width: 90%;
	}
	.account-quiz {
		background: #f8f8f8;
	}
  .products {
    margin-bottom: -20px;
  }
  .product-item {
    margin-bottom: 20px;
    display:flex;
    flex-direction:column;
  }
  .product-item .image {
    margin-bottom: 0;
  }
  .product-item .caption {
    font-size: 12px;
    padding: 5px 10px;
  }
  .product-item .fs {
    bottom: -3px;
  }
  .product-item .brand {
    font-size: 9px;
    margin-bottom: 2px;
  }
  .product-item .title {
    margin-bottom: 2px;
  }
  .home-div-fs .product-item .title {
    height: 30px;
  }
  .product-item a .price {
    font-size: 10px;
  }
  .brand-about {
    margin-bottom: 10px;
  }
  .account-side {
    padding-right: 0;
    margin-bottom: 10px;
  }
  /* .account-side .div.main:before {
    position: absolute;
    content: '';
    top: 0;
    right: -10px;
    width: 1px;
    height: 100%;
    background: #E1E1E1;
  } */
  .account-side .ava {
  }
  .account-side .main .text {
    font-size: 10px;
  }
  .account-side .name {
    font-size: 16px;
    margin-bottom: 0;
  }
  .account-side .point {
    text-align: center;
    padding: 20px 20px 30px;
  }
  .account-side .point .image {
    width: 33px;
    padding-right: 0;
    margin: 0 auto 5px;
  }
  .account-side .point .text {
    font-size: 12px;
  }
  .account-side .point .value {
    font-size: 14px;
  }
  .account-side .point .tx {
    font-size: 8px;
  }
  .account-side .menu .hasdrop,
  .account-side .menu .hasdrop.open {
    background-image: none;
  }
  .account-side .menu > .nav > li {
    position: relative;
    width: 70px;
    font-size: 8px;
    letter-spacing: 0;
    text-align: center;
    border-bottom: 0;
  }
  .account-side .menu > .nav > li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 45px;
    height: 45px;
    background: #E6F5FC;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .account-side .menu > .nav > li > a {
    position: relative;
    background-position: center 12px;
    padding: 50px 0 0;
    z-index: 2;
  }
  .account-side .menu > .nav > li.open > .nav {
    display: none;
  }
  .page-account-main {
    background: #fff;
    padding: 20px;
  }
  .page-account-main .checkout-div {
    padding: 0;
  }
  .page-account-main h3 {
    position: relative;
    text-align: center;
  }
  .page-account-main h3.hasdrop span {
    display: inline-block;
    padding-right: 17px;
    background: url('https://www.beautyhaul.com/assets/n/css/images2/ndrop.svg') no-repeat 100% center;
  }
  .page-account-main h3.hasdrop select {
    display: block;
    opacity: 0;
    -webkit-appearance: none;
    cursor: pointer;
  }
  .page-account-main h3 select,
  .page-breadcrumb select {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .account-quiz {
    font-size: 10px;
    padding: 10px 20px;
  }
  .account-quiz .help {
    width: 45px;
    padding-right: 10px;
  }
  .mybadges-item .img {
    margin-bottom: 10px;
  }
  .mybadges-item .title {
    font-size: 14px;
  }
  .mybadges-item .text {
    font-size: 10px;
  }
  .mybadges-item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .mybadges-item {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .page-account {
    margin-left: -20px;
    margin-right: -20px;
  }
  .mybadges-item .title {
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mybadges-item .text {
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 575.98px) {
  .account-quiz {
    width: 100vw;
    margin-left: -20px;
  }
}
.address-empty { padding: 30px 0; }
.address-item:not(:last-child) {
  margin-bottom: 20px;
}
.address-item .wrapper {
  position: relative;
  background: #fff;
  padding: 15px;
}
.address-item .address-delete {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 25px;
  height: 25px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nremove.svg') no-repeat center;
  background-size: 10px auto;
  cursor: pointer;
  text-decoration: none;
}
.address-card {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}

.address-title {
  background: #EAF8F5;
  color: #00897B;
}

.address-default {
  background: #E6F5FC;
  color: #0762CB;
}

.address-wrapper { position:relative; display:flex; flex-wrap:wrap; overflow: hidden; }
.address-wrapper.active { }
.oGift2-list .address-item {
	width: 100%;
	flex: 0 0 100%;
	align-items: center;
	cursor: pointer;
	padding: 20px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	position: relative;
}
.oGift2-list .address-item.active {
	border-color: #0762CB;
}
@media (max-width: 767.98px) {
  .address-item .address-delete {
    top: 12px;
  }
}
@media (max-width: 575.98px) {
	.oGift2-list .address-item {
		border: 1px solid #e1e1e1 !important;
	}
	.oGift2-list .address-item.active {
		border: 1px solid #EA4D89 !important;
	}
}
.address-item .title {
  font-weight: 600;
  font-size: 14px;
  color: #171717;
  line-height: 1.4;
  height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px;
  width: 97%;
}
.address-item .pinned {
	background: url(https://www.beautyhaul.com/assets/n/css/images2/pin-alamat.svg) no-repeat left center;
	padding-left: 25px;
	font-weight: 600;
	margin-bottom: 5px;
}
.account-empty {
  text-align: center;
  padding: 115px 0 200px;
}
.account-empty .image {
  display: inline-block;
  width: 146px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 15px;
}
.account-empty .image.dashboard {
  background-image: url('https://s14.gifyu.com/images/bTXN0.png');
}
.account-empty .image.dashboard-male {
  background-image: url('https://s14.gifyu.com/images/bTXN0.png');
}
.account-empty .image.beautyprofile {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/cart-e.svg');
}
.account-empty .image.address {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/naddress.svg');
}
.account-empty .image.wishlist {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwIshlist.svg');
}
.account-empty .image.order {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/empty-cart2.svg');
}
.account-empty .image.point {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nnopoint.svg');
}
.account-empty .image.search {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nsearchno.svg');
}
.account-empty .image.class {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/class.svg');
}
.account-empty .image.review {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nreview.svg');
}
.account-empty .image.notification-empty {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/notification-empty.svg');
}
.account-code {
  text-align: center;
  padding: 60px 0;
}
.account-code .code {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.account-code .codet {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 600;
  font-size: 42px;
  color:#E4002B;
  transform: translateX(-50%) translateY(-50%);
  margin-left: -35px;
}
.account-code .coder {
  position: absolute;
  top: 50%;
  right: -35px;
  font-weight: 600;
  font-size: 16px;
  color: #171717;
  text-transform: uppercase;
  transform: rotate(-90deg) translateY(-50%);
  margin-top: -10px;
}
.account-code .text {
  margin-bottom: 20px;
}
.order-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.order-item > div {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
}
.order-item > div:last-child {
  padding-right: 0;
}
.order-item .id {
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
}
.order-item .gid {
  -ms-flex: 0 0 170px;
  flex: 0 0 170px;
  max-width: 170px;
}
.order-item .date {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
}
.order-item .price {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.order-item .payment {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  text-align: right;
}
.order-item .shipping {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  text-align: right;
}
.order-item .status {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  text-align: right;
}
.order-item .point {
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-width: 100px;
  text-align: right;
}
.order-item .balance {
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
  text-align: right;
}
.order-item-header {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: #171717;
  padding-bottom: 5px;
  border-bottom: 1px solid #0762CB;
}
.order-item a {
  font-weight: 600;
  text-decoration: underline;
}
.page-account-main {
  position: relative;
}
.page-account-main .cart-item {
  border-bottom: 0;
}
.order-div {
  border-bottom: 1px solid #E1E1E1;
  padding-top: 15px;
}
.order-div .form-group {
  margin-bottom: 15px;
}
.order-div:first-child {
  padding-top: 0;
}
.order-div:last-child {
  border-bottom: 0;
}
.page-account-main .odate {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: #171717;
}

.page-nav {
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 30px;
}
.page-nav li {
  margin-bottom: 10px;
}
/*.page-accordion .item {
  margin-bottom: 20px;
}
.page-accordion .title {
  position: relative;
  font-weight: 500;
  font-size: 17px;
  color: #000;
  line-height: 1.4;
  padding-left: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.page-accordion .title:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 1px;
  left: 0;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/accordion+.svg') no-repeat center;
  background-size: 100%;
}
.page-accordion .active .title:before {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/accordion-.svg');
}
.page-accordion .text {
  display: none;
  padding-top: 8px;
  padding-left: 30px;
}
.page-accordion .active .text {
  display: block;
}*/

.home-div-promo1442{
position:relative;
border-radius: 3px;
padding: 15px 0;
background: linear-gradient(88.6deg, #DAEEA8 0%, #FFFBE8 100%);
overflow: hidden;
}
.home-div-promo1442 .caption{ background:#FFF }
.home-div-promo1442-disabled {
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
text-align: center;
position:absolute;
top:0;left:0;
width:100%;height:100%;
background: rgba(255,255,255,0.9);
z-index:2;
}
.home-div-promo1442-disabled a{
display:block;
width:294px;
padding:14px;
background:#000;
color:#FFF;
text-align:center;
letter-spacing:0;
font-weight:bold;
}
.home-div-promo1442-disabled span{
max-width:600px;
font-size: 18px;
font-weight: bold;
margin-bottom:20px;
}
.home-div-promo1442-disabled img{
width:100px;
margin-bottom:20px;
}
.home-div-promo1442 .title
{
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
height:36px;
}
.tabwrapper { display:flex;justify-content:center }
.tabitem {display:none}
.tabitem.active {display:block}

.home-div-promo1442 .tabwrapper {overflow: auto}
.home-div-promo1442 .tabwrapper > div {
    border: 1px solid #171717;
    border-radius: 3px;
    padding:4px 8px;
    margin: 10px 5px 0;
    color:#555;
    cursor:default;
    order:2;
    white-space: nowrap;
}
.home-div-promo1442 .tabwrapper > div span { font-size:9px }
.home-div-promo1442 .tabwrapper > div.active { background:#000; color:#FFF; }

@media (max-width: 1199.98px) {
  .account-empty {
    padding: 120px 0;
  }
}
@media (max-width: 767.98px) {
  .account-code {
    padding: 30px 0;
  }
  .account-code .codet {
    font-size: 30px;
  }
  .order-item-header {
    display: none;
  }
  .order-point-header {
    display: flex;
  }
  .order-item {
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .order-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .order-item .id {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .order-item .gid {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  /* .order-item .date {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-item-point.order-item .date {
	-ms-flex: 0 0 120px;
	flex: 0 0 120px;
	max-width: 120px;
  }
  .order-item .price {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    -ms-flex-order: 2;
    order: 2;
    text-align: right;
  }
  .order-item-point.order-item .price {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
  }
  .order-item .payment {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    -ms-flex-order: 4;
    order: 4;
    padding-right: 5px;
  }
  .order-item .shipping {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: fit-content;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-item .shipping:before {
    position: relative;
    display: inline-block;
    content: '/';
    color: #464646;
    margin-right: 5px;
  }
  .order-item .status {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-item-point.order-item .point {
    -ms-flex: 0 0 100px;
	flex: 0 0 100px;
	max-width: 100px;
	text-align: right;
  }
  .order-item-point.order-item .balance {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -ms-flex-order: 4;
    order: 4;
    text-align: right;
  } */
  .page-account-main .btn-payment {
    position: relative;
  }
  .home-div-promo1442 {margin-left:-20px;margin-right:-20px}
  .home-div-promo1442-disabled span{ font-size: 13px; padding:0 20px }
  .home-div-promo1442 .title {height:30px}
  .home-div-promo1442 .tabwrapper {justify-content: flex-start; padding-bottom:15px; margin-bottom:-15px;}
  .home-div-promo1442 .tabwrapper > div {font-size:10px;margin-left:0}
  .home-div-promo1442 .tabwrapper > div.activereal { order:1 }
  .home-div-promo1442 .tabwrapper > div.expired { order:3 }
  .home-div-promo1442 .product-item .fs {padding:1px 10px}
}
@media (max-width: 575.98px) {
  .addresses {
    width: 100vw;
    margin-left: -20px;
  }
  .address-item:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 10px solid #F8F8F8;
    /*padding-left: 0;
    padding-right: 0;*/
  }
  .shipaddress-list .addresses {
	width: unset;
	margin-left: -10px;
  }
  .shipaddress-list .addresses .address-item:not(:last-child) {
    margin-bottom: 0;
    border-bottom: none;
  }
}

.mobile-menu-bg {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all .3s;
  z-index: 10;
}
.mobile-menu {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: -270px;
  width: 270px;
  height: 100%;
  line-height: 1.3;
  background: #fff;
  overflow-y: auto;
  transition: all .3s;
  z-index: 11;
}
@media (max-width: 1199.98px) {
  .open-mobile .mobile-menu,
  .open-mobile .mobile-menu-bg,
  .filter-brand .mobile-menu,
  .filter-brand .mobile-menu-bg {
    opacity: 1;
    visibility: visible;
  }
  .open-mobile .mobile-menu {
    left: 0;
  }
}
.mobile-menu .close {
  position: absolute;
  top: 17px;
  right: 18px;
  width: 28px;
  height: 28px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center;
  z-index: 2;
  cursor: pointer;
}
.mobile-div-top {
  position: relative;
  font-weight: 500;
  font-size: 12px;
  padding: 10px 20px 5px 20px;
  background-color: #E6F5FC;
  border-bottom: 1px solid #0762CB;
}
.mobile-div-top .ava {
  border-radius: 50%;
  background: #fff;
  padding: 5px;
}
.mobile-div-top-male {
}
.mobile-div-top .h {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 2px;
}
.mobile-div {
  padding: 10px 6px 20px 14px;
}
.mobile-nav {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
}
.mobile-nav a {
  display: block;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid #E1E1E1;
}
.mobile-nav li:last-child a {
  border-bottom: 0;
}
.mobile-nav-drop > a {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow.svg') no-repeat 95% center;
  background-size: 7px auto;
}
.mobile-nav-child {
  display: none;
  font-size: 14px;
  padding-top: 18px;
  padding-left: 20px;
}
.open-child .mobile-nav-child {
  display: block;
}
.mobile-nav-child li {
  margin-bottom: 18px;
}
.mobile-nav-child li:last-child {
  margin-bottom: 0;
}
.mobile-nav-btm {
  font-size: 14px;
}
.mobile-nav-btm li {
  margin-bottom: 10px;
}
.mobile-nav-btm li:last-child {
  margin-bottom: 0;
}
.mobile-nav-drop .scroll-pane {
  width: 100% !important;
  height: 200px;
}
.mobile-menu-child {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 64px;
  left: -270px;
  width: 270px;
  height: 100%;
  background: #fff;
  padding: 20px;
  transition: all .3s;
  z-index: 12;
}
.mobile-menu-child.open {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.mobile-menu-child .back {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  cursor: pointer;
}
.mobile-menu-child .h {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  padding-bottom: 10px;
  border-bottom: 1px solid #0762CB;
  margin-bottom: 15px;
}
.mobile-menu-child li {
  margin-bottom: 10px;
}
.mobile-menu-child .mobile-nav li {
  margin-bottom: 0;
}
@media (min-width: 1199.99px) {
  .mobile-menu-child.open {
    left: -270px;
  }
}

.cart-div {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -340px;
  width: 340px;
  max-width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  transition: all .3s ease-in-out;
  z-index: 98;
}
.open-cart .cart-div {
  right: 0;
}
.cart-div:before {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all .3s ease-in-out;
  z-index: -1;
}
.open-cart .cart-div:before {
  visibility: visible;
  opacity: 1;
}
.cart-div .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  vertical-align: bottom;
  overflow: auto;
}
.cart-div .content .wrapper {
  margin-bottom: 140px;
}
.cart-div .btm > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: bottom;
  background: #fff;
}
.cart-div .btm .wrapper{
  padding: 0 20px 15px;
}
.cart-div .header {
  position: relative;
  font-family: 'bogue', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #171717;
  text-align: right;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 0;
  background: #fff;
  padding: 15px 20px;
  border-bottom: 1px solid #FFC9DD;
  margin-bottom: 10px;
  z-index: 2;
}
.cart-div .header .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center;
  background-size: 20px auto;
  cursor: pointer;
}
.reseller_bar { padding:10px 15px 0;font-size:12px }
.checkout-div .reseller_bar { padding:0 }
.cart-item {
  position: relative;
  line-height: 1.4;
  color: #171717;
  padding: 0 20px;
}
.cart-item .remove {
  position: relative;
  top: 6px;
  right: 0;
  width: 12px;
  height: 12px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nremove.svg') no-repeat center;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}
.cart-item .remove-placeholder { width: 12px; height: 12px; }
.cart-div-qty {
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  font-size:14px;
  width: 95px;
  height: 25px;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  background-color: #FFF;
  text-align:center;
}
.cart-div-qty .min,
.cart-div-qty .plus {
  font-size:16px;
  font-weight:bold;
  width: 24px;
  cursor: pointer;
}
.cart-div-qty .qty {flex-grow:1}

.cart-item .item {
  position:relative;
  border-bottom:1px solid #E1E1E1;
  padding:10px 0;
}
.cart-item:last-child .item {
  border-bottom: 0;
}
.cart-item .image {
  width: 70px;
  padding-right: 10px;
}
.cart-item .brand {
  font-weight: 600;
  font-size: 14px;
  color: #0762CB;
  padding-right: 30px;
}
.cart-item .bundles .brand {
  padding-right: 0;
}
.cart-item .title {
  font-weight: 600;
  font-size: 14px;
}
.cart-item .variant {
  margin-top: 5px;
  font-size: 12px;
}
.cart-item .variant span {
  font-weight: 600;
}
.cart-item .bag {
  margin-top:10px;
}
.cart-item .quantity > span {
  display: inline-block;
  vertical-align: middle;
}
.cart-item .quantity .select {
  top: 2px;
}
.cart-item .quantity .select .replacement {
  padding-right: 30px;
}
.cart-item .cart-quantity {
  width: 80px;
  text-align: right;
}
.cart-item .is-fastpo {
  color: #FF4242;
  margin-bottom: 5px;
  font-size:10px;
}
.cart-item .is-more {
  font-weight: 500;
  color: #FF4242;
  margin-bottom: 5px;
}
.cart-item .is-fs {
  font-weight: 500;
  font-size: 12px;
  color: #FF3CCF;
  margin-top: 5px;
}
.cart-item .is-saleextra {
  color: #EA4D89;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 5px;
}
.cart-div .cart-item .price-sale { margin-top:3px;font-size:10px }
.cart-item .price-sale > span:first-child {
  text-decoration: line-through;
  margin-right:5px;
}
.cart-item .price-sale > span:last-child {
  color: #E4002B;
}
.cart-item .bag .quantity {
  font-size: 12px;
  color: #474747;
}
.cart-item .bag .quantity span.update {
  width: 80px;
  margin-left: 10px;
}
.cart-item .bag .price,
.cart-item-alt .price {
  font-weight: 500;
  font-size: 14px;
  color: #474747;
  text-align: right;
}
.cart-item .wishlist { font-size: 12px; font-weight: 600; text-decoration: underline; line-height: 1.5; }
.cart-item .wishlist:hover { color: #0762CB; }
.cart-item .wishlist:before {
	content: '';
	display: inline-block;
	width: 12px; height: 12px;
	background: url(https://www.beautyhaul.com/assets/n/css/images2/nwishlist-sm.svg) no-repeat center;
	position: relative;
	top: 2px;
	margin-right: 3px;
}
.cart-item .wishlist.a:before {
	background: url(https://www.beautyhaul.com/assets/n/css/images2/nwishlisted-sm.svg) no-repeat center;
}
.cart-div .btm .item {
  font-weight: 500;
  color: #474747;
  font-size: 14px;
  line-height: 1.3;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #E1E1E1;
}
.cart-div .btm .item .cart-total {
  font-weight: 600;
}
.cart-div .content > .text {
  display: none;
}
.cart-div.no-items .content > .text {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding-bottom: 100px;
  transform: translateY(-50%);
}
.cart-div .btm .wrapper > *:last-child {
  display: none;
}
.cart-div.no-items .btm .wrapper > * {
  display: none;
}
.cart-div.no-items .btm .wrapper > *:last-child {
  display: block;
}

.page-checkout > .content {
  padding-top: 110px;
  padding-bottom: 10px;
}
.theme-snow .page-checkout > .content {
  padding-bottom: 147px;
}
.checkout-process {
  position: relative;
  font-weight: 600;
  font-size: 10px;
  color: #171717;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.checkout-process:before {
  position: absolute;
  content: '';
  bottom: -12px;
  left: 0;
  width: 50%;
  height: 2px;
  background: #EA4D89;
}
.checkout-process:after {
  position: absolute;
  content: '';
  bottom: -12px;
  right: 0;
  width: 50%;
  height: 2px;
  background: #E1E1E1;
}
.checkout-process li {
  position: relative;
  width: 110px;
  text-align: center;
  margin-right: 80px;
}
.checkout-process li:last-child {
  margin-right: 0;
}
.checkout-process li:before {
  position: absolute;
  content: '';
  bottom: -12px;
  left: 50%;
  width: 170%;
  height: 2px;
  background-color: #E1E1E1;
  z-index: 2;
}
.checkout-process li.active:before {
  background-color: #EA4D89;
}
.checkout-process li:after {
  position: absolute;
  content: '';
  bottom: -16px;
  left: 50%;
  width: 9px;
  height: 9px;
  background-color: #fff;
  border: 2px solid #C1C1C1;
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.checkout-process li.active:after {
  background-color: #fff;
  border-color: #E4002B;
}
.checkout-process li.current:after {
  background-color: #E4002B;
  border-color: #E4002B;
  width: 15px;
  height: 15px;
  bottom: -19px;
}
.checkout-process li:last-child:before {
  display: none;
}

.page-checkout-quiz { background: url('/assets/BG-SkinAnalysis.svg') no-repeat center bottom;background-color: #E6F5FC;background-size:100%;display:flex;flex-direction:column;}
.page-checkout-quiz .logo, .page-pop.review-add .logo {width:130px;margin:25px auto 120px;text-align:center}

.page-checkout-quiz .checkout-process {border-top: 1px solid #ACDAF8;padding-top:20px;margin-bottom:20px;}
.page-checkout-quiz .checkout-process:before,
.page-checkout-quiz .checkout-process:after,
.page-checkout-quiz .checkout-process li:before
{ display:none }
.page-checkout-quiz .checkout-process li {margin-right:60px;width:auto;padding-left:17px;}
.page-checkout-quiz .checkout-process li:last-child {margin-right:0}
.page-checkout-quiz .checkout-process li:after {top:2px;left:0;}
.page-checkout-quiz .checkout-process li.current:after {top:-1px}
.page-checkout-quiz .checkout-process li.current {color:#E4002B;}

.page-checkout-quiz h5 {text-transform:none}

.qpaper{
  border-radius:0 10px 10px 0;padding:0;
  background: transparent url(/assets/BG-paper.svg);
  filter: drop-shadow(0px 0px 3px #CBCBCB);
}
.qbar{position:absolute;top:0;left:0;background:#0762CB;height:5px;width:10%}

@media (max-width: 991.98px) {
  .page-checkout > .content {
    padding-top: 70px;
  }
  .theme-snow .page-checkout > .content {
    padding-bottom: 117px;
  }
  .checkout-process {
    font-size: 6px;
    margin-bottom: 30px;
  }
  .checkout-process li {
    width: 70px;
    margin-right: 30px;
  }
  .checkout-process li:before {
    width: 140%;
  }
}
@media (max-width: 767.98px) {
  .checkout-process li {
      width: 70px;
      margin-right: 10px;
  }
  .page-checkout > .content {
    margin-left: -20px;
    margin-right: -20px;
  }
  .page-checkout-quiz > .content {
    margin-left: 0;
    margin-right: 0;
  }

  .page-checkout-quiz {background:#fff}
  .page-checkout-quiz > .container { margin:0;padding:0;max-width:unset; }
  .page-checkout-quiz .logo {margin-top:15px}
  .page-checkout-quiz .logo img, .page-pop.review-add .logo img { height:36px }
  .page-checkout-quiz .checkout-process { position: absolute; width: 100%; top: 50px; border:none; border-bottom: 1px solid #FEE9E9; padding-bottom:10px}
  .page-checkout-quiz .checkout-process li { margin-right:30px;padding-left:10px}
  .page-checkout-quiz .checkout-process li:after {width:7px;height:7px;top:-1px}
  .qpaper { padding-left:10px;padding-right:10px;background:#FFF;filter:none;border-radius:unset; }
}

.checkout-div {
  background: #fff;
  padding: 25px 20px;
  margin-bottom: 20px;
}
.checkout-div-sm {
  margin-bottom: 10px;
}
.checkout-div .header {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #171717;
  text-transform: uppercase;
  margin-bottom: 20px;
  position: relative;
}
.checkout-div .header.title { font-size: 13px; letter-spacing: 0; text-transform: none; }
.header-toggle:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 0;
  width: 20px;
  height: 15px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow3.svg') no-repeat center 5px;
  transform: translateY(-50%);
}
.checkout-div-sm .header.open:after {
  transform: translateY(-50%) rotate(180deg);
}
.checkout-div .order-div .header {
  margin-bottom: 5px;
}
.checkout-div .header + .cart-item .item {
  padding-top: 0;
}
.signed-in {
  font-size: 15px;
  color: #000;
  line-height: 1.3;
}
.signed-in span {
  font-weight: 600;
}
.checkout-div .cart-item {
  padding: 0;
}
.checkout-div .cart-item:last-child {
  margin-bottom: 0;
}
.checkout-div .cart-item:last-child .item > .row:first-child {
  margin-bottom: 0;
}
.checkout-div .cart-item:last-child .item {
  /* padding-bottom: 0; */
}
.checkout-div .cart-rprice {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  font-size:12px;
  margin-top:3px;
}
@media (min-width: 992px) {
  .checkout-div .cart-productinfo { flex:0 0 70% }
  .checkout-div .cart-rprice { margin-left: 5px; margin-top:0 }
}
.checkout-item-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #474747;
}
.checkout-item-price > div {
  margin-bottom: 10px;
}
.checkout-item-price .value {
  text-align: right;
  color: #000;
}
.checkout-item-price .discount .box {
  position: relative;
  display: inline-block;
  background: #FFFBD1;
  padding: 3px 23px 3px 8px;
  margin-top: 3px;
}
.checkout-item-price .discount .box span {
  position: absolute;
  display: block;
  top: 50%;
  right: 9px;
  width: 8px;
  height: 8px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/close.svg') no-repeat center;
  background-size: 100%;
  transform: translateY(-50%);
  cursor: pointer;
}
.checkout-item-price .gift.hide {
  display: none;
}
.checkout-item-total {
  padding: 10px 0 0;
  border-top: 1px solid #E1E1E1;
  font-weight: 600;
  font-size: 18px;
  color: #474747;
  line-height: 1.4;
}
.checkout-item-total .value {
  text-align: right;
  color: #000;
}
.checkout-item-total .price-total span {
  position: relative;
}
.is-dropship,
.is-dropship-2 {
  display: none;
}
.is-dropship-2 {
  padding-top: 0;
}
.checkout-div-check {
  border: 2px solid #fff;
}
.checkout-div-check .header {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.checkout-div-check .header:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transform: translateY(-50%);
}
.checkout-gift .header:before {
  width: 18px;
  height: 19px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/gift.svg');
}
.checkout-box .header:before {
  width: 18px;
  height: 18px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/box.svg');
}
.checkout-div-check.active {
  position: relative;
  border-color: #FFD23E;
}
.checkout-div-check.active:after {
  position: absolute;
  content: '';
  top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/check-active.svg') no-repeat center;
  background-size: 100%;
  z-index: 2;
}
.checkout-div-check .text {
  font-size: 12px;
  margin-bottom: 10px;
}
.checkout-div-opt {
  background: #FEE9E9;
  padding: 15px 20px;
  margin-bottom: 1px;
}
.checkout-div + .checkout-div-opt {
  margin-top: -20px;
}
.checkout-div-opt .header {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #171717;
  text-transform: uppercase;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nplus.svg') no-repeat 100% center;
  padding-right: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.checkout-div-opt.open .header {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nmin.svg');
}
.checkout-div-opt .text {
  display: none;
  padding-top: 10px;
}
.checkout-div-opt.open .text {
  display: block;
}

@media (max-width: 1199.98px) {
  .checkout-div-opt:last-child {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .signed-in {
    font-size: 16px;
  }
  .checkout-div {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .checkout-div .header {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .checkout-div-opt {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .checkout-div-opt .header {
    font-size: 12px;
  }
  .checkout-div + .checkout-div-opt {
    margin-top: -10px;
  }
  .checkout-div-opt:last-child {
    margin-bottom: 10px;
  }
  .cart-item .brand {
    font-size: 10px;
  }
  .cart-item .title {
    font-size: 12px;
  }
  .cart-item .variant {
    font-size: 10px;
    margin-top: 2px;
  }
  .cart-item .is-fs {
    font-size: 10px;
  }
  .checkout-item-price {
    font-size: 12px;
    padding-bottom: 5px;
  }
  .checkout-item-price > div {
    margin-bottom: 5px;
  }
  .checkout-item-total {
    font-size: 14px;
  }
  .checkout-button {
    padding-top: 0;
  }
}
.order-id-wrapper {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
}
.order-id-wrapper-l, .order-id-wrapper-r { padding-top: 20px; padding-bottom: 20px; }
.order-id-wrapper-l { border-right: 1px solid #e1e1e1; }
.order-id-wrapper-r { padding-left: 20px; }
.order-id {
  display: inline-block;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  color: #E4002B;
}

footer {
  background: #fff;
}
.theme-snow footer {
  background: #DDEFF3;
}
.footer-top {
  position: relative;
  font-weight: 500;
  font-size: 12px;
  color: #0762CB;
  line-height: 1.4;
  background: #E6F5FC;
}
.theme-snow .footer-top {
  background: #fff;
  margin-top: 87px;
}
.theme-snow .footer-top:before {
  position: absolute;
  content: '';
  top: -87px;
  left: 0;
  width: 100%;
  height: 87px;
  background: transparent url('images2/snow-ft.png') repeat-x 0 0;
}
.footer-top .wrapper {
  min-width: 900px;
}
.footer-top .jspVerticalBar {
  display: none;
}
.footer-top-item {
  width: 25%;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 26px;
}
.footer-top-item .tx {
  display: inline-block;
  text-align: left;
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.footer-top-line {
  position: relative;
}
.footer-top-line:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}
.footer-top .wa {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwa.svg');
}
.footer-top .time {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nhourf.svg');
}
.footer-top .cs {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/npartner.svg');
}
.footer-top .store {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nstore.svg');
}
.footer-top .h {
  font-weight: 600;
  font-size: 16px;
  color: #E4002B;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.footer-bottom {
  padding: 30px 0 40px;
}
.footer-bottom a:hover {
  text-decoration: underline;
  color: #0762CB;
}
.footer-bottom .header {
  font-weight: 600;
  font-size: 14px;
  color: #171717;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.footer-bottom .header-xl {
  font-family: 'bogue-boldregular', sans-serif;
  font-weight: 600;
  font-size: 34px;
  color:  #0762CB;
  line-height: 1.1;
  margin-bottom: 18px;
}
.footer-bottom .header-xl span {
  color:  #E4002B;
}
.footer-nav  {
  font-size: 14px;
  line-height: 1.3;
}
.footer-nav li {
  margin-bottom: 8px;
}
.footer-sm {
  margin-bottom: 8px;
}
.footer-sm li {
  margin-right: 8px;
}
.footer-sm li:last-child {
  margin-right: 0;
}
.footer-sm a {
  display: inline-block;
}
.footer-sm li span {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-sm .fb {
  margin-right: 5px;
}
.footer-sm .fb span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/sm-fb.svg');
}
.footer-sm .ig span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/sm-ig.svg');
}
.footer-sm .yt span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/sm-yt.svg');
}
.footer-sm .line span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/sm-line.svg');
}
.footer-sm .wa span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/wa.svg');
  background-size: 20px;
}
.footer-sm .tp span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/tokopedia.svg');
  background-size: 22px;
}
.footer-sm .sp span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/shopee.png');
  background-size: 22px;
}
.footer-sm .ico-blibli span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ico-blibli.png');
  background-size: 22px;
}
.footer-sm .ico-lazada span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ico-lazada.png');
  background-size: 20px;
}
.footer-sm .ico-tiktok span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ico-tiktok.png');
  background-size: 26px;
}
.footer-sm .mail span {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/mails.png');
  background-size: 24px;
}
.footer-copyright {
  font-size: 12px;
  line-height: 1.3;
  color: #474747;
}
.footer-footer .footer-line {
  border-top: 1px solid #0762CB;
  padding: 16px 0 18px;
}
.footer-footer .header {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
}

.page-team footer,
.page-checkout footer {
  position: relative;
  line-height: 1.4;
  background: #fff;
  color: #474747;
  padding: 30px 0;
}
.theme-snow .page-checkout footer:before {
  position: absolute;
  content: '';
  top: -87px;
  left: 0;
  width: 100%;
  height: 87px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/snow-ft.png') repeat-x 0 0;
}
.page-team footer .nav li,
.page-checkout footer .nav li {
  margin-right: 25px;
}
.page-team footer .nav li a:hover,
.page-checkout footer .nav li a:hover {
  color: #0762CB;
}
.footer-separator { margin-top: 30px; height: 1px; border-bottom: 1px solid #0762CB; }
.footer-bottom .footer-bottom-row div:nth-child(4) .footer-nav {
  color: #5B5B5B;
}
.footer-bottom .footer-bottom-row div:nth-child(4) hr {
  display: none;
}
@media (max-width: 1199.98px) {
  .footer-top-item {
    padding-top: 11px;
    padding-bottom: 10px;
  }
  .footer-top .h {
    font-size: 10px;
    margin-bottom: 0;
  }
  .footer-top-item .tx {
    width: auto;
    padding-left: 30px;
    background-size: 22px auto;
  }
  .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer-separator { margin-top: 20px; }
  .footer-bottom .header-xl {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .footer-bottom .header {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .footer-bottom .footer-bottom-row {
    order: 1;
  }
  .footer-bottom .footer-bottom-row div:nth-child(4) {
    order: 2;
  }
  .footer-bottom .footer-bottom-row div:nth-child(4) hr {
    display: block;
    margin-top: 0px;
    border-top: 1px solid #0762CB;
  }
}
@media (max-width: 991.98px) {
  .footer-top-item {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-team footer,
  .page-checkout footer {
    padding: 15px 0;
  }
  .page-team footer .nav,
  .page-checkout footer .nav {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .page-team footer .nav li,
  .page-checkout footer .nav li {
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .page-team footer .nav li:last-child,
  .page-checkout footer .nav li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 1199.98px) {
  .mobile-hide {
    display: none !important;
  }
}

.page-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px;
  overflow: scroll;
  z-index: 999;
}
.page-pop > div {
  display: table;
  width: 100%;
  height: 100%;
}
.page-pop > div > div {
  display: table-cell;
  vertical-align: middle;
}
.page-pop .wrapper {
  position: relative;
  width: 550px;
  max-width: 100%;
  padding: 20px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
  border-radius: 3px;
}
.page-pop-full .wrapper {
  width: 100%;
}
.page-pop.review-add .wrapper {
  width: 800px;
}
.page-pop .close {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 15px;
  height: 15px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}
.page-pop h2 {
  margin-bottom: 25px;
}
.page-pop .header {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #171717;
  margin-bottom: 15px;
}

/* review */
.page-pop.review-add .logo { margin-top:0px;margin-bottom:40px;cursor:pointer }
.page-pop.review-add .close {top:30px;right:30px;}

.page-pop.review-add {
  padding:0;
}
.page-pop.review-add h2 {margin-bottom:0}
.page-pop.review-add .wrapper {
  width:100%;
  margin:auto;
}
.page-pop.review-add .wrapper .image {
  width:70px; padding-right:10px;
}
.page-pop.review-add .review-stars > span {
  width:30px;height:30px;
}
.page-pop.review-add .avgrtg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 26.5px;
  font-weight:bold;
  letter-spacing:0;
}
.page-pop.review-add .avgrtg .title {
  font-family: 'bogue', sans-serif;
  font-size:30px;
  font-weight:600;
  margin-right:15px;
}
.page-pop.review-add .avgrtg .titleavg {margin-right:auto}
.page-pop.review-add .cradio {margin:5px 20px 10px 0}
.page-pop.review-add .btn-trans {
  min-width:110px;
  font-size:12px;
}
.page-pop.review-add .optionbtn .nav-item {
  margin-right:10px;
  margin-top:10px;
}
.page-pop.review-add .popup-feedback {
  height:100%;
}
.page-pop .dz-image-preview {position:relative; margin-right:10px}
.page-pop .dzremove {
  position:absolute;
  top:-5px;right:-5px;
  width:18px;
  height:18px;
  background:#FFF url(images2/reviewRemove.svg) no-repeat center;
  background-size:10px;
  border-radius:18px;
  border: 1px solid #CCC;
  cursor:pointer;
}
.page-pop #photoreview {
  display:flex; flex-direction:row-reverse; justify-content:flex-end; flex-wrap:wrap;
}
.page-pop #photoinput {
  width:80px;height:80px;border:1px solid #ccc;
  background:url(https://www.beautyhaul.com/assets/n/css/images2/plus.svg) no-repeat center;
}
.page-pop #review1 label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:bottom;background:url(https://www.beautyhaul.com/assets/n/css/images2/reviewEffeciency.svg) no-repeat center;}
.page-pop #review2 label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:bottom;background:url(https://www.beautyhaul.com/assets/n/css/images2/reviewPackaging.svg) no-repeat center;}
.page-pop #review3 label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:bottom;background:url(https://www.beautyhaul.com/assets/n/css/images2/reviewTexture.svg) no-repeat center;}
.page-pop #review4 label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:bottom;background:url(https://www.beautyhaul.com/assets/n/css/images2/reviewEffeciency.svg) no-repeat center;}
.page-pop #review5 label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:bottom;background:url(https://www.beautyhaul.com/assets/n/css/images2/reviewPigmentation.svg) no-repeat center;}
.page-pop #review6 label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:bottom;background:url(https://www.beautyhaul.com/assets/n/css/images2/reviewValue.svg) no-repeat center;}

@media (max-width: 767.98px) {
  .page-pop .wrapper {
    width: 100%;
  }
  .page-pop.review-add .wrapper {
    width: 100%;
  }
}

.fscount-0 {
  display: none;
}

.mbag,
.mbaggift {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 150px;
  color: #EA4D89;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  z-index: 9;
}
.mbag.skin-analysis {  }
.mbag.connectus { right: 40px; color: #fff; }
.mbag.connectus.open { cursor: unset; }.connectus .connectus-icon { width: 64px; height: 64px; position: absolute; }
.connectus.open .connectus-icon { display: none; }
.connectus .connectus-wrapper { text-align: left; background-color: #0762CB; background-image: url('https://www.beautyhaul.com/assets/n/css/images2/connectus.svg'); background-repeat: no-repeat; background-position: center; cursor: pointer; width: 64px; height: 64px; border-radius: 16px; }
.connectus.open .connectus-wrapper { padding: 20px; width: 300px; height: auto; position: relative; background-image: none; cursor: unset; }
.connectus .connectus-content { display: none; }
.connectus.open .connectus-content { display: block; }
.connectus-wrapper .title { font-size: 14px; }
.connectus-wrapper .text { font-weight: 400; font-size: 10px; }
.connectus-wrapper .invalid-feedback { color: #fff; }
.connectus-close {
	position: absolute;
	top: 10px; right: 10px;
	width: 24px; height: 24px;
	background: url('https://www.beautyhaul.com/assets/n/css/images2/close-w.svg') no-repeat center;
	background-size: cover;
	z-index: 10;
	cursor: pointer;
}
.connectus-wrapper .form-control {
	background: transparent;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #fff;
	padding-left: 0;
	padding-right: 20px;
	color: #fff;
	font-size: 12px;
}
.connectus-wrapper .form-line .btn-submit {
	background-color: #fff;
	background-image: none;
	right: 0;
	width: 45px;
	line-height: 34px;
	color: #0762CB;
}
.connectus-wrapper .form-control::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
.connectus-wrapper .form-control::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}
.connectus-wrapper .form-control:-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
.connectus-wrapper .form-control::-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
.connectus-wrapper .form-control::placeholder {
  color: #fff;
  opacity: 0.8;
}
.connectus-wrapper .form-control:-webkit-autofill,
.connectus-wrapper .form-control:-webkit-autofill:hover,
.connectus-wrapper .form-control:-webkit-autofill:focus {
	border-bottom: 1px solid #fff;
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0px 1000px #0762CB inset;
	transition: background-color 5000s ease-in-out 0s;
}
.connectus-wrapper .form-submitted {
	background-color: transparent;
	font-size: 10px;
	padding: 10px 0 10px 45px;
}
/* .mbag + .mbag.skin-analysis { bottom: 130px; } */
.mbaggift {
  width: 100px;
  bottom: 180px;
}
/* .mbaggift + .mbag.skin-analysis { bottom: 165px; } */
.mbag .point,
.mbaggift .point {
  position: relative;
  background: #fff;
  border: 1px solid #E1E1E1;
  padding: 15px;
  cursor: pointer;
}
.mbag .label,
.mbaggift .label {
  font-size: 12px;
  margin-bottom: 10px;
}
.mbag .more,
.mbaggift .more {
  margin-top: 10px;
  font-size: 10px;
  color: #000;
}
.wiggle {
	animation: wiggle 1s linear infinite;
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
    5% { transform: rotate(15deg); }
   15% { transform: rotate(-15deg); }
   25% { transform: rotate(15deg); }
   35% { transform: rotate(-15deg); }
   45% { transform: rotate(15deg); }
   55% { transform: rotate(-15deg); }
   65% { transform: rotate(15deg); }
   75% { transform: rotate(-15deg); }
   85% { transform: rotate(15deg); }
   95% { transform: rotate(-15deg); }
  100% { transform: rotate(0deg); }
}
.mbag,
.mbaggift {
  cursor: pointer;
}
.mbag .img,
.mbaggift .img,
.mabg .img2 {
  position: relative;
  text-align: right;
}
.mbag .count,
.mbaggift .count {
  position: absolute;
  bottom: 27px;
  right: 38px;
  width: 30px;
  height: 30px;
  background: #E4002B;
  border: 1px solid #E4002B;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  z-index: 2;
}
.mbag .img,
.mbaggift .img,
.mbag .img2 {
  max-width: 100%;
  transition: all 0.3s;
}
.mbag.shake .img:hover img,
.mbaggift.shake .img:hover img {
  transform: scale(1.1);
}
.mbaggift-div .image { overflow: hidden; }
.mbag { width: auto; }
.mbag .img {
  background-image:url('images2/mbag.svg');
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}
.mbag .img2 {
  background-image:url('images2/analisis-kulit-3.png');
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}
.mbag.beautyaward { bottom: 145px; }
.mbag.beautyaward .img2 {
  background-image:url('images2/beauty-award-2024.png');
}
.mbag.beautyaward.beautyaward-winner .img2 {
  background-image:url('images2/badge-winner.png');
}
.mbaggift .img {
  background-image:url(../../giftbag.png);
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}
.spotify-embed { position: fixed; left: -320px; bottom: 17px; z-index: 99; transition: all .5s; }
.spotify-embed.open { left: 0; }
.spotify-image { position: fixed; left: 0; bottom: 20px; z-index: 1; }
@media (max-width: 767px) {
  .mbag {
    right: 20px;
    width: 70px;
  }
  .mbag.connectus { right: 20px; }
  .mbag.connectus.open { width: 100%; left: 0; right: 0; bottom: 0; }
  .connectus.open .connectus-wrapper { width: 100%; }
	.mbag.beautyaward { bottom: 115px; }
	.mbag .img, .mbag .img2 { height: 70px; }
  .mbaggift {
    bottom: 130px;
    width: 60px;
    height: 80px;
  }
  .mbag .point,
  .mbaggift .point {
    padding: 10px;
  }
	.mbag .count,
	.mbaggift .count {
		bottom: 41px;
		right: 20px;
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}
  .spotify-image {bottom:40px}
}
.dclassd {
  background-color: #212b43;
  color: #fff !important;
}
.deventd {
  background-color: #B22222;
  color: #fff !important;
}

.hrandom {
  position: absolute;
  font-weight: bold;
  font-size: 12px;
  color: red;
  top: 30px;
  right: -90px;
  animation: blinker 1s linear infinite;
}
@media (max-width: 1359.98px) {
  .hrandom {
    right: 0;
  }
}
@media (max-width: 1199.98px) {
  .hrandom {
    top: 15px;
    right: 20px;
  }
  .page-pop.review-add .avgrtg {
    justify-content: center;
  }
  .page-pop.review-add .review-stars > span {
    width:30px;height:30px;
  }
}
@media (min-width: 768px) {.page-pop.review-add .avgrtg .titleavg{ width:100%;text-align:center;margin-bottom:10px}}
@media (min-width: 1200px) {.page-pop.review-add .avgrtg .titleavg{ width:auto;margin-bottom:0 }}
@media (max-width: 575.98px) {
  .hrandom {
    right: -20px;
  }
  .page-pop.review-add .avgrtg .titleavg{ width:100%;text-align:center;margin-bottom:10px }
  .review-result .review-score-small {margin-right:5px}
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.container-border {
  border: 1px solid #E1E1E1;
}
.home-div-fs .owl-item,
.home-div-first .owl-item,
.home-div-2 .owl-item,
.product-related .owl-item {
  padding-left: 5px;
  padding-right: 5px;
}
.home-promotion .owl-carousel .owl-nav button.owl-prev,
.home-promotion .owl-carousel .owl-nav button.owl-next,
.reviews .owl-carousel .owl-nav button.owl-prev,
.reviews .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  font-size: 30px;
}
.home-promotion .owl-carousel .owl-nav button.owl-prev,
.reviews .owl-carousel .owl-nav button.owl-prev {
  left: -30px;
}
.home-promotion .owl-carousel .owl-nav button.owl-next,
.reviews .owl-carousel .owl-nav button.owl-next {
  right: -30px;
}
@media (max-width: 767.98px) {
  .home-promotion .owl-carousel .owl-nav button.owl-prev,
  .reviews .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
  }
  .home-promotion .owl-carousel .owl-nav button.owl-next,
  .reviews .owl-carousel .owl-nav button.owl-next {
    right: -15px;
  }
}
/* generic */
.stdowl .owl-carousel .owl-nav button.owl-prev,
.stdowl .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 8px 0 #CCCCCC;
  border-radius: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.stdowl .owl-carousel .owl-nav button.owl-prev {
  left: -20px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/narrow-l.svg');
}
.stdowl .owl-carousel .owl-nav button.owl-next {
  right: -20px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/narrow-r.svg');
}
@media (max-width: 767.98px) {
  .stdowl .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
  }
  .stdowl .owl-carousel .owl-nav button.owl-next {
    right: -15px;
  }
}
/* home-div-fs */
/*.home-div-fs .owl-obj, .home-div-fs .owl-carousel, .home-div-fs .owl-stage-outer, .home-div-fs .owl-stage,
.home-div-fs .owl-item, .home-div-fs .product-item { height: 100% }*/
.home-div-fs .owl-nav button span { color:#FFF; }

.review-cat-wrapper { margin-bottom:10px; overflow:auto;padding-bottom:20px }
.review-cat {display:flex;margin-left:-10px; margin-right:-10px;}
.review-cat-item {
    display:flex;
    position:relative;
    align-items: center;
    padding:8px 10px;
    margin:0 10px;
    height: 60px;
    width: 180px;
    flex:180px 0 0;
    border: 1px solid #ACDAF8;
    border-radius: 30px;
    background-color: #FFFFFF;
    color: #171717;
}
.review-cat-item.active,.review-cat-item:hover {
    border-color:#0762CB;
    box-shadow: 0 0 8px 0 #ACDAF8;
    color: #E4002B;
}
.review-cat-item div {
    width:100%;
    font-family: "Prompt";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 17px;
    text-align:center;
}
.review-cat-item:before {
    content:'';
    display:block;
    width:45px;height:45px;
    flex-shrink:0;
    background:no-repeat left center;
    background-size:contain;
}
.review-skincare:before { background-image:url('images2/review-skincare.svg') }
.review-makeup:before { background-image:url('images2/review-makeup.svg') }
.review-haircare:before { background-image:url('images2/review-haircare.svg') }
.review-bathbody:before { background-image:url('images2/review-bathbody.svg') }
.review-accessories:before { background-image:url('images2/review-accessories.svg') }
.review-fragrance:before { background-image:url('images2/review-fragrance.svg') }
@media (min-width: 1200px) { .review-cat-wrapper{overflow:visible} .review-cat{justify-content:center}}

.review-banner {
  position:relative;
  display:flex;
  background:url('https://www.beautyhaul.com/assets/n/css/images2/banner-review.jpg') no-repeat left center;
  background-size:cover;
  padding:20px 30px 20px 14%;
  border-radius:3px;
}
.review-banner:before{
  content:'';
  position: absolute;
  top:0;left:10px;
  background:url('https://www.beautyhaul.com/assets/n/css/images2/icon-review.svg') no-repeat center;
  background-size:85%;
  width:11%;
  height:100%;
}
.review-banner .subtitle {margin-left:auto}
.review-banner .subtitlebg {padding:8px 30px;border-radius:30px;background-color:#FFF;}

.review-banner.noicon {padding-left:30px}
.review-banner.noicon:before {display:none}

.top-rank {line-height:1.5}
.top-rank-header {
  font-weight: bold;
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.top-rank-item { position:relative;margin-bottom:10px;padding:8px 10px;background:#F8F8F8;border-radius: 40px 5px 5px 40px}
.top-rank-item:before {content:'';position:absolute;top:0;left:10%;width:1px;height:100%;background:#FFF}
.top-rank-item.winner {border:1px solid #FFD31D;background:#FFF;}
.top-rank-item.winner:before {background:#FFD31D}
.top-rank-item.winner:after {content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:no-repeat 10px center;background-size:7%}
.top-rank-item.winner1:after {background-image:url("images2/top1.svg")}
.top-rank-item.winner2:after {background-image:url("images2/top2.svg")}
.top-rank-item.winner3:after {background-image:url("images2/top3.svg")}
.top-rank-item.myrank {background:#EA4D89;border:1px solid #EA4D89;background:linear-gradient(90deg, #FFFFFF 0%, #FEE9E9 100%) }
.top-rank-item.myrank.winner:before {background:#EA4D89}

.barcapsule {
position:relative;
height:35px;
width:100%;
border-radius:18px;
background-color:#E6F5FC;
box-shadow:inset 0 0 5px 0 #CFF1FF;
padding:5px 6px;
margin-bottom:20px;
}
.barcapsule-fill {
display:flex;
height:100%;
border-radius:12.5px;
background:linear-gradient(180deg, #7BD5FF 1.16%, #0762CB 98.84%);
font-size:12px;
color:#fff;
max-width:100%;
min-width:-webkit-min-content;
white-space: nowrap;
padding: 0 5px;
align-items:center;
justify-content:center;
}
.barcapsule-pp {
position:absolute;
top: -8px;
right: -1px;
height:50px;
width:50px;
border-radius:25px;
border:#0762CB 1px solid;
background:linear-gradient(270deg, #E6F5FC 0%, #FFFFFF 100%);
}
.barcapsule-pp:after{
content:'';
position:absolute;
top:0;left:0;width:100%;height:100%;
background:url(https://www.beautyhaul.com/assets/n/css/images2/top1.svg) no-repeat center;
background-size:75%;
}
.barcapsule.small { height:21px;padding:3px;margin-bottom:10px }
@media (max-width: 767.98px) {
  .review-cat-item {border:none;padding:0;margin:0 5px;flex-basis:65px;flex-direction:column}
  .review-cat-item div{font-size:10px;margin-top:5px}
  .review-cat-item.active,.review-cat-item:hover {
    border-color:unset;
    box-shadow:unset;
  }
  .review-cat-item.active:after, .review-cat-item:hover:after {
    height: 2px;
    content: '';
    background:#E4002B;
    position: absolute;
    bottom: -20px;
    width: 100%;
  }
  .review-cat-wrapper {border-bottom: 1px solid #E1E1E1;}

  .top-rank-item:before{left:16%}
  .top-rank-item.winner:after{background-size:9%;background-position:5% center}

  .review-banner {flex-wrap:wrap;padding:10px 15px 10px 22%;}
  .review-banner.noicon {padding-left:15px}
  .review-banner:before {width:18%;left:0}
  .review-banner .subtitle {margin-top:10px;width:100%}
  .review-banner .subtitlebg {display:flex;align-items:center;font-size:10px;padding:5px 10px;}
  .review-banner .title .h2 {font-weight:bold;font-size:13px;margin-bottom:0 !important}
  .review-banner .title strong {font-size:10px}
  .review-banner .h2 {font:inherit;margin-bottom:0;margin-left:auto;font-size:12px}

  .pagebeautyreview .text-xl {font-size:14px}
  .pagebeautyreview .text-link {font-size:12px}
}
@media (max-width: 575.98px) {
  .review-banner:before {width:23%}
  .review-banner .subtitlebg {display:block}
}

.tabs-header {
  border-bottom: 1px solid #E1E1E1;
}
.tabs .item {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  border: 1px solid transparent;
  border-bottom: 0;
  padding: 10px;
  cursor: pointer;
}
.tabs .item.active {
  border-color: #E1E1E1;
}
.tabs .item.active:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background: #fff;
  z-index: 2;
}
.tabs .text {
  display: none;
  padding: 10px;
}
.tabs .text.active {
  display: block;
}

.page-group li {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  padding-top: 3px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 7px;
}
.page-group li:last-child {
  border-bottom: 0;
}

.page-breadcrumb {
  margin-bottom: 24px;
}
.page-breadcrumb li {
  position: relative;
}
.page-accordion {
  margin-bottom: 30px;
}
.accordion-item {
  border-bottom: 1px solid #E1E1E1;
  position: relative;
}
.page-accordion .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-item-h {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #171717;
  padding: 11px 20px 11px 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow-down.svg') no-repeat 100% 14px;
}
.accordion-item.open.footer-seo .accordion-item-h {
	border-bottom: 1px solid #0762CB;
}
.accordion-item span.a-icon{
	display: inline-block;
	position: absolute;
	width: 20px; height: 20px;
	right: 0;
	top: 8.5px;
	cursor: pointer;
}
.page-accordion .accordion-item-h {
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  background-position: 100% 9px;
}
.page-accordion .footer-seo-empty.accordion-item-h { background-position-y: 0; }
.accordion-item.open > .accordion-item-h {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/narrow-up.svg');
  background-position: 100% 18px;
}
.page-accordion .accordion-item.open > .accordion-item-h {
  background-position: 100% 9px;
}
.page-accordion .accordion-item.open > .footer-seo-empty.accordion-item-h { background-position-y: 0; }
.accordion.large {border-top:1px solid #E1E1E1}
.large .accordion-item-h { font-size:18px;padding-top:12px;background-position: 100% 19px }
.large .accordion-item.open > .accordion-item-h {background-position: 100% 23px}

.accordion-item .text {
  display: none;
  padding: 10px 0 20px;
}
.page-accordion .accordion-item .text {
  padding-top: 0;
}
.accordion-item.open .text {
  display: block;
}
.accordion-item.open.footer-seo .text {
  padding-top:11px;
}

.ing-item {
  cursor:default;
  display: inline-flex;
  border: 1px solid #ACDAF8;
  border-radius: 3px;
  font-size: 12px;
  padding: 4px 6px;
  margin: 0px 2px 6px 0;
  line-height: 1;
}
.ing-item.selected, .ing-info:hover {
  background:#E6F5FC;
}
.ing-info:after, .icon-info:after {
  content:'';
  display:inline-block;
  position:relative;
  width:13px;height:13px;
  margin-left:4px;
  background:url('https://www.beautyhaul.com/assets/n/css//assets/info.svg') no-repeat center;
  background-size:contain;
}
.icon-info {vertical-align:middle;border:none}
.tipso_bubble.top, .tipso_bubble.bottom {
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  background-color: #FFFFFF;
  text-align:left;
}
.tipso_bubble.top > .tipso_arrow, .tipso_bubble.bottom > .tipso_arrow {
  background: url(/assets/popsegitiga.svg) no-repeat top center;
  width: 15px;
  height: 15px;
  border: 0;
}
.tipso_bubble.bottom > .tipso_arrow { transform: rotate( 180deg ); }
.tipso_content { padding:0.7em;line-height:1.5 }

.promotion-wrapper.disabled { opacity: .6; pointer-events: none; }
.balance-error,
.voucher-error {
  margin-top: 8px; font-size: 10px;
}
.voucher-error {
    font-weight: 400;
    color: #929292;
}
.checkout-loyalty { margin-bottom: 10px; border-top: 1px solid #e1e1e1; }
.checkout-loyalty.disabled { opacity: 0.5; }
.checkout-loyalty .price { font-size: 14px; font-weight: 500; color: #000; }
.checkout-loyalty .title { font-size: 13px; font-weight: 600; color: #000; }
.checkout-promo { margin-bottom: 0; }
.promotion-toggle { position:absolute; display:flex; align-items:center; justify-content:center; height:64px; top:0; right:0; cursor:pointer }
.promotion-toggle:after {
  position: absolute;
  display: block;
  content: '';
  top: 80%;
  width: 20px;
  height: 20px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow3.svg') no-repeat center 5px;
  transform: translateY(-50%);
}
.promotion-wrapper.active .promotion-toggle:after {transform:translateY(-70%) rotate(180deg)}

.promotion-wrapper { position:relative; display:flex; flex-wrap:wrap; height: 75px; overflow: hidden; }
.promotion-wrapper.active { height:unset }
.oGift2 .promo-list .promotion-wrapper { position:relative; display:flex; flex-wrap:wrap; height: auto; max-height: 220px; overflow: hidden; }
.oGift2 .promo-list .promotion-wrapper.active { max-height: unset; }
.promotion-item {
  display:flex;
  align-items:center;
  width:170px;
  height:64px;
  flex:0 0 170px;
  margin-right:13px;
  margin-bottom:15px;
  font-size:11px;
  cursor:pointer;
  background-position:top right;
  overflow:hidden;
  position: relative;
}
.checkout-promo .promotion-item, .oGift2-list .promotion-item { width: 100%; flex: 0 0 100%; margin-bottom: 0; margin-right: 0; }
.oGift2-list .promotion-item { height: 64px; margin-bottom: 10px; }
.oGift2-list .promotion-item:last-child { margin-bottom: 0; }
.promotion-header { font-size: 16px; font-weight: 600; }
.promotion-icon { flex:0 0 35px;width:35px;height:100%;background:#0762CB;background-repeat: no-repeat; background-position: center; }
.checkout-promo .promotion-icon, .oGift2-list .promotion-icon { flex:0 0 50px;width:50px; }
.promotion-desc { padding:0 10px }
.checkout-promo .promotion-desc,.oGift2-list .promotion-desc { padding:0 15px }
.promotion-title { font-size: 11px; color: #000; font-weight: 600; }
.checkout-promo .promotion-title, .oGift2-list .promotion-title { font-size: 14px; font-weight: 600; }
.promotion-link { font-size: 9px; color: #0762CB; line-height: 1.5; margin-top: 5px; text-decoration: underline; }
.checkout-promo .promotion-link, .oGift2-list .promotion-link { font-size: 12px; font-weight: 600; text-decoration: none; }
.oGift2-list .promotion-link { text-decoration: underline; }
.voucher, .promo, .freeship { https://www.beautyhaul.com/assets/n/css/images2/v1.svg); }
.checkout-promo .voucher, .checkout-promo .promo, .checkout-promo .freeship { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/voucher-pink-pastel.svg); }
.oGift2-list .voucher, .checkout-promo .promo, .oGift2-list .freeship { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/voucher-putih.svg); }
.voucher:hover, .promo:hover, .freeship:hover { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/v2.svg); }
.checkout-promo .voucher:hover, .checkout-promo .promo:hover, .checkout-promo .freeship:hover { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/voucher-gradient-pink.svg); }
.oGift2-list .voucher:hover, .checkout-promo .promo:hover, .oGift2-list .freeship:hover,
.oGift2-list .voucher.active, .checkout-promo .promo.active, .oGift2-list .freeship.active { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/voucher-gradient-pink.svg); }
.voucher .promotion-icon { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/voucher.svg); }
.promo .promotion-icon { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/gift2.svg); }
.freeship .promotion-icon { background-image: url(https://www.beautyhaul.com/assets/n/css/images2/delivery.svg); }
.voucher-used .voucher-used-item .btn-sm {
	margin-top: 10px; cursor: pointer; user-select: none;
	line-height: 30px;
	border: 1px solid #EA4D89;
	border-radius: 3px;
	padding-left: 0; padding-right: 30px;
	background: url(https://www.beautyhaul.com/assets/n/css/images2/nclear.svg) no-repeat 94% center;
	color: #0A0254;
	font-size: 14px; font-weight: 600;
	display: flex;
	height: auto;
	background-color: #fef4f4;
}
.voucher-used .voucher-used-icon {
	display: inline-flex;
	flex: 0 0 25px;
	width: 25px; height: 30px;
	background: url(https://www.beautyhaul.com/assets/n/css/images2/voucher.svg) no-repeat center;
	background-size: 60%;
	background-color: #0A0254;
}
.voucher-used .voucher-used-title {
	display: inline-flex;
	margin-left: 10px;
}
.promotion-dropdown {
	position: absolute;
	top: 0; right: 20px;
	width: 20px; height: 100%;
	background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow.svg') no-repeat center;
}
.promotion-item.active .promotion-check, .address-item.active .promotion-check { position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; background: url(https://www.beautyhaul.com/assets/n/css/images2/nchecked-green.svg) no-repeat center; transform: translateY(-50%); }
.promotion-fulldesc-wrapper { display: none; }
.promotion-fulldesc-wrapper.open { display: block; }
.promotion-fulldesc { margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; font-size: 14px; }
.promotion-fulldesc .title { font-size: 16px; font-weight: 600; line-height: 1.3; }
.promotion-fulldesc .date { font-size: 12px; line-height: 1.3; }
.promotion-back { font-size: 14px; font-weight: 600; text-decoration: underline; }
.promotion-back:before { content: ''; display: inline-block; width: 10px; height: 16px; position: relative; top: 3px; margin-right: 10px; background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow.svg') no-repeat center; transform: rotate(180deg); }
.link-back { color: #171717; font-size: 14px; font-weight: 600; text-decoration: underline; }
.link-back:hover { color: #0762CB; }
.link-back:before { content: ''; display: inline-block; width: 10px; height: 16px; position: relative; top: 3px; margin-right: 10px; background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow.svg') no-repeat center; transform: rotate(180deg); }
@media (max-width: 767.98px) {
	.checkout-promo .promotion-desc, .oGift2-list .promotion-desc { width: calc(100% - 80px); }
}

.gwpselect {
  position:relative;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  padding:10px 0;
  margin:0px;
  margin-bottom:15px;
  cursor:pointer;
}
.gwpselect.active {
  border-color:#0762CB;
}
.gwpselect.active:after {
  content:"";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nchecked-green.svg') no-repeat center;
  transform: translateY(-50%);
}

.bhiinline {display:inline-block; margin-right:20px;margin-bottom:10px}
.bhiinline img {margin-right:10px}
.bhiinline span {font-size:12px;font-weight:bold}

.bhilabel {display:flex;border:#E1E1E1 1px solid;border-radius:3px;overflow:hidden;margin-bottom:10px}
.bhilabel-sep {width:1px;border-left:#E1E1E1 1px solid}
.bhilabel-left {display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:10px 14px;background-repeat:no-repeat;}
.bhilabel-left > img {width:40px;margin-top:-6px;}
.bhilabel-right {padding:10px 14px}

.bhilabel.inline {display:inline-flex;margin-right: 5px}
.bhilabel.inline .bhilabel-left {display:flex;align-items:center;min-width:auto;padding:9px 6px}
.bhilabel.inline .bhilabel-left > img {width:auto;margin-top:0;}
.bhilabel.inline .bhilabel-right {display:flex;align-items:center;font-size:12px;padding:3px 5px}
.bhilabel.noborder,.bhilabel.noborder .bhilabel-left {border-width:0}

.bhibar{display:flex;width:100%;height:20px;border-radius:10px;overflow:hidden;}
.bhibar > div {text-align:center;color:white;font-size:12px;line-height:20px;}
.bhibar-legend > div {display:inline-block;margin-right:30px}
.bhibar-legend .bullet {display:inline-block;width:15px;height:5px;border-radius:2.5px;margin-right:5px;vertical-align:middle}
.bhibar-legend span {font-size:12px;vertical-align:middle}

@media (min-width: 1200px) {
  .promotion-item{margin-right:20px}
}
@media (max-width: 991.98px) {
  .bhilabel.large {flex-direction:column}
  .bhilabel.large .bhilabel-left > img {margin-left:-5px}
  .bhilabel.large .bhilabel-left {flex-direction:row;justify-content:left;margin-bottom:-20px;}
  .promotion-wrapper {height:unset}
  .promotion-toggle {display:none}
}
@media (min-width: 340px) and (max-width: 430px) {
  .promotion-item:nth-child(2n){margin-right:0}
  .promotion-item{flex:0 0 47%}
}

.page-share {
  font-weight: 600;
  font-size: 13px;
  line-height: 0;
  color: #000;
}
.page-share li {
  position: relative;
  margin-bottom: 10px;
}
.page-share span {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: auto 22px;
  background-position: center;
  background-repeat: no-repeat;
}
.page-share a {
  display: block;
}
.page-share span.fb {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nfbshare.svg');
}
.page-share span.wa {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwashare.svg');
}
.page-share span.tw {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ntwshare.svg');
}
.page-share span.link {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nlink.svg');
}
.page-share .copied {
  position: absolute;
  top: 100%;
  left: -50px;
  width: 160px;
  font-weight: 400;
  margin-top: 5px;
}
@media (max-width: 1199.98px) {
  .page-share {
    margin-top: -15px;
  }
  .page-share li {
    margin-bottom: 0;
  }
  .page-share span {
    width: 30px;
    height: 30px;
    background-size: auto 18px;
  }
  .page-share .copied {
    top: 100%;
    left: auto;
    right: -5px;
    width: 120px;
    font-size: 10px;
    margin-top: 5px;
  }
  .page-breadcrumb li {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .page-breadcrumb li span {
    display: inline-block;
    padding-right: 20px;
    background: url('https://www.beautyhaul.com/assets/n/css/images2/ndrop.svg') no-repeat 100% center;
  }
}

.gc-card {
  width: 100%;
  max-width: 100%;
  background: no-repeat top center;
  background-size:cover;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  padding: 80px 20px 35px;
  color: #fff;
  line-height: 1.5;
}
.gc-card .hed {
  color: #fff;
  font-size: 16px;
  margin-bottom:30px
}
.gc-card .text {
  font-weight: 600;
  font-size: 21px;
  color: #EA4D89;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.gc-card .amount {
  font-weight: 600;
  font-size: 55px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.gc-card .recipient {
  font-weight: 600;
  color: #EA4D89;
  font-size: 20px;
}
.gc-card .from {
  font-weight: 600;
  color: #EA4D89;
  font-size: 20px;
  margin-bottom: 45px;
}
.gc-card .code {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top:45px;
}
.gc-card .codebox {
  width: 240px;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  border: 2px solid #ffd224;
  padding: 5px 0;
  margin: 0 auto 30px;
  background-color:#ffd224
}
.gc-card .note {
  font-weight: 600;
  font-size: 10px;
  color: #fff;
}
.gc-card .notes {font-size:14px;margin-bottom:15px;height:35px;}
/* change */
.gc-card .text, .gc-card .amount, .gc-card .from {margin-bottom:15px}
/* .gc-card .text { color:#ffd224 }
.gc-card .recipient,.gc-card .from,.gc-card .code,.gc-card .notes { color:#452563 }
*/

.cgiftcard {display:flex;flex-wrap:wrap;margin:-6px;}
.cgiftcard div {margin:6px;border:2px solid transparent;cursor:pointer}
.cgiftcard div img {width:80px}
.cgiftcard div.active, .cgiftcard div:hover {border-color:#EA4D89}

.checkout-button-alert {
  text-align: center;
  margin-bottom: 20px;
}
.checkout-button-alert span {
  font-weight: 600;
  color: #474747;
}
.checkout-item-total-left {
  margin-bottom: 0;
  padding: 0;
  border-top: 0;
  font-weight: 600;
  font-size: 24px;
  color: #000;
}
.checkout-item-total-left2 {
  margin-bottom: 0;
  padding: 0;
  border-top: 0;
  font-weight: 600;
  font-size: 14px;
  color: #000;
}
.checkout-item-total-left .price-total, .checkout-item-total-left2 .price-total {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.price-total.copy { }
.price-total.copy > div {
  font-weight:bold;
  font-size:14px;
  margin-left:10px;
  color:#0762CB;
  text-decoration:underline;
  cursor:pointer;
}
.price-total.copy > div:before {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  margin-left:-60px;
}
.checkout-item-total .price-total .price-total-div {
  position: absolute;
  top: 100%;
  right: 0;
  width: 170px;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  line-height: 1.3;
  text-align: left;
  background: #100655;
  border-radius: 3px;
  padding: 5px 10px;
  z-index: 2;
}
.checkout-item-total .price-total .price-total-div:before {
  position: absolute;
  content: '';
  top: 50%;
  left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #100655;
  transform: translateY(-50%);
}
.checkout-item-total .price-total .t {
  font-weight: 500;
}
.checkout-item-total-left.checkout-item-total .price-total .price-total-div {
  top: -10px;
  left: 100%;
  margin-left: 25px;
}
.checkout-div-ok {
  margin-top: 35px;
  padding-top: 55px;
}
.checkout-div-ok-d {
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nok.svg') no-repeat center;
  background-size: 100%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .checkout-div-ok {
    margin-top: 10px;
    padding-top: 35px;
  }
  .checkout-div-ok-d {
    width: 50px;
    height: 50px;
    top: -25px;
  }
}
@media (max-width: 991.98px) {
  .checkout-item-total-left {
    font-size: 24px;
  }
  .checkout-item-total-left .price-total {
    padding-left: 0;
    padding-right: 0;
  }
  .order-id {
    font-size: 24px;
  }
  .checkout-div-ok {
    margin-top: 25px;
  }
  .checkout-button-alert {
    margin-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  .order-id {
    font-size: 18px;
  }
  .checkout-item-total-left {
    font-size: 18px;
  }
  .checkout-item-total-left.checkout-item-total .price-total {
  }
  .checkout-item-total-left.checkout-item-total .price-total .price-total-div {
    font-size: 8px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    margin-left: 0;
    margin-top: 10px;
  }
  .checkout-item-total-left.checkout-item-total .price-total .price-total-div:before {
    top: -7px;
    left: 50%;
    border-color: #100655 transparent;
    border-width: 0 7px 7px;
    transform: translateY(0) translateX(-50%);
  }
  .gc-card,
  .gc-card .hed {
    font-size: 14px;
  }
  .gc-card .text {
    font-size: 16px;
  }
  .gc-card .amount {
    font-size: 45px;
  }
  .gc-card .recipient,
  .gc-card .from {
    font-size: 16px;
  }
  .price-total.copy {font-size:12px}
  .price-total.copy > div {margin-left:10px;font-size:12px}
  .price-total.copy > div:before {margin-left:-35px}
}
@media (max-width: 575.98px) {
  .checkout-item-total-left.checkout-item-total .price-total .price-total-div {
    font-size: 8px;
    top: 100%;
    left: 30px;
    transform: translateX(calc(-50% - 50px));
    right: auto;
    margin-left: 0;
    margin-top: 10px;
	width: calc(100vw - 60px);
  }
  .checkout-item-total-left.checkout-item-total .price-total .price-total-div:before {
    left: 70%;
  }
  .gc-card { padding-top: 13.9vw; padding-bottom:5.2vw}
  .gc-card .note { font-size: 1.75vw; }
  .gc-card .code,.gc-card .codebox { font-size: 2.1vw; }
  .gc-card .hed,.gc-card .notes { font-size: 2.4vw; }
  .gc-card .text,.gc-card .recipient,.gc-card .from { font-size: 2.8vw; }
  .gc-card .amount { font-size: 7.8vw; }
  .gc-card .code {margin-top:7.8vw;}
  .gc-card .hed,.gc-card .codebox {margin-bottom:5.2vw}
  .gc-card .text,.gc-card .from {margin-bottom: 2.6vw}
  .gc-card .notes { height:6.1vw}
  .gc-card .codebox {width:42.3vw}
}
.team-cart {
  display: inline-block;
  vertical-align: middle;
}
.team-cart span {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 21px;
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/cart.svg');
  margin-left: 10px;
}
.team-cart .cart-count {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  font-weight: 500;
  font-size: 10px;
  color: #0D0252;
  line-height: 1;
  text-align: center;
  background-color: #FFD23E;
  border-radius: 50%;
  padding-top: 4px;
}

.page-team-banner .banner {
  position: relative;
  height: 380px;
  background-position: center;
  background-size: cover;
}
.page-team-banner .caption {
  position: absolute;
  top: 70px;
  left: 110px;
  width: 440px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.page-team-banner .caption .tag {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.page-team-banner .caption .nav li {
  margin-right: 20px;
}
.page-team-banner .caption img {
  max-width: 141px;
  max-height: 65px;
}
.page-team-banner .caption .date {
  margin-top: 25px;
}
.page-team .cdown {
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.page-team .cdown i {
  position: relative;
  display: inline-block;
  width: 82px;
  height: 82px;
  font-weight: 500;
  font-size: 30px;
  color: #fff;
  font-style: normal;
  text-align: center;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/cdown.svg') no-repeat center;
  background-size: 100%;
  padding-top: 26px;
  margin: 0 18px;
}
.page-team .cdown i:after {
  position: absolute;
  content: attr(data-value);
  top: 100%;
  left: 50%;
  font-weight: 500;
  font-size: 14px;
  color: #ff4ad7;
  text-transform: uppercase;
  transform: translateX(-50%);
  margin-top: 10px;
}
.page-team .cdown em {
  display: inline-block;
  width: 6px;
  height: 20px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/cdowni.svg') no-repeat center;
  background-size: 100%;
}
.product-item .bar {
  position: relative;
  margin-top: 10px;
  height: 20px;
  border: 1px solid #ee5253;
  border-radius: 10px;
  overflow: hidden;
}
.product-item .bar .a {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bar.svg') no-repeat 18% center;
  background-size: 88% auto;
}
.product-item .bar .b {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.product-item .bar .c {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: transparent;
}
.product-item .bar .c:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 28px;
  height: 14px;
  background: #fff url('images2/barluv.svg') no-repeat 5px center;
  transform: translateY(-50%);
}
@media (max-width: 1359.98px) {
  .page-team-banner .caption {
    left: 50px;
  }
}
@media (max-width: 1199.98px) {
  .page-team .content {
    padding-top: 59px;
  }
  .page-team-banner .banner {
    height: 350px;
  }
  .page-team-banner .caption {
    top: 40px;
    left: 20px;
  }
  .page-team .cdown i {
    width: 66px;
    height: 66px;
    font-size: 20px;
    padding-top: 23px;
  }
}
@media (max-width: 991.98px) {
  .page-team-banner .caption img {
    max-width: 100px;
  }
}
@media (max-width: 767.98px) {
  .page-team-banner .banner {
    height: 250px;
  }
  .page-team-banner .caption {
    top: 40px;
    left: 0;
    width: 100%;
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
  }
  .page-team-banner .caption .tag {
    margin-bottom: 10px;
  }
  .page-team-banner .caption img {
    max-width: 90px;
    max-height: 50px;
  }
  .page-team-banner .caption .imgx {
    max-width: 20px;
  }
  .page-team-banner .caption .date {
    margin-top: 15px;
  }
  .page-team .cdown {
    bottom: 30px;
  }
  .page-team .cdown i {
    width: 40px;
    height: 40px;
    font-size: 14px;
    padding-top: 13px;
    margin: 0 10px;
  }
  .page-team .cdown i:after {
    font-size: 10px;
  }
  .page-team .cdown em {
    position: relative;
    top: 5px;
    background-size: 50%;
  }
}
@media (max-width: 575.98px) {
  .page-team-banner {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.owl-carousel .item-video iframe {
  height: 460px;
}
@media (max-width: 1359.98px) {
  .owl-carousel .item-video iframe {
    height: 382px;
  }
}
@media (max-width: 1199.98px) {
  .owl-carousel .item-video iframe {
    height: 460px;
  }
}
@media (max-width: 991.98px) {
  .owl-carousel .item-video iframe {
    height: 340px;
  }
}
@media (max-width: 767.98px) {
  .owl-carousel .item-video iframe {
    height: 500px;
  }
}
@media (max-width: 575.98px) {
  .owl-carousel .item-video iframe {
    height: 460px;
  }
}

.fGift {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 50%;
  font-weight: 500;
  font-size: 11px;
  color: #fff;
  text-align: center;
  padding-top: 18px;
  z-index: 2;
}
.product-item-sale .fGift {
  left: 70px;
}
.product-promos {
  line-height: 1.5;
  margin-bottom: 25px;
}
.product-promos-item:not(:last-child) {
  margin-bottom: 5px;
}
.product-promos-item span {
  font-weight: 500;
}

.cart-item .bundles { position: relative; padding-top: 5px; padding-left: 10px; }
.cart-item .bundles:before { position: absolute; content: ''; top: 11px; left: 0; width: 4px; height: 4px; background: #1A144D; border-radius: 50%; }
.cart-item .bundles .brand { font-size: 12px; }
.cart-item .bundles .title { font-size: 12px; }
.cart-item .bundles .variant { font-size: 12px; }

.oPromo { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9999; }
.oPromo-w { position: absolute; top: 50%; left: 50%; width: 415px; max-width: 100%; transform: translateX(-50%) translateY(-50%); background: #fff url('images2/npromop.svg') no-repeat 0 0; background-size: 100% auto; padding: 175px 20px 20px; font-size: 14px; line-height: 1.3; box-shadow: 0 0 8px 0 rgba(0,0,0,0.5); border-radius: 3px; }
.oPromo-w:after { position: absolute; content: ''; top: 55px; left: 50%; width: 110px; height: 110px; background: url('https://www.beautyhaul.com/assets/n/css/images2/npromop2.svg') no-repeat center; background-size: contain; transform: translateX(-50%); }
.oPromo-c { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat 0 100%; background-size: 15px auto; cursor: pointer; z-index: 2; }
.oPromo-head { font-weight: 600; font-size: 18px; margin-bottom: 10px; }
.oPromo-item {
  background: #F8F8F8;
  padding: 15px 20px;
  margin-bottom: 10px;
  text-align: center;
}
.oPromo-item .h {
  font-weight: 600;
  margin-bottom: 2px;
}
.oPromo .note {
  padding-top: 10px;
  font-size: 10px;
  text-align: center;
}

.img-round {
  border-radius: 50%;
  overflow-y: hidden;
}

.oGift { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 9999999999; }
.oGift-w { position: absolute; top: 50%; left: 50%; width: 360px; max-width: 100%; text-align: center; transform: translateX(-50%) translateY(-50%); background: #fff; padding: 30px 20px 20px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.5); border-radius: 3px; }
.oGift-w.scanpickup{ padding: 0px 10px 10px;}
.oGift-w.scanpickup .img{ margin: 0 auto 0px;}
.oGift-b {
	position: absolute;
	top: 50%; left: 50%;
	width: 360px; max-width: 100%;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	background-color: #E6F5FC;
	background-image: url('https://www.beautyhaul.com/assets/n/css/images2/pop-right.svg'), url('images2/pop-left.svg');
	background-position: 90% 20%, 8% 69%;
	background-repeat: no-repeat;
	padding: 30px 20px 20px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
	border: 4px solid #fff; border-radius: 8px;
}
.oGift-c { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center; background-size: 100%; cursor: pointer; z-index: 2 }
.oGift-w.scanpickup .oGift-c{ top:16px;right: 20px;}
.oGift-head { font-weight: 500; font-size: 18px; color: #000; margin-bottom: 10px; }
.oGift-w.scanpickup .oGift-head{ padding: 15px 20px 20px;text-align: start;font-weight: 600;}
.oGift-head2 { font-weight: 600; font-size: 10px; color: #002F6C; margin-bottom: 10px; }
.oGift-w .scroll-pane {
  max-height: 500px;
}
.oGift-call .img {
  width: 200px;
  margin: 0 auto 20px;
}
.oGift-call .oGift-b .img {
  width: 268px;
  margin: 0 auto 20px;
  padding: 12px;
  border: 1px solid #92BDEC;
  background: #fff;
  border-radius: 5px;
  position: relative;
}
.oGift-call .caption {
  text-align: center;
  line-height: 1.4;
}
.oGift-call .caption .title {
  font-weight: 600;
  font-size: 18px;
  color: #171717;
}
.oGift-call .scanpickup .caption .title {
  font-weight: 500;
  font-size: 14px;
  color: #171717;
}
.oGift-call .caption .text {
  background: #F8F8F8;
  padding: 13px;
  border-radius: 3px;
  margin-top: 10px;
}

.oGift-w.scanpickup .caption .text {background: none;}

.oGift-call .oGift-b .caption .text {
  background: #fff;
  padding: 8px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 18px;
}
.oGift-title { font-weight: 600; font-size: 16px; color: #000; margin-bottom: 8px; line-height: 1.3; }
.oGift-period { font-size: 12px; color: #000; margin-bottom: 10px; line-height: 1.3; }
.oGift-w .text { font-size: 12px; }
.oGift-b .oGift-subs { font-size: 12px; margin-bottom: 20px; }
@media (max-width: 991.98px) {
  .oGift-call .caption .title {
    font-size: 16px;
  }
}

.oGift2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 9999; opacity: 0; visibility: hidden; }
.oGift2.open { opacity: 1; visibility: visible; }
.oGift2-w { display: none; position: absolute; top: 50%; left: 50%; width: 450px; max-width: 100%; text-align: center; transform: translateX(-50%) translateY(-50%); background: #fff; padding: 25px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.5); border-radius: 3px; }
.oGift2-w.open { display: block; }
.oGift2-c { display: inline-block; width: 15px; height: 15px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center; background-size: 100%; cursor: pointer; z-index: 2 }
.oGift2-head { font-weight: 600; font-size: 16px; color: #000; margin-bottom: 10px; }
.oGift2-w .text { font-size: 12px; }
.oGift2-w .scroll-pane {
  max-height: 500px;
}
.oGift2-call .img {
  width: 240px;
  margin: 0 auto 20px;
}
.oGift2-call .caption {
  text-align: center;
  line-height: 1.4;
}
.oGift2-call .caption .title {
  font-weight: 600;
  font-size: 18px;
  color: #171717;
}
.oGift2-call .caption .text {
  background: #F8F8F8;
  padding: 13px;
  border-radius: 3px;
  margin-top: 10px;
}
.oGift2-bottom { padding: 25px; font-weight: 600; position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; }
.oGift2-bottom .title { font-size: 12px; }
.oGift2-bottom .price { font-size: 18px; color: #E4002B; }
.oGift2-title { font-weight: 600; font-size: 16px; color: #000; margin-bottom: 8px }
.oGift2-period { font-weight: 600; font-size: 14px; color: #000; margin-bottom: 10px }
.oGift2-link { font-size: 14px; text-decoration: underline; }
.oGift2-promo .oGift2-main, .oGift2-address .oGift2-main, .oGift2-address .oGift2-desc { overflow: hidden; padding: 25px 0; }
.oGift2-promo .oGift2-main .oGift2-wrapper, .oGift2-address .oGift2-main .oGift2-wrapper, .oGift2-address .oGift2-desc .oGift2-wrapper { padding: 0 25px; max-height: 510px; overflow-x: hidden; overflow-y: auto; }
.oGift2-promo .oGift2-main .oGift2-wrapper { padding-bottom: 80px; }
.oGift2-promo.oGift-gwp .oGift2-main .oGift2-wrapper { padding-bottom: 0px; }
.oGift2-address .oGift2-main .oGift2-wrapper { padding-bottom: 80px; }
.oGift2-promo .oGift2-main .oGift2-wrapper::-webkit-scrollbar,
.oGift2-address .oGift2-main .oGift2-wrapper::-webkit-scrollbar,
.oGift2-address .oGift2-desc .oGift2-wrapper::-webkit-scrollbar {
    width: 10px !important;  /* Remove scrollbar space */
    height: 5px !important;
    background: #e1e1e1;  /* Optional: just make scrollbar invisible */
	border-radius: 10px;
}
.oGift2-promo .oGift2-main .oGift2-wrapper::-webkit-scrollbar-thumb,
.oGift2-address .oGift2-main .oGift2-wrapper::-webkit-scrollbar-thumb,
.oGift2-address .oGift2-desc .oGift2-wrapper::-webkit-scrollbar-thumb {
    background: #aaa;
	height: 10px;
}

@media (max-width: 991.98px) {
  .oGift2-call .caption .title {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
	.oGift2-promo .oGift2-main, .oGift2-address .oGift2-main, .oGift2-address .oGift2-desc {
		height: 100vh;
		width: 100vw;
		max-width: 100%;
		padding: 50px 0;
	}
	.oGift2-promo .oGift2-desc {
		height: 100vh; width: 100vw;
		max-width: 100%;
		padding: 75px 25px;
	}
	.oGift2-promo .oGift2-main .oGift2-wrapper {
		max-height: calc(100vh - 165px);
	}
	.oGift2-address .oGift2-main .oGift2-wrapper,
	.oGift2-address .oGift2-desc .oGift2-wrapper {
		max-height: calc(100vh - 100px);
	}
	.oGift2-bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px 25px 50px;
		background: #fff;
	}
}


.beauty-box .aprev {
  position: absolute;
  top: 100px;
  left: -40px;
  width: 60px;
  height: 60px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrowpl.svg') no-repeat center;
  border: 0;
  margin-top: -30px;
  cursor: pointer;
  z-index: 2;
}
.beauty-box .anext {
  position: absolute;
  top: 100px;
  right: -40px;
  width: 60px;
  height: 60px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/narrowpr.svg') no-repeat center;
  background-size: 100%;
  border: 0;
  margin-top: -30px;
  cursor: pointer;
  z-index: 2;
}
.beauty-box {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  position: relative;
  margin-bottom: 40px;
  min-height: 300px;
}
.beauty-box-mw {
  max-width: 700px;
}
.fc-min {
  width: 350px;
}
@media (max-width: 575.98px) {
  .beauty-box .aprev {
    top:unset;
    bottom:0;
    left: 20px;
    margin-top: 0;
  }
  .beauty-box .anext {
    top:unset;
    bottom:0;
    right: 20px;
    margin-top: 0;
  }
  .page-checkout-quiz > .container { position:relative; flex-grow:1; padding-bottom:50px; margin-bottom:20px; }
  .page-checkout-quiz .row > div, .beauty-box { position:unset }
  .fc-min {
    width: 300px;
  }
}
.beauty-box .btn {
  line-height: 1;
  white-space: normal;
}
.beauty-box li {
  min-width: 120px;
  margin: 0 10px 20px;
  cursor: pointer;
}
.beauty-box-230 li {
  width: 230px;
}
.beauty-box-340 li {
  width: 340px;
}
.beauty-box-box li {
  position: relative;
  width:120px;
  margin:0 0 20px;
  padding:0 15px;
  box-sizing: content-box;
  text-align: center;
  /* background: #fff;
  border: 1px solid #D4927B;
  border-radius: 5px;
  padding: 35px 30px 30px; */
}
.beauty-box-box li.active {
  /* font-weight: bold;
  color: #D4927B; */
}
.beauty-box-box li.active:after {
  /* position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #D4927B;
  border-radius: 4px; */
}
.beauty-box .img {
  height: 89px;
  width:100px; height:100px;
  border-radius: 100%;
  border: 2px solid #d3d3d3;
  margin: 0 auto 8px;
}
.beauty-box .active .img {
  border-color: #0762CB;
}
.beauty-box .title {
  color: #000;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 8px;
}
/* .beauty-box .active .title {
  color: #D4927B;
} */
.beauty-box .bg {
  height: 100%;
  background-size: 100%;
}
.beauty-box .bg-f {
  background: #FFF7F3;
}
.beauty-box .bg-l {
  background: #FFF0E9;
}
.beauty-box .bg-lm {
  background: #FEE3D4;
}
.beauty-box .bg-m {
  background: #FDCDB9;
}
.beauty-box .bg-md {
  background: #E2B8A5;
}
.beauty-box .bg-d {
  background: #D5987C;
}
.beauty-box .bg-normal {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bpn-normal.svg') no-repeat center;
}
.beauty-box .bg-dry {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bpn-dry.svg') no-repeat center;
}
.beauty-box .bg-oily {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bpn-oily.svg') no-repeat center;
}
.beauty-box .bg-combination {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bpn-combination.svg') no-repeat center;
}
.beauty-box .bg-sensitives {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bpn-sensitive.svg') no-repeat center;
}
.beauty-box .bg-acne {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-acne.jpg') no-repeat center;
}
.beauty-box .bg-acnescars {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-acnescars.jpg') no-repeat center;
}
.beauty-box .bg-blackheads {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-blackheads.jpg') no-repeat center;
}
.beauty-box .bg-darkeyes {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-darkeyes.jpg') no-repeat center;
}
.beauty-box .bg-dulness {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-dulness.jpg') no-repeat center;
}
.beauty-box .bg-darkcircles {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-darkcircles.jpg') no-repeat center;
}
.beauty-box .bg-pores {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-pores.jpg') no-repeat center;
}
.beauty-box .bg-roughness {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-roughness.jpg') no-repeat center;
}
.beauty-box .bg-aging {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-aging.jpg') no-repeat center;
}
.beauty-box .bg-wrinkles {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-wrinkles.jpg') no-repeat center;
}
.beauty-box .bg-pigment {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-pigment.jpg') no-repeat center;
}
.beauty-box .bg-oval {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-oval.jpg') no-repeat center;
}
.beauty-box .bg-round {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-round.jpg') no-repeat center;
}
.beauty-box .bg-square {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-square.jpg') no-repeat center;
}
.beauty-box .bg-long {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-long.jpg') no-repeat center;
}
.beauty-box .bg-love {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-love.jpg') no-repeat center;
}
.beauty-box .bg-cool {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-cool.jpg') no-repeat center;
}
.beauty-box .bg-warm {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-warm.jpg') no-repeat center;
}
.beauty-box .bg-neutral {
  background: url('https://www.beautyhaul.com/assets/n/css/images2/bp-neutral.jpg') no-repeat center;
}
.beauty-box .btn-trans, .review-add .btn-trans {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  color: #373737;
  text-transform: none;
  font-weight:normal;
}
.review-filter-item.active {
  color: #E4002B;
  border-color:#E4002B;
}
.beauty-box .active > .btn-trans, .review-add .active > .btn-trans {
  color: #0762CB;
  border-color:#0762CB;
}
.beauty-box button[disabled] {
  opacity: 0.5;
  cursor: default;
}

#giftroulette {
  position: absolute;
  top: 50%; left: 50%;
  width: 700px;
  height: 100%;
  max-width: 90%;

  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  display: none;
}
#giftroulette .roulettearrow {
  position: absolute;
  top: 47%; left:50%;
  transform: translate(-50%,-50%);
  width: 15%;
  padding-bottom: 100%;
  background:url('https://www.beautyhaul.com/assets/campaign/spin/spin-arrow.png') no-repeat;
  background-size: contain;
  pointer-events: none;
}
#giftroulette .rouletteframe {
  position: absolute;
  top: 50%; left:0;
  transform: translate(0,-50%);
  width: 100%;
  padding-bottom: 100%;
  background:url('https://www.beautyhaul.com/assets/campaign/spin/spin-base.png') no-repeat;
  background-size: contain;
  pointer-events: none;
}
#giftroulette .rouletteboard {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 99%;
  padding-bottom: 100%;
  cursor: pointer;
  animation: forwards startroulette 15s;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.21, -0.01, 0, 1.02);
  background:url('https://www.beautyhaul.com/assets/campaign/spin/spin-board.png') no-repeat center;
  background-size: contain;
}

.giftcontainer {
  position: absolute;
  top: 50%; left: 50%;
  width: 700px;
  height: 100%;
  max-width: 90%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  display: none;
}
.giftcontainer .giftframe {
  position: absolute;
  top: 50%; left:0;
  transform: translate(0,-50%);
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.giftcontainer .giftboard {
  cursor: pointer;
  position: absolute;
  top: 50%; left: 6.8%;
  transform: translate(0,-50%);
  width: 64.3%;
  padding-bottom: 100%;
  cursor: pointer;
  animation: forwards startroulette 15s;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.21, -0.01, 0, 1.02);
  background-size: contain;
}

.kulitketupat {
    opacity: 0;
    position: absolute;
    width: 35%;
    top: 50%; left: 41%;
    transform: translate(0,-23.8%);
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 1.7s cubic-bezier(0.4, -0.13, 0.66, 0.29);
    pointer-events: none;
    z-index: 5;
}
.kulitketupat1,.kulitketupat2,.kulitketupat3 { background-image: url(https://www.beautyhaul.com/assets/campaign/ketupat/kulit1.png); }
.kulitketupat4,.kulitketupat5,.kulitketupat6 { background-image: url(https://www.beautyhaul.com/assets/campaign/ketupat/kulit2.png); }
.kulitketupat2 { transform: translate(-21%,-16.5%); }
.kulitketupat3 { transform: translate(-42%,-9.2%); }
.kulitketupat4 { transform: translate(-50%,-24%); }
.kulitketupat5 { transform: translate(-28%,-16.2%); }
.kulitketupat6 { transform: translate(-5.2%,-8.7%); }
.kulitketupat.active { opacity: 1 }
.kulitketupat1.active,.kulitketupat2.active,.kulitketupat3.active { transform: translate(100%,15%) rotateX(90deg) }
.kulitketupat4.active,.kulitketupat5.active,.kulitketupat6.active { transform: translate(-160%,15%) rotateX(90deg) }

.search-div-results { position: absolute; top: 45px; width: 100%; height: 450px; background: #fff; z-index: 2; overflow: hidden; border: 1px solid #E1E1E1; border-radius: 3px; display: block; padding: 15px 0 20px }
.search-div-results .in { position: relative; height: 100%; }
.search-div-results .item:not(:last-child) { margin-bottom: 20px; }
.search-div-results .item { line-height: 1.5; }
.search-div-results .item .img { width: 120px; }
.search-div-results .item a { display: block; color: inherit; }
.search-div-results .item .brand { font-weight: 600; font-size: 15px; color: #404C96; }
.search-div-results .item .title { color: #000; }
.search-div-results .trend-search-item { position:relative;font-size:12px;margin-bottom:15px;margin-right:10px;padding:7px 30px 7px 10px;cursor:pointer;border:1px solid #EBEBEB;border-radius:3px;background-color:#FFF;white-space:nowrap; }
.search-div-results .trend-search-item:hover { color: #0762CB; }
.search-div-results .popularsearch-wrapper {padding:0 15px}
#search-placeholder { position:absolute;top:0;height:100%;overflow:auto}
#search-placeholder-no { display:none; padding:0 15px}
#search-promo {margin-bottom:20px;padding:5px 15px}

.search-div-results .trend-search-wrap {display:flex;width:100%;padding:0 15px}
.popularsearch-wrapper .trend-search-wrap {padding:0}
.trend-search-item .delete {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  background: url(https://www.beautyhaul.com/assets/n/css/images2/nclear.svg) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}

.trend-promo {
  display: flex;
  font-weight:bold;
  padding: 5px 0;
  cursor:pointer;
  line-height:1.3;
  align-items:center;
}
.trend-promo:before {
  content:'PROMO';
  display:inline-block;
  font-size: 8px;
  height:14px;
  border-radius: 3px;
  color:#FFF;
  background-color: #E4002B;
  padding:2px 2px 3px 3px;
  margin-right: 10px;
  vertical-align:top;
}
@media (max-width: 767px) {
    .search-div-results .item .img {width:100px}
    .trend-promo {font-size:12px;align-items:start}
}

.search-div-results .item .review {
  font-size: 14px;
  color: #424E97;
}
.search-div-results .item .review > * {
  display: inline-block;
  margin-right: 9px;
}
.search-div-results .item .review .t {
  position: relative;
  top: 2px;
}

.search-div-results .fill-in { padding:0 15px }
.search-div-results .fill-in .product-item,.search-trending .product-item
{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.search-div-results .product-item a { display:flex; padding-bottom:10px; border-bottom:1px solid #E1E1E1; }
.search-div-results .product-item .image { width:45px;flex:auto 0 0 }
.search-div-results .product-item .caption, .search-div-results .product-item .review-div { text-align:left }

.search-div-results .text-nav, .search-div-results .product-item { margin-bottom:10px}
.search-div-results .product-item .caption { width:100%; max-width:70%; font-size:12px; padding: 5px 10px 0; }
.search-div-results .product-item a .price { font-weight:normal; text-align:right; margin-left:auto; flex-shrink:0; padding-top:6px; }

.brand-item{
  display: flex;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-right: 8px;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.brand-item:hover {border-color:#0762CB;}
.brand-item div { overflow:hidden; text-overflow:ellipsis }
.search-div-results .brand-item{width:105px;height:45px;flex:105px 0 0}
.reviewbrand .brand-item {width:100%;padding-bottom:42.8%;position:relative}
.brand-item span {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .search-div-results,.search-div-results.fill {top:0;height:100%;position:unset;padding:15px 0;margin-top:5px;border:none;border-top:#E1E1E1 1px solid}
  .open-search .search-div {position:fixed;top:0;display:flex;flex-direction:column}
}
@media (max-width: 991.98px) {
  .reviewbrand {margin-bottom:10px}
  .reviewbrand .brand-item {margin-bottom:15px}
}
@media (max-width: 767px) {
}
@media (max-width: 575.98px) {
  .search-div-results .trend-search-item {
    display: inline-block;
    padding: 10px 30px 10px 10px;
    margin-right: 5px;
  }
  .trend-search-item .delete {top:8px}
  .brand-item span {font-size:12px}
}

/* poprev deprecated */
.poprev .h {
  padding-bottom: 15px;
  border-bottom: 1px solid #EA4D89;
}
.poprev .text {
  line-height: 1.3;
}
.poprev-item {
  padding: 15px 0;
  border-bottom: 1px solid #E1E1E1;
}
.poprev-item:last-child {
  border-bottom: 0;
}
.poprev.oGift {
  opacity: 0;
  animation: fadein 300ms 300ms forwards;
  overflow: auto;
}
.poprev .wrapper {
  opacity: 0;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%,0);
  max-width: 100%;
  width: 550px;
  overflow: hidden;
  background: #FFF;
  margin-bottom: 50px;
  animation: popup 600ms 250ms forwards;
  padding: 20px;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
  border-radius: 3px;
}
.poprev .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  background: url(https://www.beautyhaul.com/assets/n/css/images2/nclose.svg) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}
.poprev textarea.form-control {
    height: 60px;
}
.poprev .form-group {
    margin-bottom: 10px;
}
.poprev.close {
    opacity: 1;
    animation: fadeout 500ms 600ms forwards;
}
@media (max-width: 575.98px) {
    .poprev .yourreview {font-size:14px}
    .poprev .text {font-size:10px}
    .poprev .wrapper {top:90px;width:90%}
}
@keyframes popup {
    0%{
        opacity:0;
        transform: translate(-50%,5%);
    }
    100%{
        opacity:1;
        transform: translate(-50%,0);
    }
}
@keyframes fadein {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}
@keyframes fadeout {
    0%{ opacity: 1; }
    99% {height:100%}
    100%{ opacity: 0; height:0; }
}
.d-height {
  height: 0;
  overflow: hidden;
}

.about-img {
  position: relative;
  padding-bottom: 180px;
}
.about-img2 {
  position: absolute;
  top: 270px;
  left: 240px;
}
.about-img3 {
  position: absolute;
  top: 60px;
  right: 0;
}
@media (max-width: 991.98px) {
  .about-img {
    padding-bottom: 420px;
  }
  .about-img2 {
    top: 260px;
    left: auto;
    right: 0;
  }
  .about-img3 {
    top: 500px;
    right: auto;
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .about-img {
    padding-bottom: 0;
  }
  .about-img2 {
    position: relative;
    top: initial;
    right: initial;
  }
  .about-img3 {
    position: relative;
    top: initial;
    right: initial;
    left: initial;
  }
  .about-img img,
  .about-img2 img {
    width: 100%;
    margin-bottom: 10px;
  }
  .about-img3 img {
    width: 100%;
    margin-bottom: 20px;
  }
}

.form-upload {
  position: relative;
}
.form-upload .text {
  background: transparent url('images2/nupload.svg') no-repeat 0 3px;
  padding-left: 25px;
}
.form-upload input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  cursor: pointer;
}

.store-div {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -340px;
  width: 340px;
  max-width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  transition: all .3s ease-in-out;
  z-index: 98;
}
.open-store .store-div {
  right: 0;
}
.store-div:before {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all .3s ease-in-out;
  z-index: -1;
}
.open-store .store-div:before {
  visibility: visible;
  opacity: 1;
}
.store-div .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  vertical-align: bottom;
  overflow: auto;
}
.store-div .content .wrapper {
  margin-bottom: 30px;
}
.store-div .btm > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: bottom;
  background: #fff;
}
.store-div .btm .wrapper{
  padding: 0 20px 15px;
}
.store-div .header {
  position: relative;
  font-family: 'bogue', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #171717;
  text-align: right;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 0;
  background: #fff;
  padding: 15px 20px;
  border-bottom: 1px solid #FFC9DD;
  z-index: 2;
}
.store-div .header .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nclose.svg') no-repeat center;
  background-size: 20px auto;
  cursor: pointer;
}
.store-div-item {
  position: relative;
  line-height: 1.4;
  color: #171717;
  padding: 20px 20px 0;
}
.store-div-item a {
  text-decoration: underline;
}
.store-div-item .store-head {
  position: relative;
  font-weight: 600;
  margin-bottom: 8px;
  padding-left: 17px;
}
.store-div-item .store-head:before {
  position: absolute;
  content: '';
  top: 5px;
  left: 0;
  width: 9px;
  height: 9px;
  background: #50BF79;
  border-radius: 50%;
}
.store-div-item.oos .store-head:before {
  background-color: #EA0000;
}
.store-div-item.oos .store-head span {
  color: #EA0000;
}
.store-div-item .open-time {
  padding-left: 22px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/nhour.svg') no-repeat 0 2px;
  background-size: auto 15px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.store-div-item > div:last-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
}
.store-div-item:last-child > div:last-child {
  border-bottom: 0;
}
.header-bar { padding-top: 0; }
.header-bar img {
  display: block;
  width: 100%;
  height: auto;
}
.header-bar .item {
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .header-bar {
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .header-bar {
    /* height: 154px; */
  }
  .header-bar img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 20px;
  }
}
.showmore { font-size: 14px; font-weight: 600; text-decoration: underline; position: relative; }
.showmore:hover { color: #0762CB; }
.showmore:after { content: ''; display: inline-block; width: 15px; height: 10px; margin-left: 10px; background: url(https://www.beautyhaul.com/assets/n/css/images2/narrow3.svg) no-repeat center; }
.showmore.open:after { transform: rotate(180deg); }
.payment-methods { margin-bottom: 20px; height: 180px; overflow: hidden; }
.payment-methods.open { height: unset; }
.payment-methods .form-group {
  position: relative;
  margin-bottom: 10px;
  padding: 5px 15px;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.3;
  color: #474747;
  cursor: pointer;
}
.payment-methods .form-group:last-child {
  margin-bottom: 0;
}
.payment-methods .form-group.checked {
  border-color: #0762CB;
}
.payment-methods .form-group.checked:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #0762CB;
}
.payment-methods .form-group.disabled {
  opacity: .5;
}
.payment-methods .form-group.disabled,
.payment-methods .form-group.disabled .cradio input[type="radio"].css-radio + label.css-label {
  cursor: not-allowed !important;
}
.payment-methods .cradio input[type="radio"].css-radio + label.css-label {
  background-image: none;
  background-position: 0 center;
}
.payment-methods .cradio input[type="radio"].css-radio:checked + label.css-label {
  background-image: none;
}
.payment-methods .cradio input[type="radio"].css-radio + label.css-label .h {
  font-weight: 500;
  color: #171717;
}
.payment-methods .form-group.checked .payment-check { width: 20px; height: 20px; background-image: url(images2/nchecked-green.svg); background-repeat: no-repeat; }
.cradio label.css-label .sm {
  font-size: 12px;
}
.payment-methods li:not(:first-child) {
  margin-left: 10px;
}
.select-option-payment li:not(:first-child) {
  margin-left: 5px;
}
.payment-methods li img {
  max-height: 40px;
}
.select-option-payment li img {
  max-height: 35px;
}
.payment-methods-sm li img {
  max-height: 20px;
}
.payment-methods .pay-category:not(:last-child) { margin-bottom: 30px; }
.payment-methods .pay-category-title { font-weight: 700; margin-bottom: 10px; font-size: 12px; }
@media (max-width: 767.98px) {
  .payment-methods li img {
    max-height: 20px;
  }
}

.blog-categories {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: #9E9E9E;
  padding-bottom: 20px;
}
.blog-categories a {
  position: relative;
  display: inline-block;
  padding: 0 4px;
  z-index: 1;
}
.blog-categories .active > a,
.blog-categories a:hover {
  color: #E4002B;
}
.blog-categories .active a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: -1;
}
.blog-categories li {
  margin: 0 8px;
  position: relative;
}
.blog-categories li.subcat {
  margin: 0 15px 10px;
}
.blog-categories li.subcat:first-child {
  margin-top: 10px;
}
.blog-subcat {
	position: absolute;
	left: -22px;
	background: #fff;
	padding: 5px;
	z-index: 2;
	border: 1px solid #f1f1f1;
	width: auto;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	color: #171717;
	display: none;
}
.blog-categories li:hover .blog-subcat { display: block; }
@media (max-width: 1199.98px) {
  .blog-categories {
    font-size: 16px;
  }
}

.home-div-yt {
  padding-bottom: 10px;
}
.home-div-yt .embed-responsive {
  margin-bottom: 20px;
}
.home-div-ytr {
  padding-left: 7px;
}
@media (max-width: 1359.98px) {
  .home-div-ytr {
    padding-left: 40px;
  }
}
@media (max-width: 1199.98px) {
  .home-div-yt {
    padding-bottom: 0;
  }
  .wrapper-overyt {
    overflow-y: overlay;
  }
  .wrapper-overyt > .row {
    width: 1200px;
  }
  .blog-item {
    margin-bottom: 20px;
  }
  .page-blog {
    padding-bottom: 20px;
  }
  .page-blog .category {
    font-size: 14px;
  }
  .page-blog .date {
    margin-bottom: 20px;
  }
  .page-blog .image {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .wrapper-over {
    overflow-y: overlay;
  }
  .wrapper-over > .row {
    width: 800px;
  }
  .wrapper-overyt > .row {
    width: 1200px;
  }
  .blog-item .title {
    font-size: 12px;
  }
  .blog-item .text {
    display: none;
  }
  .blog-latest .blog-item .title {
    font-size: 12px;
  }
  .blog-popular {
    padding-bottom: 0;
  }
  .blog-latest {
    padding-bottom: 0;
    padding-left: 0;
  }
  .blog-latest .blog-item .title {
    height: auto;
    margin-bottom: 5px;
  }
  .blog-latest .blog-item a {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .blog-categories li {
    margin: 0 10px;
  }
}
@media (max-width: 767.98px) {
  .blog-categories-wrapper {
    overflow: overlay;
  }
  .blog-categories-wrapper > ul {
    /* width: 560px; */
    width: 1000px;
	margin-top: 8px;
  }
  .blog-categories > li:first-child {
    margin-left: 0;
  }
  .page-blog .category {
    font-size: 12px;
  }
  .page-blog .date {
    font-size: 11px;
  }
  .blog-item .image,
  .blog-latest .blog-item .image {
    margin-bottom: 10px;
  }
  .page-blog iframe {
    /* height: 300px !important; */
  }
}

.products-nav .container::-webkit-scrollbar,
.wrapper-over::-webkit-scrollbar,
.blog-categories-wrapper::-webkit-scrollbar {
    width: 0px !important;  /* Remove scrollbar space */
    height: 0px !important;
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.page-product .more img {
  cursor: pointer;
}

.howto {
  margin-bottom: -30px;
}
.howto-item {
  margin-bottom: 30px;
}
.howto-item .img {
  margin-bottom: 20px;
}
.howto-item-h {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .howto {
    margin-bottom: -20px;
  }
  .howto-item {
    margin-bottom: 20px;
  }
  .howto-item .img {
    margin-bottom: 10px;
  }
  .howto-item-h {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.variant-group {  }
.variant-select-wrapper, .bvariant-select-wrapper { position: relative; cursor: pointer; margin-bottom: 20px; padding-left: 10px; padding-right: 5px; }
.variant-select { height: auto; line-height: 1.1; border-radius: 3px; border: 1px solid #e1e1e1; padding: 12px 20px; }
.variant-select-wrapper.active .variant-select, .bvariant-select-wrapper.active .variant-select { border-color: #0762CB; }
.variant-notice { position: absolute; color: #E4002B; font-size: 10px; bottom: -15px; line-height: 1.2; width: 150px; }
@media (max-width: 767.98px) {
	.variant-select { font-size: 12px; }
}
.onoffswitchdis { position:relative; display: inline-block; width:40px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.onoffswitchdis-checkbox { display:none; }
.onoffswitchdis-label { display:inline-block; overflow:hidden; cursor:pointer; border:0; border-radius:30px; margin-bottom: 0; }
.onoffswitchdis-inner { width:200%; margin-left:-100%; -moz-transition:margin 0.3s ease-in 0s; -webkit-transition:margin 0.3s ease-in 0s; -o-transition:margin 0.3s ease-in 0s; transition:margin 0.3s ease-in 0s; }
.onoffswitchdis-inner:before, .onoffswitchdis-inner:after { float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitchdis-inner:before { content: ""; width: 40px; padding-left: 5px; background-color: #0762CB; color: transparent; }
.onoffswitchdis-inner:after { content: ""; width: 40px; padding-right: 5px; background-color: #9D9D9D; color: transparent; text-align: right; }
.onoffswitchdis-switch { width: 14px; height: 14px; margin: 1.5px; background: #FFFFFF; border: 0; border-radius: 30px; position: absolute; top: 1px; right: 22px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitchdis-checkbox:checked + .onoffswitchdis-label .onoffswitchdis-inner { margin-left: 0; }
.onoffswitchdis-checkbox:checked + .onoffswitchdis-label .onoffswitchdis-switch { right: 2px; }
.checkbox-toggle .title { font-size: 13px; font-weight: 600; color: #000; }
.checkbox-toggle > .row > div:first-child { padding-right: 5px; }
.checkbox-toggle > .row > div:last-child { padding-left: 5px; }
.separator { margin-top: 20px; margin-bottom: 20px; height: 1px; border-bottom: 1px solid #e1e1e1; }
.checkout-right { position: relative; }
.mobile-margin { margin-bottom: 10px; }
.page-promo-div { padding-top: 30px; min-height: 1px; }
.page-promo-list { margin-top: 20px; max-height: 400px; overflow: hidden; }
.page-promo-list.open { max-height: unset; }
.page-promo-item { margin-bottom: 20px; cursor: pointer; }
@media (max-width: 767.98px) {
	.page-promo-div .category-image img { height: 30px; }
}
@media (max-width: 567.98px) {
	.page-promo-list { max-height: 485px; }
}
.dots { width: 5px; height: 5px; border: 1px solid transparent; border-radius: 50%; background: #0762CB; display: inline-block; position: relative; bottom: 2px; margin: 0 3px; }
.check-submit2 { position: relative; margin-right: 10px; top: 7px; width: 24px; height: 24px; display: inline-block; background: url('https://www.beautyhaul.com/assets/n/css/images/ccheck.svg') no-repeat center; }
.cart-added { position: absolute; display: none; width: 100%; background: #00897B; padding: 1px 8px 10px; text-align: center; /*font-size: 11px;*/ font-size: 14px; color: #fff; z-index: 2; top: calc(100%); }
@media (max-width: 1199.98px) {
	.cart-added { top: 100%; }
}

.flash-message { position: absolute; display: none; width: 100%; padding: 1px 8px 10px; text-align: center; font-size: 14px; color: #fff; z-index: 2; top: calc(100%); font-weight: 500;}
.flash-message.success { background: #00897B; }
.flash-message.error  { background: #FACCD5; color: #E4002B; }
@media (max-width: 1199.98px) {
	.flash-message { top: 100%; }
}
.close-flash-message { position: relative; margin-right: 10px; top: 7px; width: 24px; height: 24px; display: inline-block; background: url('https://www.beautyhaul.com/assets/n/css/images/close-red.svg') no-repeat center;}

.order-track a { color: #0762CB !important; }
ul.timeline {
  position: relative;
}
ul.timeline:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  left: 7px; top: 5px;
  width: 2px;
  height: 100%;
  padding-bottom: 43px;
  border-right: 1px dashed #d4d4d4;
}
.tracking-history { line-height: 1.5; font-size: 12px; }
.tracking-history li { padding-left: 16px; padding-bottom: 15px; position: relative; }
.tracking-history li:first-child .track-title { color: #0869BF; }
.tracking-history li:before {
	content: '';
	position: absolute;
	left: 5px; top: 3px;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: #d4d4d4;
}
.tracking-history li:first-child:before { left: 2px; width: 13px; height: 13px; background: #0869BF; }
.tracking-history li:last-child:after { content: none; }
.track-title { font-size: 12px; font-weight: 700; color: #000; }
.track-date { color: #565656; }
.bold { font-weight: 700; }
.semi-bold { font-weight: 600; }
.thin { font-weight: 500; }
.order-pad { padding-top: 20px; padding-bottom: 20px; }
.account-order-item { background: #fff; line-height: 1.5; padding: 20px; }
.account-order-item .cart-item { padding: 0; }
.account-order-item .product-var { font-size: 12px; }
.account-order-item .price span:first-child { text-decoration: line-through; margin-right: 5px; }
.account-order-item .price span:last-child { color: #EB5757; }
.account-order-item .product-quantity {
	display: inline-block;
	width: 16px; height: 16px;
	position: absolute; /*top: -8px;*/top: 2px; right: -8px;
	font-size: 10px; font-weight: 700; line-height: 18px;
	color: #fff; background: var(--blue-purple);
	border-radius: 50%;
	text-align: center;
}
.account-order-item .po {
	font-weight: bold;
	color: #FF7800;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 10px;
}
.account-order-item .po span {
	display: inline-block;
	padding: 2px 8px;
	background: #FF7800;
	color: #fff;
	margin-right: 3px;
	border-radius: 4px;
}
@media (max-width: 1199.98px) {
	.account-order-item { padding: 0; }
}

.show-payment.hide { display: none; }
.show-payment.show { display: block; }
.member-back:before {
	content: '';
	display: inline-block;
	width: 9px; height: 16px;
	position: relative;
	top: 3px;
	margin-right: 10px;
	background: url('https://www.beautyhaul.com/assets/n/css/images2/narrow.svg');
	transform: rotate(180deg);
}
.membership-wrapper { border-radius: 5px; background: #fff; }
.member-left { padding-bottom: 60px; border-right: 1px solid #e1e1e1; }
.tier-list { padding-top: 30px; padding-left: 50px; padding-right: 50px; }
.tier-list .image { position: relative; }
.tier-list .caption {
	position: absolute;
	bottom: 20px; left: 15px;
	line-height: 1.3;
	max-width: 200px;
}
.tier-list .caption2 {
	position: absolute;
	top: 50px; right: 20px;
	line-height: 1.3;
	max-width: 134.51px;
}
.tier-list .caption3 {
	position: absolute;
	top: 20px; right: 20px;
	line-height: 1.3;
	letter-spacing: 1px;
}
.tier-list .caption-overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0; left:0; right: 0; bottom: 0;
	border-radius: 12px;
}
.caption-overlay-content { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); padding: 20px; line-height: 1.3; }
.img-lock { width: 40px; height: 40px; background: #fff; border-radius: 50%; padding: 5px; }
.tier-list .membership-id { font-size: 24px; font-weight: 600; }
.tier-list .membership-name { font-size: 12px; font-weight: 600; }
.tier-list .membership-date { font-size: 9px; }
.tier-list .img-qr-wrapper { padding: 5px; background: #fff; border-radius: 3px; }
.current-tier { padding-top: 20px; padding-left: 50px; padding-right: 50px; }
.member-disclaimer { font-size: 11px; }
.member-tab { }
.member-tab-item { padding: 15px 0; border-bottom: 1px solid #e1e1e1; cursor: pointer; }
.member-tab-item.active { color: #0762CB; border-bottom: 3px solid #0762CB; }
.member-tab-description { display: none; padding: 30px; }
.member-tab-description.active { display: block; }
.description-item { border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.description-item:last-child { border-bottom: none; }
.description-item .image { padding: 10px; background: #E6F5FC; border-radius: 50%; }
.desc-title { font-size: 14px; font-weight: 700; }
.desc-desc { font-size: 12px; }
.member-opacity { opacity: 0.5; }
@media (max-width: 1199.98px) {
	.tier-list { padding-top: 20px; padding-left: 20px; padding-right: 20px; }
	.current-tier { padding-left: 20px; padding-right: 20px; }
	.member-tab-description { padding: 5px 0; }
}
@media (max-width: 991.98px) {
	.tier-list { padding-left: 0; padding-right: 0; }
	.current-tier { padding-left: 0; padding-right: 0; }
	.member-left { border-right: none; padding-bottom: 20px; }
}
@media (min-width: 767.98px) and (max-width: 991.98px){
	.tier-list .caption {
		bottom: 40px; left: 35px;
	}
	.tier-list .caption2 {
    top: 70px;
    max-width: 200px;
	}
	.tier-list .caption3 {
		top: 40px; right: 40px;
	}
}
@media (max-width: 767.98px) {
	.tier-list .caption2 {
    top: 40px;
    max-width: 134.51px;
	}
}
.oGift.promo-pop .oGift-w { overflow:hidden; padding: 30px 0 20px;}
.oGift.promo-pop .oGift-wrapper { padding: 0 20px 1px; max-height: 500px; overflow-x: hidden; overflow-y: auto; }
.oGift.promo-pop .oGift-wrapper::-webkit-scrollbar {
	width: 10px !important;  /* Remove scrollbar space */
	height: 5px !important;
	background: #e1e1e1;  /* Optional: just make scrollbar invisible */
	border-radius: 10px;
}
.oGift.promo-pop .oGift-wrapper::-webkit-scrollbar-thumb {
	background: #aaa;
	height: 10px;
}
.earn-loyalty { font-size: 14px; color: #39877B !important; }
@media (max-width: 767.98px) {
	.earn-loyalty { font-size: 12px; }
}
.bold { font-weight: 700; }
.separator-w { margin-top: 20px; margin-bottom: 20px; height: 1px; border-bottom: 1px solid #fff; }
.invite-banner {
	position:relative;
	background-color:#E6F5FC;
	background-image: url('https://www.beautyhaul.com/assets/n/css/images2/money-l.svg'), url('images2/money-r.svg');
	background-repeat: no-repeat;
	background-position: 30px 30px, 98% 10px;
	background-size: 140px, 166px;
	padding:30px 0;
	border-radius:5px;
}
.invite-banner-inner { padding: 0 100px; }
.invite-banner .title { margin-bottom: 30px; font-size: 18px; }
.invite-banner .title .h2 { font-size: 32px; }
.invite-banner .invite-step { font-weight: 700; }
.invite-banner .invite-top .image { border-radius: 50%; background: #fff; padding: 8px; width: 50px; height: 50px; }
.invite-banner .form-control-email { width: calc(100% - 10px); }
.form-control-share { background: #fff !important; opacity: 1!important; color: #0762CB !important; font-weight: 700; width: calc(100%); }
.btn-submit.btn-share { background-color: #fff !important; background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nshare.svg'); background-repeat: no-repeat; background-position: center; right: 3px; }
.btn-submit.btn-share:not(.btn-remove):hover { background-position: center; }
.invite-lp { background: #fff; border-radius: 8px; }
.invite-lp img { border-radius: 8px 8px 0 0; }
.invite-lp .invite-lp-content { padding: 30px; }
.invite-lp .invite-lp-code { padding: 15px; background: #F8F8F8; font-weight: 700; }
.invite-lp .invite-lp-code-txt { font-size: 32px; color: #E4002B; }
@media (min-width: 1199.98px) {
	.invite-top { margin-right: -20px; margin-left: -20px; }
	.invite-item { padding-right: 20px; padding-left: 20px; }
}
@media (max-width: 1199.98px) {
	.form-control-share { width: 100%; }
	.btn-submit.btn-share { right: 3px; }
	.invite-item { margin-bottom: 20px; }
	.invite-item:last-child { margin-bottom: 0; }
	.invite-banner .title { font-size: 12px; }
	.invite-banner .title .h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
}
@media (max-width: 767.98px) {
	.invite-banner { margin-top: 20px; background-size: unset; }
	.invite-banner-inner { padding: 0 20px; }
	.page-account-main.invite-page {
		padding: 0;
	}
}
.sticky-bg2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all .3s ease-in-out; opacity: 0; visibility: hidden; z-index: 993; }
.sticky-bg2.open { opacity: 1; visibility: visible; }
.sticky,
.sticky-2 {
    position: fixed;
    bottom: -100%;
    padding: 16px;
    transition: all .5s;
    background: #FFF;
    padding: 0;
    border-radius: 5px;
    font-size: 14px;
}

.sticky-header {
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 700;
}
.sticky-header .price { font-size: 12px; }
/* .sticky-header .price span:first-child { text-decoration: line-through; margin-right: 5px; } */
/* .sticky-header .price span:last-child { color: #EB5757; } */
.sticky-image { padding: 16px; background: #f8f8f8; color: #333; font-weight: 700; line-height: 1.5; }
.sticky-label { font-size: 10px; font-weight: 700; }
.sticky-close, .sticky-close-b { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; background: url('https://www.beautyhaul.com/assets/n/css/images/closew.svg') no-repeat center;cursor: pointer;z-index: 2;}
.sticky-open { position: absolute; top: 8px; right: 16px; width: 20px; height: 20px; background: url('https://www.beautyhaul.com/assets/n/css/images/dropup.svg') no-repeat center;cursor: pointer;z-index: 2;}
.sticky-close-b { background: url('https://www.beautyhaul.com/assets/n/css/images/close.svg') no-repeat center; }
.sticky-ty, .sticky-share, .sticky-tnc { max-height: 100%; color: #4f4f4f; z-index: 99999991; bottom: -100%; }
.sticky-ty.open, .sticky-share.open {
  bottom: auto;
  left: 35%;
  width: 30%;
  top: 40%;
}
.sticky-tnc.open {
  bottom: auto;
  left: 30%;
  width: 35%;
  top: 10%;
}
.sticky-content { max-height: calc(100% - 51px); overflow-y: auto; padding: 0 20px 20px; line-height: 1.5; }
.sticky-content-info-detail {
  overflow-y: auto;
  padding: 20px;
  line-height: 1.5;
  max-height: calc(100% - 51px);
}
.sticky-content a { display: block; }
.sticky-content .page-title { /*font-size: 14px;*/ font-size: 16px;  font-weight: 700; }
.sticky-page {
    top: 10%;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.sticky-page {
    width: 480px;
}

.sticky-unset {
    height: unset;
}

.sticky-page.open {
    opacity: 1;
    visibility: visible;
    z-index: 99999991;
}

.sticky-close-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url('https://www.beautyhaul.com/assets/n/css/images/arrowl.svg');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
@media (max-width: 991.98px) {
	.sticky, .sticky-2 { width: 100%; border-radius: 8px 8px 0 0; }
	.sticky-page {
	    top: 0;
	    bottom: 0;
	    height: 100%;
	}
	.sticky-ty.open, .sticky-share.open, .sticky-tnc.open {
		bottom: 0;
		left: 0;
		width: 100%;
		top: auto;
	}
	.sticky-content { max-height: calc(100vh - 51px); }
	.sticky-content-info-detail {
		max-height: calc(100vh - 51px);
	}
}
.page-share2 {
  font-size: 8px;
  color: #4f4f4f;
  justify-content: space-evenly;
}
.page-share2 li {
  position: relative;
  width: 60px;
}
.page-share2 span {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.page-share2 a {
  display: block;
  text-align: center;
}
.page-share2 .tx {
  font-size: 12px;
}
.page-share2 span.fb {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nfb.svg');
  background-color: #4D67A5;
}
.page-share2 span.wa {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nwa2.svg');
  background-color: #2E6C68;
}
.page-share2 span.tw {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/ntw.svg');
  background-color: #4FA7DB;
}
.page-share2 span.mail {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nemail.svg');
  background-color: #0869BF;
}
.page-share2 span.link {
  background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nlink2.svg');
  background-color: #E6F5FC;
}
.page-share2 .copied {
  position: absolute;
  top: 100%;
  left: -50px;
  width: 160px;
  font-weight: 400;
  margin-top: 5px;
}
.footer-seo .text, .footer-seo .text a:not(.btn) { color: #7f7f7f; }
.footer-seo .text h1 {
	margin-bottom: 20px;
}
.footer-seo .text h1, .footer-seo .text h2, .footer-seo .text h3, .footer-seo .text h4, .footer-seo .text h5 {
	font-size: 14px;
	font-family: 'Prompt', sans-serif;
	color: #7f7f7f;
}
@media (max-width: 1199.98px) {
	.footer-seo .text h1 { margin-bottom: 10px; }
	.footer-seo .text h1, .footer-seo .text h2, .footer-seo .text h3, .footer-seo .text h4, .footer-seo .text h5 { font-size: 12px; }
}
.blog-trend-ctr { font-size: 36px; color: #2563C4; font-family: 'bogue-boldregular', sans-serif; }
.blog-header { border-bottom: 2px solid #0762CB; margin-bottom: 30px; }
.blog-search-wrapper {
	position: fixed;
	top: 32px; left: 0;
	width: 100%; height: 100px;
	background: #fff;
	opacity: 0; visibility: hidden;
	z-index: 101;
}
.blog-search-wrapper.active { opacity: 1; visibility: visible; }
.blog-categories-wrapper { position: relative; }
.blog-search-header { padding-top: 30px; padding-bottom: 30px; }
.blog-search-icon { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nsearch.svg') center no-repeat; cursor: pointer; }
.blog-search-icon-mobile { display: none; width: 25px; height: 25px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nsearch.svg') center no-repeat; cursor: pointer; }
.form-search-blog, .form-search-blog-mobile { position: relative; }
.form-search-blog .btn, .form-search-blog-mobile .btn { position: absolute; top: 0; width: 35px; background: url('https://www.beautyhaul.com/assets/n/css/images2/nsearch.svg') no-repeat center; padding: unset; }
.form-search-blog-mobile .btn { background-image: url('https://www.beautyhaul.com/assets/n/css/images2/nback.svg'); }
.form-search-blog .form-control { padding-left: 35px; }
.form-search-blog-mobile .form-control { padding-left: 35px; }
.blog-bg-overlay {
	position: fixed;
	top: 32px; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);
	transition: all .3s ease-in-out;
	opacity: 0; visibility: hidden;
	z-index: 100;
}
.blog-bg-overlay.open { opacity: 1; visibility: visible; }
.tags-wrapper { margin-top: 12px; }
.btn-tags {
	border: 1px solid #0762CB;
	color: #0762CB;
	padding: 0 12px;
	font-size: 16px; font-weight: 400;
	font-family: 'Prompt', sans-serif;
	height: 30px; line-height: 30px;
	margin-right: 8px; margin-bottom: 8px;
}
@media (max-width: 1199.98px) {
	.blog-search-icon-mobile { display: inline-block; }
	.blog-search-icon { display: none; }
}
@media (max-width: 991.98px) {
	.blog-bg-overlay, .blog-search-wrapper { top: 25px; }
}
@media (max-width: 767.98px) {
	.blog-bg-overlay, .blog-search-wrapper { top: 20px; }
	.blog-trend-ctr { font-size: 24px; }
	.header-bar.in-blog { height: unset; }
}
.breadcrumbs {
	font-weight: 700;
	font-size: 0;
	line-height: 1.3;
	margin: 0 0 17px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--blue);
}
ul.breadcrumbs { overflow-x: auto; white-space: nowrap; }
.breadcrumbs li { display: inline-block; font-size: 24px; }
.page-product .breadcrumbs li { display: inline-block; font-size: 14px; }
ul.breadcrumbs::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
}
.page-product .breadcrumbs > .breadcrumb-item + .breadcrumb-item::before {
	background-size: 60%;
	left: 6px;
	top: 50%;
}
.page-product .breadcrumbs > .breadcrumb-item + .breadcrumb-item {
	padding-left: 20px;
}
@media (max-width: 1199.98px) {
	.breadcrumbs li { font-size: 16px; }
	.breadcrumbs > .breadcrumb-item + .breadcrumb-item {
		padding-left: 20px;
	}
	.breadcrumbs > .breadcrumb-item + .breadcrumb-item::before {
		display: inline-block;
	}
	.breadcrumbs > .breadcrumb-item + .breadcrumb-item::before {
		background-size: 70%;
		left: 6px;
		top: 55%;
	}
	.breadcrumbs .breadcrumb-item:not(.active) {
		display: inline-block;
	}
}
@media (max-width: 767.98px) {
	.breadcrumbs li, .page-product .breadcrumbs li { font-size: 12px; }
	.breadcrumbs > .breadcrumb-item + .breadcrumb-item::before {
		background-size: 60%;
		left: 6px;
		top: 45%;
	}
}
.posrel { position: relative; }
.mbag-close, .mbag-closex, .mbag-close-blue {
	position: absolute;
	top: -15px; right: -15px;
	width: 30px; height: 30px;
	background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-black-close-rounded.svg') no-repeat center;
	background-size: cover;
	z-index: 10;
}
.mbag-closex {
	top: -25px; right: -25px;
	width: 50px; height: 50px;
	cursor: pointer;
}
.mbag-close-blue{
	background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-close-blue.svg') no-repeat center;
	top: -40px; right: -40px;
	width: 32px; height: 32px;
    background-size: contain;
    cursor: pointer;
}
@media screen and (max-width: 481px) {
    .mbag-close-blue{
        right: -30px;
    }
}
.vote-div {
	margin-top: 30px;
}
.vote-div-top {
	margin-top: 20px;
}
.vote-item {
	background: #fff;
	box-shadow: 0px 12px 20px rgba(18, 38, 63, 0.0314);
	border-radius: 6px;
	cursor: pointer;
	border: 2px solid transparent;
	margin-bottom: 30px;
}
.vote-item img { border-radius: 6px 6px 0 0; }
.vote-item.active { border-color: #0762CB; box-shadow: none; }
.vote-item .caption {
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	padding: 5px;
}
.vote-winner h3 { font-size: 28px; }
.vote-div .category-title {
	font-weight: 600;
	font-size: 28px;
	text-transform: uppercase;
}
.vote-item .brand {
	font-weight: 600;
	font-size: 16px;
}
.vote-item .title {
	height: 54px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}
.vote-item .vote-subcat {
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
}
.vote-sticky {
	position: fixed;
	top: 153px; left: 0;
	padding-left: 15px;
	width: 100%;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	z-index: 99;
	display: none;
}
.vote-sticky .blog-categories-wrapper > ul { width: 950px; }
.vote-sticky .blog-categories { padding-bottom: 10px; color: #000; text-transform: uppercase; }
.vote-sticky .blog-categories .active > a, .blog-categories a:hover { color: #0762CB; }
@media(max-width: 767px) {
	.vote-sticky .blog-categories { font-size: 14px; }
	.vote-div .category-title { font-size: 16px; }
	.vote-item .vote-subcat { font-size: 16px; }
	.vote-item .brand { font-size: 14px; }
	.vote-item .title { font-size: 12px; }
	.vote-sticky { display: block; }
	.vote-winner.page-content { padding-top: 210px; }
	.vote-winner .vote-div.active { display: block; }
	.vote-winner .vote-div { display: none; }
	.vote-winner h3 { font-size: 14px; }
}
.captcha-img img { width: 100%; }

.brand-clamp {
	display: block;
	display: -webkit-box;
    line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    height: 3em;
}
.brand-clamp.open {
    line-clamp: unset;
	-webkit-line-clamp: unset;
	overflow: unset;
    height: unset;
}
.brand-clamp.clamp-margin {
	margin-bottom: 10px !important;
}
.brand-show-more {
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
@media(max-width: 767px) {
	.brand-show-more {
		font-size: 12px;
	}
}
.point-banner {
    position:relative;
    background: #E6F5FC;
    padding:16px 24px;
    border-radius:4px;
}
.point-banner .icon {
    display: block;
    padding-left: 35px;
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-image: url('https://www.beautyhaul.com/assets/n/css/images2/npoint.svg');
    background-size: 25px auto;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}
.point-link {
    position: absolute;
    top: 16px; right: 24px;
}
.point-link .btn-secondary { border: none; padding: 0 12px; }
@media (max-width: 767.98px) {
    .point-banner {
        font-size: 11px;
        padding:12px 14px;
    }
    .point-banner .icon {
        font-size: 14px;
        background-position: 0 3px;
        background-size: 14px auto;
        padding-left: 25px;
    }
    .point-link {
        top: 12px; right: 14px;
    }
    .point-link .btn-secondary {
        padding: 0 8px;
        font-size: 11px;
    }
}
.bg-notification {
    background: #fcfcfc;
}
.notification-wrapper {
    position: relative;
    background: #fff;
}
.notification-wrapper > div {
    padding: 24px 40px;
}
.notification-header {
    color: #231f20;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    border-bottom: 1px solid #e9e9e9;
}
.notification-category > .btn-notif-category {
    margin-right: 16px;
}
.btn-notif-category {
    padding: 0 16px;
    font-size: 14px; font-weight: 400;
    color: #231f20;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
}
.btn-notif-category.active {
    border-color: #1973D7;
}
.notification-card {
    line-height: 1.5;
    padding: 0 !important;
}
.notification-card-item {
    cursor: pointer;
    padding: 24px 40px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
}
.notification-card-item.unread {
    background: #F2F9FF;
}
.notification-card-title {
    font-family: 'bogue-boldregular', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #231f20;
    margin-bottom: 8px;
}
.notification-card-description {
    color: #4f4c4d;
    font-size: 14px;
    font-weight: 400;
}
.notification-card-date {
    color: #908E8F;
    font-size: 10px;
    font-weight: 400;
}
.notification-card-img {
    border-radius: 8px;
}
@media (max-width: 767.98px) {
    .notification-wrapper > div {
        padding: 12px;
    }
    .notification-card-item {
        padding: 12px;
        font-size: 12px;
    }
    .notification-category > .btn-notif-category {
        margin-right: 8px;
        margin-bottom: 8px;
    }
    .btn-notif-category {
        padding: 0 12px;
    }
    .notification-header, .notification-card-title {
        font-size: 14px;
    }
    .notification-card-description {
        font-size: 12px;
    }
}
.product-bpom-content,
.product-no-halal-content {
    font-weight: 600;
}
.product-bpom-content span,
.product-no-halal-content span {
    color: #002F6C;
}
.nhf .page-content {
    padding-top: 30px;
}

#loading-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-spinner {
    width: 20px;
    height: 20px;
    border: 4px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.form-error {
    font-size: 11px;
    color: #EB5757;
    line-height: 1.5;
    margin-top: 2px;
}

.form-error-otp {
    display: none;
}

.form-error-otp .open {
    display: block;
}

.otp-input {
    width: 40px;
    height: 40px;
}

.otp-option {
    border: 1px solid #E9E9E9;
    border-radius: .4em;
    padding: .6em .8em;
    transition: all .3s ease;
}

.otp-option:hover {
    border: 1px solid #0762CB;
}

.term-condition {
  text-align: center;
  line-height: 1.5;
  color: #706D6E;
}

.text-link {
  color: var(--blue);
  text-decoration: none;
}
.icon-delivery {
    width: 55px; height: 55px;
    background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-delivery.svg') no-repeat;
    background-size: 100%;
}
.icon-pickup {
    width: 55px; height: 55px;
    background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-pickup.svg') no-repeat;
    background-size: 100%;
}
.checkout-delivery-type {
  width: 100%;
  padding: 15px 20px;
  background: linear-gradient(89.42deg, #E7F4FF 6.86%, #F9FCFF 68.97%, #E0F5FF 98.23%);
  background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url('images2/icon-bg-pickup.svg') no-repeat, linear-gradient(#e7f4ff 100%, #f9fcff 100%, #e0f5ff 100%);
}
.checkout-delivery-type .mobile-nav-drop{
  display: none;
}
.checkout-delivery-type .pickupSearchDekstop{
  display: block;
  width: min-content;
}
.checkout-delivery-info {
    font-size: 12px;
}
.checkout-delivery-info span{
  display: block;
  width: fit-content;
  cursor: pointer;

}
.checkout-delivery-type .header {
    font-weight: 500;
    font-size: 16px;
}
.checkout-div .item.disabled {
    opacity: 0.5;
}

@media (max-width: 768px) {
  .checkout-delivery-type .pickupSearchDekstop{
    display: none;
  }
  .checkout-delivery-type .mobile-nav-drop{
    display: block;
  }
  .d-xs-none{
    display: none !important;
  }
  .w-sm-90{
    width: 90%;
  }
  .cart-head{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
  }
}

@media (min-width: 769px) {
  .d-tab-none{
    display: none !important;
  }
}

.address-delivery {
  padding-left: 25px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-delivery2.svg') no-repeat;
  background-size: contain;
}
.address-pickup {
  padding-left: 25px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-pickup2.svg') no-repeat;
  background-size: contain;
}
.address-instore {
  padding-left: 25px;
  background: url('https://www.beautyhaul.com/assets/n/css/images2/icon-instore2.svg') no-repeat;
  background-size: contain;
}

.order-type{
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  gap: 7px;
  padding-bottom: 10px;
}

.address-pinned {
	background: url(https://www.beautyhaul.com/assets/n/css/images2/pin-alamat.svg) no-repeat left center;
	padding-left: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}

.shimmer-container {
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
  0% {
      background-position: -200% 0;
  }
  100% {
      background-position: 200% 0;
  }
}