/* USAGE
@include when-xxxs  {background:#09f} (0 to 339px)
@include when-xxs   {background:#09f} (0 to 419px)
@include when-xs    {background:#09f} (0 to 599px)
@include when-gt-xs {background:#09f} (600px to screen size)
@include when-sm    {background:#f00} (0 to 959px)
@include when-gt-sm {background:#363} (960px to screen size)
*/
@keyframes aniGradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* Usage
   parent container applies: position:relative;
   child add: @include centerer;
*/
.serif, .product-highlight h3, .product-highlight .newItemContainer discount, main h3, .discount-grid .grid-item discount {
  font-family: 'All Round Gothic', 'Hiragino Maru Gothic Pro', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

html, body {
  background-color: #f1f2f6; }
  html a, body a {
    -webkit-touch-callout: default; }

body, button, select, input, textarea {
  font-family: "Noto Sans", Helvetica, Arial, tahoma, "Hiragino Maru Gothic Pro", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  font-size: 14px; }

small {
  font-family: tahoma, arial; }

img {
  vertical-align: middle; }

a:link, a:visited {
  color: #666; }

a:hover {
  color: #22D20C;
  cursor: pointer; }

dl {
  line-height: 1.44; }

dt, .bold {
  font-weight: bold; }

@media (max-width: 599px) {
  dd {
    margin-left: 0; } }

main {
  display: block; }

.container, .siteAlert {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  box-sizing: border-box; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: "";
    display: block;
    font-size: 1px;
    clear: both; }

@media (max-width: 959px) {
  .overhide {
    overflow: hidden; } }

topbar-carousel, .hidden {
  display: none; }

nobr, .nowrap, ul.square a.help, .ellip {
  white-space: nowrap; }

.subtle {
  color: #666; }

.normal {
  font-weight: normal; }

.relative {
  position: relative; }

.affix {
  position: fixed; }

.spacer {
  padding: 16px; }

.p {
  margin: 1em 0; }

.ellip {
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden; }

.md-input-messages-animation .md-input-message-animation.ys-showerror {
  opacity: 1;
  margin-top: 0; }

h5 {
  font-size: 14px; }

.alert {
  margin-bottom: 16px;
  padding: 10px 16px 11px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px; }
  .alert h4 {
    color: inherit;
    margin-top: 0; }
  .alert h5 {
    margin: 0 0 7px !important;
    padding: 0; }
  .alert > p + p {
    margin-top: 8px; }
  .alert a {
    font-weight: 400; }
  .alert.top, .alert.bottom {
    margin-bottom: 0;
    border-radius: 0; }
  .alert.top {
    border-width: 0 0 1px; }
  .alert.bottom {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 36px;
    font-size: 13px;
    border-width: 1px 0 0; }
  .alert.mini {
    padding-top: 8px;
    padding-bottom: 9px; }

.alert-general {
  border-color: #666; }

.alert-success {
  background-color: #f1ffed;
  border-color: #abed8a;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success a {
    color: #2b542c;
    white-space: nowrap; }

.alert-info {
  background-color: #DAF2FF;
  border-color: #80dbf1;
  color: #416F8C; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info a {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #fada9f;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning a {
    color: #66512c; }
  .alert-warning.resultEmpty {
    margin-top: 5px;
    border-bottom: 3px solid #f7e1b5;
    border-radius: 0;
    text-align: center; }

.alert-danger {
  background-color: #fde5e5;
  border-color: #ff8e8d;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger a {
    color: #843534; }

.smallAlert .alert {
  padding-left: 11px;
  padding-right: 11px; }

.text-success {
  color: #3c763d; }

.text-info {
  color: #31708f; }

.text-warning {
  color: #8a6d3b; }

.text-danger {
  color: #a94442; }

.contentWidth {
  max-width: 780px;
  box-sizing: border-box; }

.noIndent, .noPoint {
  padding-inline-start: 16px;
  margin-inline-start: 0; }
  .noIndent li, .noPoint li {
    margin: 8px 0; }

.noPoint {
  padding-inline-start: 0 !important;
  list-style-type: none; }

.remark {
  color: #666;
  font-weight: normal; }
  .remark.dialog-grey {
    color: #A9A9A9; }

.material-icons.fontSize {
  font-size: 14px; }
  .material-icons.fontSize.active {
    color: #22D20C; }

md-menu-item.active button {
  font-weight: bold;
  color: #22D20C; }

.truncate-content {
  display: block;
  --lh: 1.4em;
  --max-lines: 6;
  line-height: var(--lh); }
  .truncate-content P:first-child {
    margin-top: 0; }
  .truncate-content p {
    text-align: left; }
  .truncate-content.truncate-overflow {
    display: -webkit-box;
    max-height: calc(var(--lh) * var(--max-lines));
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    .truncate-content.truncate-overflow p {
      margin: 0; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.noStyle, .ys-multiple-accordion ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .noStyle li, .ys-multiple-accordion ul li {
    display: block; }

.noStyle.inlineChild li {
  display: inline-block; }

ul.square {
  list-style: square outside none;
  padding-block: 0;
  padding-inline: 12px 0;
  -webkit-padding-start: 16px; }
  ul.square:not(.defaultMargin) {
    margin: 0; }
  ul.square li {
    padding: 0;
    margin-bottom: 6px; }
    ul.square li:last-child {
      margin-bottom: 0; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, ul.square {
    padding-left: 15px; } }
.linkUnderline a, a.linkUnderline {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #999;
  text-decoration: none;
  border-bottom: 1px solid transparent; }
  .linkUnderline a:hover, a.linkUnderline:hover {
    border-color: #22D20C !important; }
  .linkUnderline a:hover, .linkUnderline a.colorReverse, a.linkUnderline:hover, a.linkUnderline.colorReverse {
    color: #22D20C !important; }

.md-ys-theme.roundCorner {
  margin: 0;
  padding: 0;
  width: 100%; }
  .md-ys-theme.roundCorner.autoWidth {
    width: auto; }
  .md-ys-theme.roundCorner md-select {
    margin: 0;
    height: 36px;
    color: #444;
    border: 1px solid #dfe0e6;
    border-radius: 4px; }
    .md-ys-theme.roundCorner md-select .md-select-value, .md-ys-theme.roundCorner md-select:focus:not([disabled]) .md-select-value {
      align-items: baseline;
      border: none;
      padding: 7px 4px 0 10px; }
    .md-ys-theme.roundCorner md-select .md-select-value.md-select-placeholder {
      color: #212121; }
  .md-ys-theme.roundCorner md-select:hover {
    border-color: #22D20C; }
  .md-ys-theme.roundCorner .md-select-icon:after {
    top: 3px;
    transform: scaleY(0.5) scaleX(1); }

.round-btn-wrapper .round-btn {
  -webkit-transition: 0.3s;
  transition: 0.3s; }
.round-btn-wrapper.slicer .round-btn {
  margin: 0;
  padding: 0 10px;
  min-width: 32px;
  line-height: 72px;
  height: 72px;
  border: none;
  background: white;
  overflow: hidden; }
.round-btn-wrapper.medium .round-btn {
  margin: 0 5px;
  padding: 0 5px;
  line-height: 40px;
  min-height: 40px;
  font-weight: bold;
  text-transform: none; }
.round-btn-wrapper.small .round-btn {
  margin: 0 3px;
  padding: 0 5px;
  min-width: 38px;
  line-height: 34px;
  height: 38px;
  text-transform: none; }
  .round-btn-wrapper.small .round-btn.vary {
    padding: 0; }
  .round-btn-wrapper.small .round-btn.current, .round-btn-wrapper.small .round-btn.current:hover {
    color: #3eaf34 !important;
    border-color: #22D20C;
    cursor: default; }
  .round-btn-wrapper.small .round-btn.icon-angle-right {
    margin-right: 0; }
.round-btn-wrapper.small .separate {
  margin-left: 3px;
  margin-right: 3px; }
  .round-btn-wrapper.small .separate .round-btn {
    margin-left: 0;
    margin-right: 0; }
.round-btn-wrapper .dotted {
  margin: 0 3px;
  padding: 0;
  min-width: 14px;
  line-height: 34px;
  height: 38px;
  text-transform: none;
  cursor: default;
  border: none;
  font-family: arial;
  font-siae: 16px;
  font-weight: bold; }
  .round-btn-wrapper .dotted:hover {
    background: none; }
.round-btn-wrapper .round-btn {
  color: #666;
  border: 1px solid #dfe0e6;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff; }
  .round-btn-wrapper .round-btn:not(.md-raised):not([disabled]):hover {
    color: #22D20C; }
  .round-btn-wrapper .round-btn:first-child {
    margin-inline-start: 0; }
  .round-btn-wrapper .round-btn:last-child {
    margin-inline-end: 0; }
  .round-btn-wrapper .round-btn:hover:not([disabled]) {
    background: #fff;
    border-color: #22D20C; }
  .round-btn-wrapper .round-btn[disabled] {
    color: #bbb; }
  .round-btn-wrapper .round-btn.md-raised {
    box-shadow: none;
    border: none; }
.round-btn-wrapper.round-btn-group {
  margin-right: -3px; }
  .round-btn-wrapper.round-btn-group .round-btn {
    margin: 0;
    border-radius: 0;
    box-sizing: border-box; }
    .round-btn-wrapper.round-btn-group .round-btn:hover {
      position: relative;
      z-index: 1; }
    .round-btn-wrapper.round-btn-group .round-btn.md-button {
      min-width: 0 !important; }
      .round-btn-wrapper.round-btn-group .round-btn.md-button:first-child {
        margin-right: -1px;
        border-radius: 4px 0 0 4px; }
      .round-btn-wrapper.round-btn-group .round-btn.md-button:last-child {
        margin-left: -1px;
        border-radius: 0 4px 4px 0; }
      .round-btn-wrapper.round-btn-group .round-btn.md-button.md-primary {
        border-right: 1px solid rgba(0, 0, 0, 0.2); }
        .round-btn-wrapper.round-btn-group .round-btn.md-button.md-primary:first-child {
          margin-right: 0; }
        .round-btn-wrapper.round-btn-group .round-btn.md-button.md-primary:last-child {
          margin-left: 0;
          border-right: 0; }
.round-btn-wrapper.primary-group {
  margin: 0; }
.round-btn-wrapper.primary-group .md-primary {
  box-shadow: none;
  border: none; }

a.pill-btn.digit {
  font-size: 13px; }
a.pill-btn.shield {
  font-size: 14px;
  color: #000;
  margin: 4px 0;
  height: auto;
  display: flex;
  line-height: 1; }
  a.pill-btn.shield > img {
    margin: 0 4px 0 -2px; }

.pill-btn-wrapper {
  margin: 12px 0 -8px; }
  .pill-btn-wrapper .pill-btn:last-child {
    margin-right: 0; }
  .pill-btn-wrapper .pill-btn:not(.fixedWidth) .icon:before {
    margin-right: 1px;
    font-size: 17px; }
  .pill-btn-wrapper .pill-btn:not(.fixedWidth) .icon.icon-star:before {
    font-size: 19px; }

a.pill-btn:hover {
  color: #666;
  border-color: #22D20C; }
a.pill-btn:hover .icon-angle-right {
  color: #22D20C; }

.pill-btn, a.pill-btn {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 4px;
  padding: 0 10px;
  height: 34px;
  line-height: 32px;
  max-width: 100%;
  font-size: 12px;
  color: #999;
  background: white;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #dfe0e6;
  text-decoration: none;
  outline: none; }
  .pill-btn.small, a.pill-btn.small {
    margin-right: 0;
    height: 24px;
    /*@-moz-document url-prefix() { &.icon-video{line-height:18px;} }*/ }
    .pill-btn.small.icon-video, a.pill-btn.small.icon-video {
      width: 24px;
      margin: 0;
      padding: 0;
      background: #fff;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35); }
      .pill-btn.small.icon-video:before, a.pill-btn.small.icon-video:before {
        width: 22px;
        height: 22px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        line-height: 22px; }
  .pill-btn.darker .icon, a.pill-btn.darker .icon {
    color: #555; }
  .pill-btn.fixedWidth, a.pill-btn.fixedWidth {
    min-width: 34px;
    padding: 0 !important;
    text-align: center; }
  .pill-btn.brandLanding .icon, a.pill-btn.brandLanding .icon {
    margin-right: -2px; }
  .pill-btn .flag-icon, a.pill-btn .flag-icon {
    margin: 0 auto;
    border-radius: 50%; }
  .pill-btn .icon-angle-right:before, a.pill-btn .icon-angle-right:before {
    margin: -2px 0 0 8px;
    line-height: 32px; }
  .pill-btn .icon:before, a.pill-btn .icon:before {
    margin-top: 0; }
  .pill-btn .icon-video:before, a.pill-btn .icon-video:before {
    margin-top: 1px;
    margin-left: -1px;
    font-size: 18px; }

@media (max-width: 599px) {
  .md-button.button-xs {
    min-height: 24px;
    line-height: 24px;
    margin: 3px 8px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  a.pill-btn .icon:before {
    margin-top: -3px; }

  a.pill-btn .icon-video:before {
    margin-top: -1px; } }
@supports (-moz-appearance: none) {
  a.pill-btn .icon:before {
    margin-top: 0px; } }
.bottomButton {
  padding: 0 16px;
  border-top: 2px solid #f1f2f6; }
  .bottomButton .md-button {
    margin: 8px 0;
    width: 100%;
    color: #999;
    background: white !important;
    text-transform: none; }
    .bottomButton .md-button:hover {
      color: #22D20C;
      background: white; }

.exchangedAmount {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 3px 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  white-space: nowrap; }

.md-button {
  padding: 0 11px; }
  .md-button.no-shadow:not([disabled]), .md-button.md-primary.no-shadow:not([disabled]) {
    box-shadow: none; }
  .md-button.wrap-button {
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 19px;
    white-space: normal; }
    .md-button.wrap-button b {
      white-space: nowrap; }
    @media (max-width: 599px) {
      .md-button.wrap-button {
        padding: 9px 0; } }
  .md-button.md-raised.md-warn[disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .md-button.md-raised.md-warn:not([disabled]) {
    background: #e54242; }
  .md-button.md-raised.md-warn:hover:not([disabled]) {
    background: #d63636; }
  .md-button.md-fab {
    padding: 0; }

.no-shadow .md-button:not([disabled]), .no-shadow .md-button.md-primary:not([disabled]) {
  box-shadow: none; }

actionrow {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-content: center;
  max-width: 100%; }
  actionrow[align=right]:not(.layout-align-space-between-center) {
    justify-content: flex-end; }
  actionrow[align=right] .md-button {
    margin-inline-end: 0; }
  actionrow[align=center] {
    justify-content: center; }
  actionrow[align=left]:not(.layout-align-space-between-center) {
    justify-content: flex-start; }
  actionrow[align=left] .md-button {
    margin-inline-start: 0; }
  @media (max-width: 599px) {
    actionrow[xs-align=stretch] {
      flex-direction: column;
      align-items: stretch; }
      actionrow[xs-align=stretch] .md-button {
        margin: 8px 0; } }

md-checkbox.md-default-theme.md-primary:not([disabled]):not(.md-checked) .md-icon, md-checkbox.md-primary:not([disabled]):not(.md-checked) .md-icon {
  border-color: #aaa;
  background: #f8f8f8; }

md-checkbox.md-checked .md-icon:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 10px; }
md-checkbox .md-container, md-checkbox md-checkbox .md-icon {
  width: 18px;
  height: 18px; }
md-checkbox .md-icon {
  border-width: 1px;
  border-color: #09f;
  left: unset;
  inset-inline-start: 0; }
md-checkbox .md-label {
  margin-left: 28px; }

.gradientTop:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px; }

.countdown {
  color: #f33; }

.icon-star:before, .icon-star:hover:before {
  color: #ffbe05; }

.colored .icon-myfav:before {
  color: #22D20C; }

.regular-bg {
  background: #63c956; }

.bronze-bg {
  background: #eb8b4c; }

.silver-bg {
  background: #5a85b4; }

.gold-bg {
  background: #fbbc00; }

.ig-silver-bg {
  background: linear-gradient(135deg, #ffd600 10%, #ff7a00 25%, #ff0069 45%, #d300c5 60%, #7638fa 90%); }

.progressWrapper {
  position: relative; }
  .progressWrapper md-progress-circular {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px; }

.videoWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.verticleBar {
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0 3px;
  color: #999;
  font-size: 13px;
  font-weight: normal; }

body.md-toast-animating {
  overflow: auto !important; }

md-toast {
  -webkit-transition: all 0s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-dialog-container {
  position: fixed;
  top: 0 !important;
  overflow: hidden; }

md-progress-circular path {
  stroke-linecap: round;
  stroke: #22D20C; }

.transit, .childLinkTransit a {
  -webkit-transition: 0.3s;
  transition: 0.3s; }

input:focus, textarea:focus, select:focus {
  outline: none; }

.spinner .path {
  stroke: #4caf50;
  stroke-dasharray: 85;
  -webkit-transform-origin: center;
  transform-origin: center; }

.circularSpinner {
  -webkit-animation: spin 0.6s infinite linear;
  -moz-animation: spin 0.6s infinite linear;
  -o-animation: spin 0.6s infinite linear;
  animation: spin 0.6s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
a.md-button:not([disabled]).md-focused, .md-button:not([disabled]).md-focused {
  background-color: transparent; }

.ysCheckboxRadioWrapper md-checkbox, .ysCheckboxRadioWrapper md-radio-button {
  width: 100%;
  margin: 14px 0 2px; }
  .ysCheckboxRadioWrapper md-checkbox .md-container, .ysCheckboxRadioWrapper md-radio-button .md-container {
    top: -1px;
    transform: translateY(0);
    -webkit-transform: translateY(0); }
.ysCheckboxRadioWrapper.parentSection .childColumn {
  margin: 0;
  padding: 0; }

html[dir=rtl] .align-left {
  text-align: right; }
html[dir=rtl] .align-right {
  text-align: left; }
html[dir=rtl] .round-btn-wrapper.small .round-btn.icon-angle-right {
  margin-right: 3px;
  margin-left: 0; }

md-input-container {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 17px !important; }
  md-input-container:not(md-input-container.roundCorner) label {
    position: relative !important;
    display: block !important;
    inset: unset !important;
    width: 100% !important;
    padding: 0 !important;
    transform: none !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin-block-end: 2px !important;
    color: #666 !important;
    opacity: 1 !important;
    transition: color .3s !important; }
  md-input-container:not(md-input-container.roundCorner) input, md-input-container:not(md-input-container.roundCorner) md-select-value, md-input-container:not(md-input-container.roundCorner) textarea {
    padding-block: 0 !important;
    padding-inline: 12px !important;
    margin: 0 !important;
    color: #333333 !important;
    min-height: 44px !important;
    font-size: 14px !important;
    line-height: 17px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-start-start-radius: 8px !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 4px !important;
    border-end-end-radius: 8px !important; }
    md-input-container:not(md-input-container.roundCorner) input[disabled], md-input-container:not(md-input-container.roundCorner) md-select-value[disabled], md-input-container:not(md-input-container.roundCorner) textarea[disabled] {
      background-color: #F6F6F6 !important;
      border: 1px solid #E9EBF1 !important;
      pointer-events: none; }
    md-input-container:not(md-input-container.roundCorner) input:has(~ md-icon, ~ .flagIcon, ~ .icon), md-input-container:not(md-input-container.roundCorner) md-select-value:has(~ md-icon, ~ .flagIcon, ~ .icon), md-input-container:not(md-input-container.roundCorner) textarea:has(~ md-icon, ~ .flagIcon, ~ .icon) {
      padding-inline-end: 37px !important; }
  md-input-container:not(md-input-container.roundCorner) textarea {
    padding-block: 11.5px !important; }
  md-input-container:not(md-input-container.roundCorner):has(.endAdornment) input {
    padding-inline-end: 37px !important; }
  md-input-container .endAdornment {
    position: absolute;
    inset-block-start: 28px !important;
    inset-inline-end: 9px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important; }
    md-input-container .endAdornment:not(.flagIcon) {
      width: 24px !important;
      height: 24px !important;
      margin: 0 !important; }
  md-input-container md-select-value {
    padding-inline-end: 9px;
    transition: all .3s; }
    md-input-container md-select-value > span:not(.md-select-icon) {
      opacity: 0; }
      md-input-container md-select-value > span:not(.md-select-icon):has(.md-text) {
        opacity: 1; }
    md-input-container md-select-value > span.md-select-icon {
      color: #81817F !important;
      margin-inline: 8px 0 !important;
      padding-inline-end: 4px !important; }
    md-input-container md-select-value.md-select-placeholder:not(.md-input-focused [aria-hidden="true"].md-select-placeholder) > span:first-child {
      opacity: 1; }
    md-input-container md-select-value.md-select-placeholder span:first-child {
      transition: none !important;
      transform: none !important;
      color: #B4B4B6; }
  md-input-container md-datepicker._md-datepicker-has-triangle-icon {
    padding: 0 !important;
    margin: 0 !important; }
  md-input-container md-datepicker input {
    padding-inline-end: 37px !important; }
  md-input-container md-datepicker .md-datepicker-triangle-button {
    height: 100% !important;
    inset-block: 0 auto !important;
    inset-inline: auto 0 !important;
    margin-inline-end: 18px !important; }
  md-input-container textarea {
    padding-block: 9.5px !important; }
  md-input-container .md-errors-spacer {
    height: 0 !important;
    min-height: 0 !important; }
  md-input-container:not([disable]):not(.md-input-focused) input, md-input-container:not([disable]):not(.md-input-focused) textarea, md-input-container:not([disable]):not(.md-input-focused) md-select-value {
    border-color: #DFE0E6 !important; }
  md-input-container:not([disable]).md-input-focused label, md-input-container:not([disable]).md-input-focused label.md-required:after, md-input-container:not([disable]):hover label, md-input-container:not([disable]):hover label.md-required:after {
    color: #22D20C !important; }
  md-input-container:not([disable]).md-input-focused input, md-input-container:not([disable]).md-input-focused textarea, md-input-container:not([disable]).md-input-focused md-select-value, md-input-container:not([disable]):hover input, md-input-container:not([disable]):hover textarea, md-input-container:not([disable]):hover md-select-value {
    border-color: #22D20C !important; }
  md-input-container:not([disable]).md-input-invalid label, md-input-container:not([disable]).md-input-invalid label.md-required:after, md-input-container:not([disable]).md-input-invalid .md-input-message-animation {
    color: #FF4E4C !important; }
  md-input-container:not([disable]).md-input-invalid input, md-input-container:not([disable]).md-input-invalid textarea, md-input-container:not([disable]).md-input-invalid md-select-value {
    border-color: #FF4E4C !important; }
  md-input-container .md-input-message-animation, md-input-container .hint, md-input-container .remark {
    padding-block: 3px 0 !important; }
  md-input-container .ng-inactive {
    display: none; }
  md-input-container > * {
    order: 1 !important; }
  md-input-container::after {
    content: none !important; }
  md-input-container:has([disabled]) .hint, md-input-container:has([disabled]):hover .hint, md-input-container:has(input[disabled]) .hint, md-input-container:has(input[disabled]):hover .hint {
    color: #B4B4B6 !important; }
  md-input-container:has([disabled]) label, md-input-container:has([disabled]) label.md-required:after, md-input-container:has([disabled]):hover label, md-input-container:has([disabled]):hover label.md-required:after, md-input-container:has(input[disabled]) label, md-input-container:has(input[disabled]) label.md-required:after, md-input-container:has(input[disabled]):hover label, md-input-container:has(input[disabled]):hover label.md-required:after {
    color: #666 !important; }
  md-input-container:has([disabled]) input, md-input-container:has([disabled]) textarea, md-input-container:has([disabled]) md-select-value, md-input-container:has([disabled]):hover input, md-input-container:has([disabled]):hover textarea, md-input-container:has([disabled]):hover md-select-value, md-input-container:has(input[disabled]) input, md-input-container:has(input[disabled]) textarea, md-input-container:has(input[disabled]) md-select-value, md-input-container:has(input[disabled]):hover input, md-input-container:has(input[disabled]):hover textarea, md-input-container:has(input[disabled]):hover md-select-value {
    border-color: #E9EBF1 !important;
    background-color: #F6F6F6 !important; }
  @media (min-width: 600px) {
    .layout-gt-xs-row md-input-container.flex-50 {
      max-width: calc(50% - 2px) !important; } }

md-select.md-default-theme:not(.roundCorner md-select), md-select:not(.roundCorner md-select) {
  margin-block-start: 0 !important; }
  md-select.md-default-theme:not(.roundCorner md-select):not(md-input-container md-select):not(.helpcontent md-select), md-select:not(.roundCorner md-select):not(md-input-container md-select):not(.helpcontent md-select) {
    margin-block-end: 17px !important; }
  md-select.md-default-theme:not(.roundCorner md-select) md-select-value, md-select:not(.roundCorner md-select) md-select-value {
    padding-inline-start: 12px !important;
    padding-inline-end: 9px !important;
    padding-block: 0 !important;
    display: flex;
    flex-direction: row;
    gap: 8px;
    min-height: 42px !important;
    border-color: #dfe0e6;
    border-width: 1px !important;
    border-style: solid !important;
    border-start-start-radius: 8px !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 4px !important;
    border-end-end-radius: 8px !important; }
    md-select.md-default-theme:not(.roundCorner md-select) md-select-value .md-select-icon:after, md-select:not(.roundCorner md-select) md-select-value .md-select-icon:after {
      color: #81817F;
      margin: 0 !important; }
  md-select.md-default-theme:not(.roundCorner md-select):not([disabled]):focus md-select-value, md-select.md-default-theme:not(.roundCorner md-select):not([disabled]):hover md-select-value, md-select:not(.roundCorner md-select):not([disabled]):focus md-select-value, md-select:not(.roundCorner md-select):not([disabled]):hover md-select-value {
    border-color: #22D20C !important; }
  md-select.md-default-theme:not(.roundCorner md-select).ng-invalid.ng-touched .md-select-value, md-select:not(.roundCorner md-select).ng-invalid.ng-touched .md-select-value {
    border-color: #FF4E4C !important; }
  md-select.md-default-theme:not(.roundCorner md-select)[disabled], md-select:not(.roundCorner md-select)[disabled] {
    border-color: #E9EBF1 !important;
    background: #F6F6F6 !important; }
    md-select.md-default-theme:not(.roundCorner md-select)[disabled] md-select-value, md-select:not(.roundCorner md-select)[disabled] md-select-value {
      background-image: none !important; }

.roundCorner md-select {
  border-start-start-radius: 8px !important;
  border-start-end-radius: 0 !important;
  border-end-start-radius: 4px !important;
  border-end-end-radius: 8px !important;
  height: 42px !important; }
  .roundCorner md-select[disabled] {
    border-color: #E9EBF1 !important;
    background: #F6F6F6 !important; }
    .roundCorner md-select[disabled] md-select-value {
      background-image: none !important;
      margin-block-end: 0 !important; }
.roundCorner md-select-value {
  border-start-start-radius: 8px !important;
  border-start-end-radius: 0 !important;
  border-end-start-radius: 4px !important;
  border-end-end-radius: 8px !important;
  padding-block: 0 !important;
  display: flex !important;
  align-items: center !important; }

md-radio-button:not([disabled]) .md-ink-ripple .md-off {
  border-color: #1E1E1E !important; }
md-radio-button:not([disabled]) .md-ink-ripple .md-on {
  background-color: #1E1E1E !important; }
md-radio-button:not([disabled]) .md-ink-ripple, md-radio-button:not([disabled]) .md-ink-ripple::before, md-radio-button:not([disabled]) .md-ink-ripple .md-ripple-container {
  color: rgba(30, 30, 30, 0.26) !important; }
md-radio-button:not([disabled]):not(.md-checked) .md-ink-ripple .md-off {
  border-color: #AAA !important; }

md-checkbox:not([disabled]):not(.md-checked) .md-icon {
  background: #FCFCFC !important; }
md-checkbox.md-checked:not([disabled]) .md-ink-ripple {
  color: rgba(30, 30, 30, 0.87) !important; }
  md-checkbox.md-checked:not([disabled]) .md-ink-ripple .md-icon {
    background-color: #1E1E1E !important; }

.basicButton, .primaryButton, .outlinedButton, .textButton, .md-cancel-button, .md-confirm-button {
  border-start-start-radius: 8px !important;
  border-start-end-radius: 0 !important;
  border-end-start-radius: 4px !important;
  border-end-end-radius: 8px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  padding-inline: 14px !important; }

.primaryButton:not([disabled]) {
  background-color: #1E1E1E !important;
  color: #fff !important; }
  .primaryButton:not([disabled]):hover {
    background-color: #21F409 !important;
    color: #1E1E1E !important; }
    .primaryButton:not([disabled]):hover .icon {
      color: #1E1E1E !important; }
    .primaryButton:not([disabled]):hover svg path {
      fill: #1E1E1E !important; }
.primaryButton[disabled] {
  background-color: #E0E0E0 !important;
  color: #999 !important;
  pointer-events: none !important; }

.outlinedButton {
  min-height: 36px !important;
  border: 1px solid transparent !important; }
  .outlinedButton:not([disabled]) {
    border-color: #DFE0E6 !important;
    background: #FFF !important;
    color: #444 !important; }
    .outlinedButton:not([disabled]):hover {
      color: #22D20C !important;
      border-color: #22D20C !important; }
  .outlinedButton[disabled] {
    background-color: #E0E0E0 !important;
    border-color: #E0E0E0 !important;
    color: #999 !important;
    pointer-events: none !important; }

.textButton:not([disabled]), .md-cancel-button:not([disabled]), .md-confirm-button:not([disabled]) {
  background-color: transparent !important;
  color: #444 !important; }
  .textButton:not([disabled]):hover, .md-cancel-button:not([disabled]):hover, .md-confirm-button:not([disabled]):hover {
    background-color: #DAFFD6 !important;
    color: #22D20C !important; }
.textButton[disabled], .md-cancel-button[disabled], .md-confirm-button[disabled] {
  background-color: #E0E0E0 !important;
  color: #999 !important;
  pointer-events: none !important; }

md-toolbar:not(.md-menu-toolbar) {
  background: linear-gradient(105deg, #22D20C, #23F20B) !important; }

md-tab-item.md-active {
  color: #333333 !important; }

md-switch.md-checked.md-primary .md-bar {
  background: #9CFA92 !important; }
md-switch.md-checked.md-primary .md-thumb {
  background: #22D20C !important; }

.md-button:not([disabled]).md-default-theme.md-primary.md-raised, .md-button:not([disabled]).md-primary.md-raised, .md-button:not([disabled]).md-default-theme.md-primary.md-fab, .md-button:not([disabled]).md-primary.md-fab {
  background-color: #21F409; }

/* USAGE
@include when-xxxs  {background:#09f} (0 to 339px)
@include when-xxs   {background:#09f} (0 to 419px)
@include when-xs    {background:#09f} (0 to 599px)
@include when-gt-xs {background:#09f} (600px to screen size)
@include when-sm    {background:#f00} (0 to 959px)
@include when-gt-sm {background:#363} (960px to screen size)
*/
@keyframes aniGradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* Usage
   parent container applies: position:relative;
   child add: @include centerer;
*/
.serif, .product-highlight h3, .product-highlight .newItemContainer discount, main h3, .discount-grid .grid-item discount {
  font-family: 'All Round Gothic', 'Hiragino Maru Gothic Pro', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

/* USAGE
@include when-xxxs  {background:#09f} (0 to 339px)
@include when-xxs   {background:#09f} (0 to 419px)
@include when-xs    {background:#09f} (0 to 599px)
@include when-gt-xs {background:#09f} (600px to screen size)
@include when-sm    {background:#f00} (0 to 959px)
@include when-gt-sm {background:#363} (960px to screen size)
*/
@keyframes aniGradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* Usage
   parent container applies: position:relative;
   child add: @include centerer;
*/
.serif, .product-highlight h3, .product-highlight .newItemContainer discount, main h3, .discount-grid .grid-item discount {
  font-family: 'All Round Gothic', 'Hiragino Maru Gothic Pro', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

.product-highlight {
  padding: 24px 0 30px;
  background-color: #fff;
  /* Minimum height is set to prevent jumping when Ajax loading new content */ }
  @media (min-width: 960px) {
    .product-highlight {
      max-height: 580px;
      padding-left: 10px;
      padding-right: 10px; } }
  .product-highlight h3 {
    margin: 0;
    color: #333;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    font-weight: normal; }
    @media (max-width: 959px) {
      .product-highlight h3 {
        padding-left: 12px;
        padding-right: 12px; } }
    @media (min-width: 960px) {
      .product-highlight h3 {
        font-size: 32px;
        line-height: 38px; } }
  .product-highlight .item-list {
    position: relative;
    display: flex;
    width: 100%;
    padding: 22px 10px 30px;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none; }
    @media (min-width: 960px) {
      .product-highlight .item-list {
        padding-block-start: 24px; } }
    .product-highlight .item-list::-webkit-scrollbar {
      display: none; }
    .product-highlight .item-list .icon-angle-left {
      left: -7px; }
      .product-highlight .item-list .icon-angle-left:before {
        margin-right: 3px; }
    .product-highlight .item-list .icon-angle-right {
      right: -7px; }
      .product-highlight .item-list .icon-angle-right:before {
        margin-left: 3px; }
    .product-highlight .item-list .md-button {
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
      position: absolute;
      top: 114px;
      z-index: 3;
      min-width: 38px;
      width: 38px;
      height: 38px;
      padding: 0;
      color: #333;
      background: #fff;
      border-radius: 50%;
      box-sizing: border-box; }
      .product-highlight .item-list .md-button[disabled] {
        color: #bbb; }
      .product-highlight .item-list .md-button:not([disabled]):hover {
        color: #22D20C;
        box-shadow: 0 0 1px #63c956; }
    .product-highlight .item-list .itemContainer {
      width: calc((100vw - 30px)*0.5);
      padding: 0 8px; }
      @media (min-width: 600px) {
        .product-highlight .item-list .itemContainer {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 960px) {
        .product-highlight .item-list .itemContainer {
          width: 20%; } }
      @media only screen and (max-width: 1126px) and (min-width: 960px) {
        .product-highlight .item-list .itemContainer:not(:nth-child(-n+7)) {
          display: none; } }
      .product-highlight .item-list .itemContainer a {
        width: 100%;
        height: 100%;
        background: #fff;
        box-sizing: border-box;
        border-radius: 16px;
        text-decoration: none;
        border-start-start-radius: 20px !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 10px !important;
        border-end-end-radius: 20px !important; }
        .product-highlight .item-list .itemContainer a, .product-highlight .item-list .itemContainer a:hover {
          color: #212121; }
      .product-highlight .item-list .itemContainer .itemCover {
        border-start-start-radius: 20px !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 0 !important;
        border-end-end-radius: 0 !important;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        height: 160px;
        max-height: 216px; }
        @media (min-width: 600px) {
          .product-highlight .item-list .itemContainer .itemCover {
            height: 180px; } }
        @media only screen and (min-width: 1040px) {
          .product-highlight .item-list .itemContainer .itemCover {
            height: 216px; } }
      .product-highlight .item-list .itemContainer .itemContent {
        padding: 12px 10px 16px;
        border-start-start-radius: 0 !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 10px !important;
        border-end-end-radius: 20px !important; }
        .product-highlight .item-list .itemContainer .itemContent .itemTitle {
          padding: 0;
          margin-block-end: 8px; }
        .product-highlight .item-list .itemContainer .itemContent .itemTitle, .product-highlight .item-list .itemContainer .itemContent .itemPrice {
          line-height: 16px; }
        .product-highlight .item-list .itemContainer .itemContent .itemPrice s, .product-highlight .item-list .itemContainer .itemContent .itemPrice span {
          white-space: nowrap; }
        .product-highlight .item-list .itemContainer .itemContent .itemPrice s {
          color: #666;
          padding-left: 2px;
          padding-right: 2px; }
          .product-highlight .item-list .itemContainer .itemContent .itemPrice s:before, .product-highlight .item-list .itemContainer .itemContent .itemPrice s:after {
            content: "\00a0"; }
        .product-highlight .item-list .itemContainer .itemContent .itemPrice {
          gap: 4px; }
        .product-highlight .item-list .itemContainer .itemContent .nowrap, .product-highlight .item-list .itemContainer .itemContent ul.square a.help, ul.square .product-highlight .item-list .itemContainer .itemContent a.help {
          font-size: 12px; }
  .product-highlight .grey-button {
    margin: 0; }
  @media (min-width: 600px) {
    .product-highlight.flash-sales-fashion {
      min-height: 426px; }
      .product-highlight.flash-sales-fashion .item-list {
        min-height: 306px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.flash-sales-fashion {
      min-height: 462px; }
      .product-highlight.flash-sales-fashion .item-list {
        min-height: 342px; } }
  @media (min-width: 600px) {
    .product-highlight.flash-sales-beauty {
      min-height: 462px;
      /*min-height:497px;*/ }
      .product-highlight.flash-sales-beauty .item-list {
        min-height: 346px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.flash-sales-beauty {
      min-height: 502px;
      /*min-height:533px;*/ }
      .product-highlight.flash-sales-beauty .item-list {
        min-height: 382px; } }
  @media (min-width: 600px) {
    .product-highlight.clearance-fashion {
      min-height: 391px; }
      .product-highlight.clearance-fashion .item-list {
        min-height: 275px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.clearance-fashion {
      min-height: 431px; }
      .product-highlight.clearance-fashion .item-list {
        min-height: 311px; } }
  @media (min-width: 600px) {
    .product-highlight.clearance-beauty {
      min-height: 435px; }
      .product-highlight.clearance-beauty .item-list {
        min-height: 315px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.clearance-beauty {
      min-height: 471px; }
      .product-highlight.clearance-beauty .item-list {
        min-height: 351px; } }
  .product-highlight[class*="lowest-price"], .product-highlight[class*="lowest-price"] .item-list {
    padding-bottom: 27px; }
  @media (min-width: 600px) {
    .product-highlight.lowest-price-fashion {
      min-height: 429px; }
      .product-highlight.lowest-price-fashion .item-list {
        min-height: 303px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.lowest-price-fashion {
      min-height: 469px; }
      .product-highlight.lowest-price-fashion .item-list {
        min-height: 339px; } }
  @media (min-width: 600px) {
    .product-highlight.lowest-price-beauty {
      min-height: 473px; }
      .product-highlight.lowest-price-beauty .item-list {
        min-height: 343px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.lowest-price-beauty {
      min-height: 509px; }
      .product-highlight.lowest-price-beauty .item-list {
        min-height: 379px; } }
  .product-highlight.row-item-6 {
    padding: 4px 0 20px;
    background: none; }
    @media (min-width: 960px) {
      .product-highlight.row-item-6 {
        padding-left: 12px;
        padding-right: 12px; } }
    .product-highlight.row-item-6 .item-list {
      position: relative;
      padding-left: 7px;
      padding-right: 7px;
      min-height: 295px; }
      @media (min-width: 960px) {
        .product-highlight.row-item-6 .item-list {
          padding-left: 9px;
          padding-right: 9px; } }
      .product-highlight.row-item-6 .item-list .itemContainer {
        padding-inline: 8px; }
        @media (min-width: 960px) {
          .product-highlight.row-item-6 .item-list .itemContainer {
            width: calc(100% / 6); }
            .product-highlight.row-item-6 .item-list .itemContainer:not(:nth-child(-n+6)) {
              display: none; } }
        @media only screen and (max-width: 1100px) and (min-width: 960px) {
          .product-highlight.row-item-6 .item-list .itemContainer .reviewCount {
            display: none; } }
        .product-highlight.row-item-6 .item-list .itemContainer a {
          display: block;
          border-radius: 8px; }
        .product-highlight.row-item-6 .item-list .itemContainer .ratingRow {
          margin-block-start: 8px; }
          .product-highlight.row-item-6 .item-list .itemContainer .ratingRow:before, .product-highlight.row-item-6 .item-list .itemContainer .ratingRow > .colored:before {
            font-size: 15px;
            line-height: 15px; }
          .product-highlight.row-item-6 .item-list .itemContainer .ratingRow .reviewCount {
            padding-block: 0;
            font-size: 11px;
            line-height: 14px; }
        .product-highlight.row-item-6 .item-list .itemContainer .itemCover .icon-video, .product-highlight.row-item-6 .item-list .itemContainer .itemCover:before {
          display: none; }
        @media (min-width: 600px) {
          .product-highlight.row-item-6 .item-list .itemContainer .itemCover {
            height: 160px; } }
        @media only screen and (min-width: 1040px) {
          .product-highlight.row-item-6 .item-list .itemContainer .itemCover {
            height: 180px; } }
        .product-highlight.row-item-6 .item-list .itemContainer .openNewTab:before {
          line-height: 27px; }
      .product-highlight.row-item-6 .item-list .loadingMask {
        position: absolute;
        z-index: 4;
        background: rgba(241, 242, 246, 0.65); }
    .product-highlight.row-item-6 .showMoreRow {
      margin: 0 0 30px; }
  .product-highlight .newItemContainer .itemPriceWrapper {
    width: 100%;
    overflow: hidden;
    gap: 0 4px;
    align-items: flex-end; }
  .product-highlight .newItemContainer .itemPrice {
    font-size: 14px;
    line-height: 1.2; }
  .product-highlight .newItemContainer .itemSellPrice {
    font-size: 12px;
    line-height: 16px;
    text-decoration: line-through;
    color: #666666; }
  .product-highlight .newItemContainer discount {
    position: absolute;
    z-index: 5;
    top: -3px;
    inset-inline-end: 4px;
    max-width: calc(100% - 24px);
    white-space: nowrap;
    padding-inline: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    overflow: hidden;
    background-color: #f33;
    border-start-start-radius: 8px !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 4px !important;
    border-end-end-radius: 8px !important;
    font-weight: normal !important;
    box-shadow: -1.25px 1.25px rgba(0, 0, 0, 0.15); }
    .product-highlight .newItemContainer discount.flashSale {
      background-color: #fa6997; }
    .product-highlight .newItemContainer discount div {
      margin: 0 !important; }
    @media (min-width: 960px) {
      .product-highlight .newItemContainer discount {
        margin-top: 0px;
        padding-inline: 10px;
        font-size: 15px;
        line-height: 24px; } }
    html.translated-rtl .product-highlight .newItemContainer discount, html[dir=rtl] .product-highlight .newItemContainer discount {
      box-shadow: 1.25px 1.25px 0px 0px rgba(0, 0, 0, 0.15); }

/* AllRoundGothic-Demi */
@font-face {
  font-family: 'All Round Gothic';
  font-style: normal;
  font-display: auto;
  font-stretch: normal;
  font-weight: 400;
  src: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/fonts/AllRoundGothic-Demi.woff2) format("woff2"), url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/fonts/AllRoundGothic-Demi.ttf) format("truetype"); }
/* Commonly used style for Home, Beauty Front and Special Offers Pages */
main h3, main h4, main p {
  margin: 0;
  color: #333;
  text-align: center; }
main h3 {
  font-weight: normal; }
main heading sup {
  text-transform: lowercase; }
main h3 {
  font-size: 26px;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 0.5em; }
  @media (min-width: 960px) {
    main h3 {
      font-size: 30px;
      line-height: 30px; } }
main h4 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500; }
main .showMoreRow {
  margin: 0; }
main md-grid-tile div.ng-scope {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; }
main md-grid-tile ul {
  margin: 0;
  padding: 0;
  list-style: none;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 15%;
  text-align: center;
  width: 100%;
  max-width: 460px !important; }
  main md-grid-tile ul > li {
    display: inline-block;
    width: 185px;
    margin: 8px; }
    @media (max-width: 419px) {
      main md-grid-tile ul > li {
        width: 40%; } }
    main md-grid-tile ul > li a {
      -webkit-transition: 0.2s;
      transition: 0.2s;
      background: rgba(255, 255, 255, 0.85);
      color: #444;
      display: block;
      text-decoration: none;
      padding: 8px; }
      main md-grid-tile ul > li a:hover {
        -webkit-transform: scale(1.06, 1.06);
        -ms-transform: scale(1.06, 1.06);
        transform: scale(1.06, 1.06);
        color: #22D20C; }
main md-grid-tile .thislook {
  color: #FFF;
  position: absolute;
  bottom: 1em;
  right: 1em; }
main md-grid-tile:hover h3 {
  text-shadow: 0 2px 8px black;
  text-decoration: underline; }
main md-grid-tile:hover .pg {
  -webkit-transform: scale(1.06, 1.06);
  -ms-transform: scale(1.06, 1.06);
  transform: scale(1.06, 1.06);
  -webkit-filter: brightness(0.75);
  -moz-filter: brightness(0.75);
  filter: brightness(0.75); }

@media (min-width: 960px) {
  .contentWrap {
    padding-left: 0;
    padding-right: 0; } }

.px-0 {
  padding-left: 0;
  padding-right: 0; }

heading, discount {
  display: block;
  margin: 0;
  color: #333;
  font-size: 22px;
  line-height: 1.2;
  font-weight: normal;
  text-align: center; }
  heading.italic, heading[italic*=''], discount.italic, discount[italic*=''] {
    font-style: italic; }

.card-hover {
  position: relative;
  box-sizing: border-box;
  background: #fff; }
  .card-hover:before, .card-hover:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: Min(10px, 2%);
    width: calc( 50% - Min(10px, 2%) );
    height: 8px;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 14px 10px #777;
    -moz-box-shadow: 0 14px 10px #777;
    box-shadow: 0 14px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  .card-hover:after {
    right: Min(10px, 2%);
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg); }
  @media (min-width: 960px) {
    .card-hover.card-transparent .flipclock-wrapper {
      background: none !important; } }

.insert-banner {
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
  overflow: hidden; }
  .insert-banner picture, .insert-banner img {
    display: block;
    width: 100%; }
  .insert-banner picture {
    position: absolute; }
  @media only screen and (max-width: 375px) {
    .insert-banner img {
      -webkit-transform: scale(1.2);
      transform: scale(1.2); } }
  @media only screen and (max-width: 460px) {
    .insert-banner img {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }

[class*='discount-banner'] {
  position: relative;
  padding: 15px 8px 16px;
  box-sizing: border-box; }
  @media (min-width: 960px) {
    [class*='discount-banner'] {
      padding: 16px 16px 17px; }
      [class*='discount-banner'].lighttheme a, [class*='discount-banner'].lighttheme .restriction {
        color: rgba(0, 0, 0, 0.5); } }
  [class*='discount-banner'] .couponCode {
    padding: 0 4px;
    border: 1px dotted white;
    border-radius: 4px; }
  [class*='discount-banner'] a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap; }
    [class*='discount-banner'] a:hover {
      color: #fff !important; }
  [class*='discount-banner'] a, [class*='discount-banner'] .restriction {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: normal; }
  [class*='discount-banner'] .restriction {
    margin-top: 6px;
    text-align: center; }
  [class*='discount-banner'] .bold, [class*='discount-banner'] .couponCode {
    color: #EEF230;
    margin-inline-start: 4px; }

.discount-banner {
  font-size: 16px;
  font-weight: bold;
  padding-top: 16px;
  padding-bottom: 16px; }
  @media (min-width: 960px) {
    .discount-banner {
      padding-top: 23px;
      padding-bottom: 23px;
      font-size: 22px; } }
  .discount-banner div.layout-row > div {
    margin-left: 3px;
    margin-right: 3px; }
  .discount-banner .couponCode {
    margin-top: -1px; }
  .discount-banner .vDivider {
    width: 1px;
    height: 13px;
    margin: 4px 6px;
    background-color: rgba(255, 255, 255, 0.3); }
    @media (min-width: 960px) {
      .discount-banner .vDivider {
        height: 16px;
        margin: 7px 11px 0; } }

.limited-discount-banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media (min-width: 960px) {
    .limited-discount-banner :first-child .x-divider > :not(:first-child) {
      position: relative;
      margin-inline-start: 21px; }
      .limited-discount-banner :first-child .x-divider > :not(:first-child):before {
        position: absolute;
        content: "";
        display: block;
        inset-inline-start: -11px;
        inset-block: calc((100% - 14px)/2);
        background-color: rgba(255, 255, 255, 0.3);
        height: 14px;
        width: 1px; } }
  @media (max-width: 959px) {
    .limited-discount-banner :first-child .x-divider > :not(:first-child) {
      position: relative;
      margin-inline-start: 23px; }
      .limited-discount-banner :first-child .x-divider > :not(:first-child):before {
        position: absolute;
        content: "";
        display: block;
        inset-inline-start: -12px;
        inset-block: calc((100% - 29px)/2);
        background-color: rgba(255, 255, 255, 0.3);
        height: 29px;
        width: 1px; } }
  .limited-discount-banner :nth-child(2).x-divider > :not(:first-child):before {
    content: "";
    margin-inline: 10px;
    width: 1px;
    height: 9px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3); }
  .limited-discount-banner .text-pink {
    color: #ff0090; }
  .limited-discount-banner .bold {
    color: #EEF230; }
  .limited-discount-banner .offer {
    display: flex; }
    .limited-discount-banner .offer span {
      font-size: 16px;
      line-height: 19px;
      font-weight: bold;
      font-family: "Noto Sans", Helvetica, Arial, tahoma, "Hiragino Maru Gothic Pro", "Microsoft YaHei", "Hiragino Sans GB", sans-serif !important; }
      @media (min-width: 960px) {
        .limited-discount-banner .offer span {
          font-size: 20px;
          line-height: 24px; } }
      .limited-discount-banner .offer span + span {
        font-size: 12px;
        line-height: 16px;
        font-weight: normal; }
        @media (min-width: 960px) {
          .limited-discount-banner .offer span + span {
            font-size: 20px;
            line-height: 24px;
            margin-inline-start: 5px; } }
  .limited-discount-banner > div:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px; }
    @media (min-width: 960px) {
      .limited-discount-banner > div:nth-child(2) {
        font-size: 14px;
        line-height: 17px; } }
  .limited-discount-banner a {
    position: absolute;
    bottom: 11px;
    inset-inline-end: 26px;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    transition: color .3s; }
    .limited-discount-banner a:not(:hover) {
      color: rgba(255, 255, 255, 0.7); }
    .limited-discount-banner a:hover {
      color: #fff !important; }
    @media (max-width: 959px) {
      .limited-discount-banner a {
        inset: 0; }
        .limited-discount-banner a, .limited-discount-banner a:hover {
          color: transparent !important; } }
  @media (min-width: 960px) {
    .limited-discount-banner.lighttheme :first-child .x-divider > :not(:first-child) {
      position: relative;
      margin-inline-start: 21px; }
      .limited-discount-banner.lighttheme :first-child .x-divider > :not(:first-child):before {
        position: absolute;
        content: "";
        display: block;
        inset-inline-start: -11px;
        inset-block: calc((100% - 14px)/2);
        background-color: rgba(0, 0, 0, 0.3);
        height: 14px;
        width: 1px; } }
  @media (max-width: 959px) {
    .limited-discount-banner.lighttheme :first-child .x-divider > :not(:first-child) {
      position: relative;
      margin-inline-start: 33px; }
      .limited-discount-banner.lighttheme :first-child .x-divider > :not(:first-child):before {
        position: absolute;
        content: "";
        display: block;
        inset-inline-start: -17px;
        inset-block: calc((100% - 29px)/2);
        background-color: rgba(0, 0, 0, 0.3);
        height: 29px;
        width: 1px; } }
  .limited-discount-banner.lighttheme :nth-child(2).x-divider > :not(:first-child):before {
    background-color: rgba(0, 0, 0, 0.3); }
  .limited-discount-banner.lighttheme a {
    color: rgba(0, 0, 0, 0.5); }

.discount-grid {
  padding: 0 8px;
  margin-bottom: 30px;
  box-sizing: border-box;
  /* Calculation 1220(max. page width) + 17(scroller width) */ }
  @media (max-width: 959px) {
    .discount-grid {
      /* Below CSS is to overwrite the width of 1st promotion card */ }
      .discount-grid:not(.beauty-discount-grid) .flex-50.flex-gt-sm-33:first-child {
        flex: 100%; }
        .discount-grid:not(.beauty-discount-grid) .flex-50.flex-gt-sm-33:first-child, .discount-grid:not(.beauty-discount-grid) .flex-50.flex-gt-sm-33:first-child .grid-item.card-hover {
          max-width: 100%; } }
  @media (min-width: 960px) {
    .discount-grid {
      padding: 0 18px;
      margin-bottom: 40px; } }
  @media (min-width: 1261px) {
    .discount-grid {
      margin-left: -12px;
      margin-right: -12px;
      padding: 0; } }
  .discount-grid > div {
    padding-bottom: 30px; }
    @media (min-width: 600px) {
      .discount-grid > div {
        padding-bottom: 40px; } }
  .discount-grid .grid-item {
    position: relative;
    display: block;
    height: 100%;
    margin: 0 8px;
    background-size: auto 46vw;
    text-decoration: none;
    z-index: 1; }
    .discount-grid .grid-item:hover {
      color: #666; }
    @media (min-width: 600px) {
      .discount-grid .grid-item {
        margin: 0 8px 0; } }
    @media (min-width: 960px) {
      .discount-grid .grid-item {
        margin: 0 12px 0;
        height: 100%;
        background-size: auto; } }
    .discount-grid .grid-item .grid-img {
      position: relative;
      top: 0;
      display: block;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      background-color: rgba(255, 255, 255, 0.6);
      height: calc( (50vw - 32px) * 1.16); }
      @media (min-width: 600px) {
        .discount-grid .grid-item .grid-img {
          height: calc( 50vw - 32px ); } }
      @media (min-width: 960px) {
        .discount-grid .grid-item .grid-img {
          max-height: 300px; } }
    .discount-grid .grid-item discount {
      position: absolute;
      z-index: 1;
      top: -7px;
      inset-inline-end: 4px;
      padding-inline: 8px;
      font-size: 12px;
      line-height: 20px;
      color: #fff;
      overflow: hidden;
      background-color: #f33;
      border-start-start-radius: 8px !important;
      border-start-end-radius: 0 !important;
      border-end-start-radius: 4px !important;
      border-end-end-radius: 8px !important;
      font-weight: normal !important; }
      .discount-grid .grid-item discount div {
        margin: 0 !important; }
      @media (min-width: 960px) {
        .discount-grid .grid-item discount {
          margin-top: 0px;
          padding-inline: 10px;
          font-size: 15px;
          line-height: 24px; } }
    .discount-grid .grid-item .card-hover {
      top: 0;
      width: 100%;
      margin: 0 auto;
      padding: 12px 12px 16px;
      /* 1.16 is the image aspect ration Height or Width */
      height: calc(100% - (50vw - 32px) * 1.16);
      /* 100% - 270px + 60px */ }
      @media (min-width: 600px) {
        .discount-grid .grid-item .card-hover {
          height: calc(100% - (50vw - 32px)); } }
      @media (min-width: 960px) {
        .discount-grid .grid-item .card-hover {
          min-height: 61px;
          height: calc( 100% - 300px ); } }
      .discount-grid .grid-item .card-hover heading {
        font-size: 16px;
        line-height: 18px;
        display: block;
        margin-bottom: 0; }
        @media (min-width: 960px) {
          .discount-grid .grid-item .card-hover heading {
            font-size: 20px;
            line-height: 22px; } }
        .discount-grid .grid-item .card-hover heading + div + div {
          margin-top: 4px; }
      .discount-grid .grid-item .card-hover div {
        margin-top: 7px;
        text-align: center; }
        .discount-grid .grid-item .card-hover div include when-xs {
          font-size: 12px; }
  .discount-grid.beauty-discount-grid .grid-item .grid-img {
    height: calc(50vw - 32px); }
    @media (min-width: 600px) {
      .discount-grid.beauty-discount-grid .grid-item .grid-img {
        height: calc(50vw - 32px); } }
  .discount-grid.beauty-discount-grid .grid-item .card-hover {
    height: calc(100% - (50vw - 32px)); }
    @media (min-width: 960px) {
      .discount-grid.beauty-discount-grid .grid-item .card-hover {
        height: calc(100% - 300px); } }
  .discount-grid.sections ~ .product-highlight:not([class*='clearance']) {
    margin-bottom: 3px; }

.flash-sales-fashion, .flash-sales-beauty {
  position: relative;
  background-color: #fe1580; }
  .flash-sales-fashion > h3, .flash-sales-fashion > p, .flash-sales-fashion > .flipclock, .flash-sales-beauty > h3, .flash-sales-beauty > p, .flash-sales-beauty > .flipclock {
    position: relative; }
  .flash-sales-fashion p, .flash-sales-beauty p {
    margin-bottom: 10px; }
  .flash-sales-fashion h3, .flash-sales-fashion p, .flash-sales-beauty h3, .flash-sales-beauty p {
    color: #fff; }
  .flash-sales-fashion .flipclock-mini, .flash-sales-beauty .flipclock-mini {
    margin-top: 10px;
    margin-bottom: -4px; }
  .flash-sales-fashion:before, .flash-sales-beauty:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .flash-sales-fashion.blackFriday, .flash-sales-beauty.blackFriday {
    background: #000; }
  .flash-sales-fashion.cyberMonday, .flash-sales-beauty.cyberMonday {
    background: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/wk48_lppp_bg.jpg) #703ffb; }
  .flash-sales-fashion.yearEnd, .flash-sales-beauty.yearEnd {
    background: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/year_end_2022.jpg) #1b255c; }
    .flash-sales-fashion.yearEnd:before, .flash-sales-beauty.yearEnd:before {
      background: none; }

.flash-sales-fashion {
  background: linear-gradient(135deg, #fe1483 0%, #fe1483 10%, #5410c5 40%, #2ae2ee 82%, #2ae2ee 100%); }
  .flash-sales-fashion:before {
    background: linear-gradient(-145deg, #5defa4 0%, rgba(93, 239, 164, 0) 35%, rgba(93, 239, 164, 0) 100%); }

.flash-sales-beauty {
  background: linear-gradient(135deg, #45ca3b 0%, #45ca3b 8%, #08acf8 36%, #ffa0f5 82%, #ffa0f5 100%); }
  .flash-sales-beauty:before {
    background: linear-gradient(-155deg, #fefd05 0%, rgba(254, 253, 5, 0) 35%, rgba(254, 253, 5, 0) 100%); }

.lowest-price-fashion .itemTitle, .flash-sales-fashion .itemTitle, .clearance-fashion .itemTitle {
  display: none !important; }

[class*="lowest-price"].sections, .flash-sales-fashion.sections, .flash-sales-beauty.sections {
  margin-bottom: 30px; }
  @media (min-width: 960px) {
    [class*="lowest-price"].sections, .flash-sales-fashion.sections, .flash-sales-beauty.sections {
      margin-bottom: 30px; } }

.blackFriday[class*="lowest-price"], .blackFriday[class*="flash-sales"] {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/black_friday_2022.jpg);
  background-color: #000; }
  .blackFriday[class*="lowest-price"] h3, .blackFriday[class*="flash-sales"] h3 {
    color: #fff; }
  .blackFriday[class*="lowest-price"] .flipclock-mini, .blackFriday[class*="flash-sales"] .flipclock-mini {
    margin-top: 10px;
    margin-bottom: -4px; }

.backToSchool[class*="lowest-price"], .backToSchool[class*="flash-sales"] {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/back_to_school_2022.jpg);
  background-color: #9a73b1; }

/* Lowest Price Sale */
/*
[class*="lowest-price"]{
	background-size:140% 100%; background-image:url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/l_lowest_price_ever.jpg); background-color:#140128; background-repeat:no-repeat; background-position:center; overflow:hidden;
	@include when-gt-xs {background-size:120% 100%;}
	@include when-gt-sm {background-size:100% 100%;}
	h3{color:#fff; text-shadow:0 0 4px #fff, 0 0 6px #fff, 0 0 10px #5271ff, 0 0 18px #5271ff, 0 0 20px #5271ff;}
	.flipclock-mini{margin-top:10px; margin-bottom:-4px;}
	.restriction{
	  padding:0 16px; color:rgba(255,255,255,.75); text-align:center; 
	}
}
*/
/* Cyber Monday */
.cyberMonday[class*="lowest-price"], .cyberMonday[class*="flash-sales"] {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/cyber_monday_2022.jpg);
  background-color: #703ffb; }
  .cyberMonday[class*="lowest-price"] h3, .cyberMonday[class*="flash-sales"] h3 {
    color: #fff; }
  .cyberMonday[class*="lowest-price"] .flipclock-mini, .cyberMonday[class*="flash-sales"] .flipclock-mini {
    margin-top: 10px;
    margin-bottom: -4px; }

.YearEnd[class*="lowest-price"], .YearEnd[class*="flash-sales"] {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/year_end_2022.jpg);
  background-color: #1b255c; }

.clearance {
  background: #d90035 url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/clearance_bg_new.jpg) repeat center;
  /*.clearanceBadge{ margin:-24px 0 16px; padding:0 16px 1px; line-height:28px; background:#ffda13; border-radius:0 0 5px 5px; }*/ }
  .clearance h3, .clearance p {
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 960px) {
      .clearance h3, .clearance p {
        padding-left: 0;
        padding-right: 0; } }
  .clearance h3 {
    color: #fff;
    text-shadow: -1px 1px 0 #d90035, -2px 3px 0 rgba(0, 0, 0, 0.7); }
    .clearance h3 span {
      white-space: nowrap; }
  .clearance p {
    margin-top: 8px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.9); }
  .clearance .item-list .itemContainer .itemContent .itemDiscount {
    font-weight: bold;
    text-align: right;
    text-transform: uppercase; }

.recommended h3, .recently h3 {
  margin-bottom: 24px; }

.recommended, .recently {
  padding: 24px 8px 30px;
  background-color: #fff; }
  @media (min-width: 960px) {
    .recommended, .recently {
      padding-left: 22px;
      padding-right: 22px; } }

.recently .recently-list .itemContainer {
  padding: 0 8px 16px; }
.recently .showMoreRow {
  margin-top: 16px; }

.recommended {
  /*.itemTitle, .itemPrice {font-size:14px; color:#212121;}.itemTitle {margin-bottom:18px;}.itemPrice {margin-bottom:10px;}*/ }
  .recommended.productGrid .productList:not(.cardColumnGrid) {
    margin-top: 0;
    padding: 0; }
    .recommended.productGrid .productList:not(.cardColumnGrid) .itemContainer {
      border-width: 0; }
  .recommended h3 {
    margin-bottom: 20px; }
  .recommended .chartWrapper {
    height: 6px;
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: #e9ebf1;
    overflow: hidden; }
    .recommended .chartWrapper div {
      height: 100%;
      background: linear-gradient(to top, #fa6997, #fa6997, #f83775); }
  .recommended .nowrap, .recommended ul.square a.help, ul.square .recommended a.help {
    font-size: 12px; }

@media (min-width: 831px) and (max-width: 1270px) {
  .breadcrumbs {
    /* Special handling for Product Details Page */
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-left: 16px !important;
    margin-right: 16px !important;
    /* Special handling for Beaut Front Page */ }
    .breadcrumbs + .pageHeading {
      -webkit-transition: 0.3s;
      transition: 0.3s;
      padding: 0 15px !important; } }
.sections.banner-section {
  margin-top: -5px;
  margin-bottom: 68px; }
  @media (min-width: 600px) {
    .sections.banner-section {
      margin-bottom: 106px; } }

.banner-wrapper:not(.banner-2) {
  position: relative;
  margin: 30px auto;
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center; }
  @media (max-width: 599px) {
    .banner-wrapper:not(.banner-2) {
      margin-top: 0;
      margin-bottom: 0; } }
  @media (min-width: 600px) {
    .banner-wrapper:not(.banner-2) {
      width: 426px;
      height: 140px;
      perspective: 1400px;
      transform-style: preserve-3d; } }
  .banner-wrapper:not(.banner-2) input[type=radio] {
    transition: all .3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 116%;
    display: inline-block;
    opacity: 0.4;
    width: 13px;
    height: 13px;
    margin: 0 7px;
    background-color: #ddd;
    border: 1px solid #aaa;
    border-radius: 50%;
    background-clip: border-box;
    cursor: pointer; }
    .banner-wrapper:not(.banner-2) input[type=radio]:hover, .banner-wrapper:not(.banner-2) input[type=radio]:checked {
      opacity: 1; }
    .banner-wrapper:not(.banner-2) input[type=radio]:hover {
      background-color: #22D20C;
      border-color: #269e1d; }
    .banner-wrapper:not(.banner-2) input[type=radio]:checked {
      background-color: #888;
      border-color: #666;
      cursor: default; }
    @media (max-width: 599px) {
      .banner-wrapper:not(.banner-2) input[type=radio] {
        display: none; } }
  .banner-wrapper:not(.banner-2) input[type=radio]:nth-child(-n) {
    margin-right: 0px; }
  .banner-wrapper:not(.banner-2) input[type=radio]:nth-child(14), .banner-wrapper:not(.banner-2) input[type=radio]:nth-child(15) {
    margin-block-start: 3px; }
  .banner-wrapper:not(.banner-2) label {
    cursor: pointer; }
    @media (max-width: 599px) {
      .banner-wrapper:not(.banner-2) label {
        width: calc( 100% - 16px );
        max-width: 426px;
        margin: 0 auto 16px;
        display: block;
        box-sizing: border-box; } }
    @media (min-width: 600px) {
      .banner-wrapper:not(.banner-2) label {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: transform 400ms ease;
        transform: translate3d(0%, 0, -300px); } }
    .banner-wrapper:not(.banner-2) label .banner {
      position: relative; }
    .banner-wrapper:not(.banner-2) label .overlay-block {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      left: 0;
      top: 0; }
    .banner-wrapper:not(.banner-2) label, .banner-wrapper:not(.banner-2) label h3 {
      font-family: "Noto Sans", Helvetica, Arial, tahoma, "Hiragino Maru Gothic Pro", "Microsoft YaHei", "Hiragino Sans GB", sans-serif !important; }
    .banner-wrapper:not(.banner-2) label h3 {
      font-weight: bold;
      text-transform: unset; }
.banner-wrapper.banner-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media (min-width: 960px) {
    .banner-wrapper.banner-2 {
      flex-direction: row;
      flex-wrap: wrap; } }
  .banner-wrapper.banner-2 label {
    height: calc( (100% - 16px)/3 );
    width: calc( 100% - 16px );
    max-width: 426px;
    max-height: 140px; }
    @media (min-width: 960px) {
      .banner-wrapper.banner-2 label {
        height: calc( (50% - 16px)/3 );
        width: calc( 50% - 16px );
        margin: 16px; } }
    .banner-wrapper.banner-2 label:not(:last-child) {
      margin-bottom: 16px; }
@media (min-width: 600px) {
  .banner-wrapper.banner-1 label {
    transform: translate3d(0%, 0, 0) !important; } }

/* Slider Functionality */
.banner-3 #s1:checked ~ #slide1, .banner-3 #s2:checked ~ #slide2, .banner-3 #s3:checked ~ #slide3, .banner-4 #s1:checked ~ #slide1, .banner-4 #s2:checked ~ #slide2, .banner-4 #s3:checked ~ #slide3, .banner-4 #s4:checked ~ #slide4, .banner-5 #s1:checked ~ #slide1, .banner-5 #s2:checked ~ #slide2, .banner-5 #s3:checked ~ #slide3, .banner-5 #s4:checked ~ #slide4, .banner-5 #s5:checked ~ #slide5, .banner-6 #s1:checked ~ #slide1, .banner-6 #s2:checked ~ #slide2, .banner-6 #s3:checked ~ #slide3, .banner-6 #s4:checked ~ #slide4, .banner-6 #s5:checked ~ #slide5, .banner-6 #s6:checked ~ #slide6, .banner-7 #s1:checked ~ #slide1, .banner-7 #s2:checked ~ #slide2, .banner-7 #s3:checked ~ #slide3, .banner-7 #s4:checked ~ #slide4, .banner-7 #s5:checked ~ #slide5, .banner-7 #s6:checked ~ #slide6, .banner-7 #s7:checked ~ #slide7, .banner-8 #s1:checked ~ #slide1, .banner-8 #s2:checked ~ #slide2, .banner-8 #s3:checked ~ #slide3, .banner-8 #s4:checked ~ #slide4, .banner-8 #s5:checked ~ #slide5, .banner-8 #s6:checked ~ #slide6, .banner-8 #s7:checked ~ #slide7, .banner-8 #s8:checked ~ #slide8, .banner-9 #s1:checked ~ #slide1, .banner-9 #s2:checked ~ #slide2, .banner-9 #s3:checked ~ #slide3, .banner-9 #s4:checked ~ #slide4, .banner-9 #s5:checked ~ #slide5, .banner-9 #s6:checked ~ #slide6, .banner-9 #s7:checked ~ #slide7, .banner-9 #s8:checked ~ #slide8, .banner-9 #s9:checked ~ #slide9, .banner-10 #s1:checked ~ #slide1, .banner-10 #s2:checked ~ #slide2, .banner-10 #s3:checked ~ #slide3, .banner-10 #s4:checked ~ #slide4, .banner-10 #s5:checked ~ #slide5, .banner-10 #s6:checked ~ #slide6, .banner-10 #s7:checked ~ #slide7, .banner-10 #s8:checked ~ #slide8, .banner-10 #s9:checked ~ #slide9, .banner-10 #s10:checked ~ #slide10, .banner-11 #s1:checked ~ #slide1, .banner-11 #s2:checked ~ #slide2, .banner-11 #s3:checked ~ #slide3, .banner-11 #s4:checked ~ #slide4, .banner-11 #s5:checked ~ #slide5, .banner-11 #s6:checked ~ #slide6, .banner-11 #s7:checked ~ #slide7, .banner-11 #s8:checked ~ #slide8, .banner-11 #s9:checked ~ #slide9, .banner-11 #s10:checked ~ #slide10, .banner-11 #s11:checked ~ #slide11, .banner-12 #s1:checked ~ #slide1, .banner-12 #s2:checked ~ #slide2, .banner-12 #s3:checked ~ #slide3, .banner-12 #s4:checked ~ #slide4, .banner-12 #s5:checked ~ #slide5, .banner-12 #s6:checked ~ #slide6, .banner-12 #s7:checked ~ #slide7, .banner-12 #s8:checked ~ #slide8, .banner-12 #s9:checked ~ #slide9, .banner-12 #s10:checked ~ #slide10, .banner-12 #s11:checked ~ #slide11, .banner-12 #s12:checked ~ #slide12, .banner-13 #s1:checked ~ #slide1, .banner-13 #s2:checked ~ #slide2, .banner-13 #s3:checked ~ #slide3, .banner-13 #s4:checked ~ #slide4, .banner-13 #s5:checked ~ #slide5, .banner-13 #s6:checked ~ #slide6, .banner-13 #s7:checked ~ #slide7, .banner-13 #s8:checked ~ #slide8, .banner-13 #s9:checked ~ #slide9, .banner-13 #s10:checked ~ #slide10, .banner-13 #s11:checked ~ #slide11, .banner-13 #s12:checked ~ #slide12, .banner-13 #s13:checked ~ #slide13, .banner-14 #s1:checked ~ #slide1, .banner-14 #s2:checked ~ #slide2, .banner-14 #s3:checked ~ #slide3, .banner-14 #s4:checked ~ #slide4, .banner-14 #s5:checked ~ #slide5, .banner-14 #s6:checked ~ #slide6, .banner-14 #s7:checked ~ #slide7, .banner-14 #s8:checked ~ #slide8, .banner-14 #s9:checked ~ #slide9, .banner-14 #s10:checked ~ #slide10, .banner-14 #s11:checked ~ #slide11, .banner-14 #s12:checked ~ #slide12, .banner-14 #s13:checked ~ #slide13, .banner-14 #s14:checked ~ #slide14, .banner-15 #s1:checked ~ #slide1, .banner-15 #s2:checked ~ #slide2, .banner-15 #s3:checked ~ #slide3, .banner-15 #s4:checked ~ #slide4, .banner-15 #s5:checked ~ #slide5, .banner-15 #s6:checked ~ #slide6, .banner-15 #s7:checked ~ #slide7, .banner-15 #s8:checked ~ #slide8, .banner-15 #s9:checked ~ #slide9, .banner-15 #s10:checked ~ #slide10, .banner-15 #s11:checked ~ #slide11, .banner-15 #s12:checked ~ #slide12, .banner-15 #s13:checked ~ #slide13, .banner-15 #s14:checked ~ #slide14, .banner-15 #s15:checked ~ #slide15 {
  transform: translate3d(0%, 0, 0px); }
  .banner-3 #s1:checked ~ #slide1 .overlay-block, .banner-3 #s2:checked ~ #slide2 .overlay-block, .banner-3 #s3:checked ~ #slide3 .overlay-block, .banner-4 #s1:checked ~ #slide1 .overlay-block, .banner-4 #s2:checked ~ #slide2 .overlay-block, .banner-4 #s3:checked ~ #slide3 .overlay-block, .banner-4 #s4:checked ~ #slide4 .overlay-block, .banner-5 #s1:checked ~ #slide1 .overlay-block, .banner-5 #s2:checked ~ #slide2 .overlay-block, .banner-5 #s3:checked ~ #slide3 .overlay-block, .banner-5 #s4:checked ~ #slide4 .overlay-block, .banner-5 #s5:checked ~ #slide5 .overlay-block, .banner-6 #s1:checked ~ #slide1 .overlay-block, .banner-6 #s2:checked ~ #slide2 .overlay-block, .banner-6 #s3:checked ~ #slide3 .overlay-block, .banner-6 #s4:checked ~ #slide4 .overlay-block, .banner-6 #s5:checked ~ #slide5 .overlay-block, .banner-6 #s6:checked ~ #slide6 .overlay-block, .banner-7 #s1:checked ~ #slide1 .overlay-block, .banner-7 #s2:checked ~ #slide2 .overlay-block, .banner-7 #s3:checked ~ #slide3 .overlay-block, .banner-7 #s4:checked ~ #slide4 .overlay-block, .banner-7 #s5:checked ~ #slide5 .overlay-block, .banner-7 #s6:checked ~ #slide6 .overlay-block, .banner-7 #s7:checked ~ #slide7 .overlay-block, .banner-8 #s1:checked ~ #slide1 .overlay-block, .banner-8 #s2:checked ~ #slide2 .overlay-block, .banner-8 #s3:checked ~ #slide3 .overlay-block, .banner-8 #s4:checked ~ #slide4 .overlay-block, .banner-8 #s5:checked ~ #slide5 .overlay-block, .banner-8 #s6:checked ~ #slide6 .overlay-block, .banner-8 #s7:checked ~ #slide7 .overlay-block, .banner-8 #s8:checked ~ #slide8 .overlay-block, .banner-9 #s1:checked ~ #slide1 .overlay-block, .banner-9 #s2:checked ~ #slide2 .overlay-block, .banner-9 #s3:checked ~ #slide3 .overlay-block, .banner-9 #s4:checked ~ #slide4 .overlay-block, .banner-9 #s5:checked ~ #slide5 .overlay-block, .banner-9 #s6:checked ~ #slide6 .overlay-block, .banner-9 #s7:checked ~ #slide7 .overlay-block, .banner-9 #s8:checked ~ #slide8 .overlay-block, .banner-9 #s9:checked ~ #slide9 .overlay-block, .banner-10 #s1:checked ~ #slide1 .overlay-block, .banner-10 #s2:checked ~ #slide2 .overlay-block, .banner-10 #s3:checked ~ #slide3 .overlay-block, .banner-10 #s4:checked ~ #slide4 .overlay-block, .banner-10 #s5:checked ~ #slide5 .overlay-block, .banner-10 #s6:checked ~ #slide6 .overlay-block, .banner-10 #s7:checked ~ #slide7 .overlay-block, .banner-10 #s8:checked ~ #slide8 .overlay-block, .banner-10 #s9:checked ~ #slide9 .overlay-block, .banner-10 #s10:checked ~ #slide10 .overlay-block, .banner-11 #s1:checked ~ #slide1 .overlay-block, .banner-11 #s2:checked ~ #slide2 .overlay-block, .banner-11 #s3:checked ~ #slide3 .overlay-block, .banner-11 #s4:checked ~ #slide4 .overlay-block, .banner-11 #s5:checked ~ #slide5 .overlay-block, .banner-11 #s6:checked ~ #slide6 .overlay-block, .banner-11 #s7:checked ~ #slide7 .overlay-block, .banner-11 #s8:checked ~ #slide8 .overlay-block, .banner-11 #s9:checked ~ #slide9 .overlay-block, .banner-11 #s10:checked ~ #slide10 .overlay-block, .banner-11 #s11:checked ~ #slide11 .overlay-block, .banner-12 #s1:checked ~ #slide1 .overlay-block, .banner-12 #s2:checked ~ #slide2 .overlay-block, .banner-12 #s3:checked ~ #slide3 .overlay-block, .banner-12 #s4:checked ~ #slide4 .overlay-block, .banner-12 #s5:checked ~ #slide5 .overlay-block, .banner-12 #s6:checked ~ #slide6 .overlay-block, .banner-12 #s7:checked ~ #slide7 .overlay-block, .banner-12 #s8:checked ~ #slide8 .overlay-block, .banner-12 #s9:checked ~ #slide9 .overlay-block, .banner-12 #s10:checked ~ #slide10 .overlay-block, .banner-12 #s11:checked ~ #slide11 .overlay-block, .banner-12 #s12:checked ~ #slide12 .overlay-block, .banner-13 #s1:checked ~ #slide1 .overlay-block, .banner-13 #s2:checked ~ #slide2 .overlay-block, .banner-13 #s3:checked ~ #slide3 .overlay-block, .banner-13 #s4:checked ~ #slide4 .overlay-block, .banner-13 #s5:checked ~ #slide5 .overlay-block, .banner-13 #s6:checked ~ #slide6 .overlay-block, .banner-13 #s7:checked ~ #slide7 .overlay-block, .banner-13 #s8:checked ~ #slide8 .overlay-block, .banner-13 #s9:checked ~ #slide9 .overlay-block, .banner-13 #s10:checked ~ #slide10 .overlay-block, .banner-13 #s11:checked ~ #slide11 .overlay-block, .banner-13 #s12:checked ~ #slide12 .overlay-block, .banner-13 #s13:checked ~ #slide13 .overlay-block, .banner-14 #s1:checked ~ #slide1 .overlay-block, .banner-14 #s2:checked ~ #slide2 .overlay-block, .banner-14 #s3:checked ~ #slide3 .overlay-block, .banner-14 #s4:checked ~ #slide4 .overlay-block, .banner-14 #s5:checked ~ #slide5 .overlay-block, .banner-14 #s6:checked ~ #slide6 .overlay-block, .banner-14 #s7:checked ~ #slide7 .overlay-block, .banner-14 #s8:checked ~ #slide8 .overlay-block, .banner-14 #s9:checked ~ #slide9 .overlay-block, .banner-14 #s10:checked ~ #slide10 .overlay-block, .banner-14 #s11:checked ~ #slide11 .overlay-block, .banner-14 #s12:checked ~ #slide12 .overlay-block, .banner-14 #s13:checked ~ #slide13 .overlay-block, .banner-14 #s14:checked ~ #slide14 .overlay-block, .banner-15 #s1:checked ~ #slide1 .overlay-block, .banner-15 #s2:checked ~ #slide2 .overlay-block, .banner-15 #s3:checked ~ #slide3 .overlay-block, .banner-15 #s4:checked ~ #slide4 .overlay-block, .banner-15 #s5:checked ~ #slide5 .overlay-block, .banner-15 #s6:checked ~ #slide6 .overlay-block, .banner-15 #s7:checked ~ #slide7 .overlay-block, .banner-15 #s8:checked ~ #slide8 .overlay-block, .banner-15 #s9:checked ~ #slide9 .overlay-block, .banner-15 #s10:checked ~ #slide10 .overlay-block, .banner-15 #s11:checked ~ #slide11 .overlay-block, .banner-15 #s12:checked ~ #slide12 .overlay-block, .banner-15 #s13:checked ~ #slide13 .overlay-block, .banner-15 #s14:checked ~ #slide14 .overlay-block, .banner-15 #s15:checked ~ #slide15 .overlay-block {
    display: none; }

@media (min-width: 600px) {
  .banner-3 #s1:checked ~ #slide2, .banner-3 #s2:checked ~ #slide3, .banner-3 #s3:checked ~ #slide1, .banner-4 #s1:checked ~ #slide2, .banner-4 #s2:checked ~ #slide3, .banner-4 #s3:checked ~ #slide4, .banner-4 #s4:checked ~ #slide1, .banner-5 #s1:checked ~ #slide2, .banner-5 #s2:checked ~ #slide3, .banner-5 #s3:checked ~ #slide4, .banner-5 #s4:checked ~ #slide5, .banner-5 #s5:checked ~ #slide1, .banner-6 #s1:checked ~ #slide2, .banner-6 #s2:checked ~ #slide3, .banner-6 #s3:checked ~ #slide4, .banner-6 #s4:checked ~ #slide5, .banner-6 #s5:checked ~ #slide6, .banner-6 #s6:checked ~ #slide1, .banner-7 #s1:checked ~ #slide2, .banner-7 #s2:checked ~ #slide3, .banner-7 #s3:checked ~ #slide4, .banner-7 #s4:checked ~ #slide5, .banner-7 #s5:checked ~ #slide6, .banner-7 #s6:checked ~ #slide7, .banner-7 #s7:checked ~ #slide1, .banner-8 #s1:checked ~ #slide2, .banner-8 #s2:checked ~ #slide3, .banner-8 #s3:checked ~ #slide4, .banner-8 #s4:checked ~ #slide5, .banner-8 #s5:checked ~ #slide6, .banner-8 #s6:checked ~ #slide7, .banner-8 #s7:checked ~ #slide8, .banner-8 #s8:checked ~ #slide1, .banner-9 #s1:checked ~ #slide2, .banner-9 #s2:checked ~ #slide3, .banner-9 #s3:checked ~ #slide4, .banner-9 #s4:checked ~ #slide5, .banner-9 #s5:checked ~ #slide6, .banner-9 #s6:checked ~ #slide7, .banner-9 #s7:checked ~ #slide8, .banner-9 #s8:checked ~ #slide9, .banner-9 #s9:checked ~ #slide1, .banner-10 #s1:checked ~ #slide2, .banner-10 #s2:checked ~ #slide3, .banner-10 #s3:checked ~ #slide4, .banner-10 #s4:checked ~ #slide5, .banner-10 #s5:checked ~ #slide6, .banner-10 #s6:checked ~ #slide7, .banner-10 #s7:checked ~ #slide8, .banner-10 #s8:checked ~ #slide9, .banner-10 #s9:checked ~ #slide10, .banner-10 #s10:checked ~ #slide1, .banner-11 #s1:checked ~ #slide2, .banner-11 #s2:checked ~ #slide3, .banner-11 #s3:checked ~ #slide4, .banner-11 #s4:checked ~ #slide5, .banner-11 #s5:checked ~ #slide6, .banner-11 #s6:checked ~ #slide7, .banner-11 #s7:checked ~ #slide8, .banner-11 #s8:checked ~ #slide9, .banner-11 #s9:checked ~ #slide10, .banner-11 #s10:checked ~ #slide11, .banner-11 #s11:checked ~ #slide1, .banner-12 #s1:checked ~ #slide2, .banner-12 #s2:checked ~ #slide3, .banner-12 #s3:checked ~ #slide4, .banner-12 #s4:checked ~ #slide5, .banner-12 #s5:checked ~ #slide6, .banner-12 #s6:checked ~ #slide7, .banner-12 #s7:checked ~ #slide8, .banner-12 #s8:checked ~ #slide9, .banner-12 #s9:checked ~ #slide10, .banner-12 #s10:checked ~ #slide11, .banner-12 #s11:checked ~ #slide12, .banner-12 #s12:checked ~ #slide1, .banner-13 #s1:checked ~ #slide2, .banner-13 #s2:checked ~ #slide3, .banner-13 #s3:checked ~ #slide4, .banner-13 #s4:checked ~ #slide5, .banner-13 #s5:checked ~ #slide6, .banner-13 #s6:checked ~ #slide7, .banner-13 #s7:checked ~ #slide8, .banner-13 #s8:checked ~ #slide9, .banner-13 #s9:checked ~ #slide10, .banner-13 #s10:checked ~ #slide11, .banner-13 #s11:checked ~ #slide12, .banner-13 #s12:checked ~ #slide13, .banner-13 #s13:checked ~ #slide1, .banner-14 #s1:checked ~ #slide2, .banner-14 #s2:checked ~ #slide3, .banner-14 #s3:checked ~ #slide4, .banner-14 #s4:checked ~ #slide5, .banner-14 #s5:checked ~ #slide6, .banner-14 #s6:checked ~ #slide7, .banner-14 #s7:checked ~ #slide8, .banner-14 #s8:checked ~ #slide9, .banner-14 #s9:checked ~ #slide10, .banner-14 #s10:checked ~ #slide11, .banner-14 #s11:checked ~ #slide12, .banner-14 #s12:checked ~ #slide13, .banner-14 #s13:checked ~ #slide14, .banner-14 #s14:checked ~ #slide1, .banner-15 #s1:checked ~ #slide2, .banner-15 #s2:checked ~ #slide3, .banner-15 #s3:checked ~ #slide4, .banner-15 #s4:checked ~ #slide5, .banner-15 #s5:checked ~ #slide6, .banner-15 #s6:checked ~ #slide7, .banner-15 #s7:checked ~ #slide8, .banner-15 #s8:checked ~ #slide9, .banner-15 #s9:checked ~ #slide10, .banner-15 #s10:checked ~ #slide11, .banner-15 #s11:checked ~ #slide12, .banner-15 #s12:checked ~ #slide13, .banner-15 #s13:checked ~ #slide14, .banner-15 #s14:checked ~ #slide15, .banner-15 #s15:checked ~ #slide1 {
    transform: translate3d(20vw, 0, -300px); }
    .banner-3 #s1:checked ~ #slide2 .overlay-block, .banner-3 #s2:checked ~ #slide3 .overlay-block, .banner-3 #s3:checked ~ #slide1 .overlay-block, .banner-4 #s1:checked ~ #slide2 .overlay-block, .banner-4 #s2:checked ~ #slide3 .overlay-block, .banner-4 #s3:checked ~ #slide4 .overlay-block, .banner-4 #s4:checked ~ #slide1 .overlay-block, .banner-5 #s1:checked ~ #slide2 .overlay-block, .banner-5 #s2:checked ~ #slide3 .overlay-block, .banner-5 #s3:checked ~ #slide4 .overlay-block, .banner-5 #s4:checked ~ #slide5 .overlay-block, .banner-5 #s5:checked ~ #slide1 .overlay-block, .banner-6 #s1:checked ~ #slide2 .overlay-block, .banner-6 #s2:checked ~ #slide3 .overlay-block, .banner-6 #s3:checked ~ #slide4 .overlay-block, .banner-6 #s4:checked ~ #slide5 .overlay-block, .banner-6 #s5:checked ~ #slide6 .overlay-block, .banner-6 #s6:checked ~ #slide1 .overlay-block, .banner-7 #s1:checked ~ #slide2 .overlay-block, .banner-7 #s2:checked ~ #slide3 .overlay-block, .banner-7 #s3:checked ~ #slide4 .overlay-block, .banner-7 #s4:checked ~ #slide5 .overlay-block, .banner-7 #s5:checked ~ #slide6 .overlay-block, .banner-7 #s6:checked ~ #slide7 .overlay-block, .banner-7 #s7:checked ~ #slide1 .overlay-block, .banner-8 #s1:checked ~ #slide2 .overlay-block, .banner-8 #s2:checked ~ #slide3 .overlay-block, .banner-8 #s3:checked ~ #slide4 .overlay-block, .banner-8 #s4:checked ~ #slide5 .overlay-block, .banner-8 #s5:checked ~ #slide6 .overlay-block, .banner-8 #s6:checked ~ #slide7 .overlay-block, .banner-8 #s7:checked ~ #slide8 .overlay-block, .banner-8 #s8:checked ~ #slide1 .overlay-block, .banner-9 #s1:checked ~ #slide2 .overlay-block, .banner-9 #s2:checked ~ #slide3 .overlay-block, .banner-9 #s3:checked ~ #slide4 .overlay-block, .banner-9 #s4:checked ~ #slide5 .overlay-block, .banner-9 #s5:checked ~ #slide6 .overlay-block, .banner-9 #s6:checked ~ #slide7 .overlay-block, .banner-9 #s7:checked ~ #slide8 .overlay-block, .banner-9 #s8:checked ~ #slide9 .overlay-block, .banner-9 #s9:checked ~ #slide1 .overlay-block, .banner-10 #s1:checked ~ #slide2 .overlay-block, .banner-10 #s2:checked ~ #slide3 .overlay-block, .banner-10 #s3:checked ~ #slide4 .overlay-block, .banner-10 #s4:checked ~ #slide5 .overlay-block, .banner-10 #s5:checked ~ #slide6 .overlay-block, .banner-10 #s6:checked ~ #slide7 .overlay-block, .banner-10 #s7:checked ~ #slide8 .overlay-block, .banner-10 #s8:checked ~ #slide9 .overlay-block, .banner-10 #s9:checked ~ #slide10 .overlay-block, .banner-10 #s10:checked ~ #slide1 .overlay-block, .banner-11 #s1:checked ~ #slide2 .overlay-block, .banner-11 #s2:checked ~ #slide3 .overlay-block, .banner-11 #s3:checked ~ #slide4 .overlay-block, .banner-11 #s4:checked ~ #slide5 .overlay-block, .banner-11 #s5:checked ~ #slide6 .overlay-block, .banner-11 #s6:checked ~ #slide7 .overlay-block, .banner-11 #s7:checked ~ #slide8 .overlay-block, .banner-11 #s8:checked ~ #slide9 .overlay-block, .banner-11 #s9:checked ~ #slide10 .overlay-block, .banner-11 #s10:checked ~ #slide11 .overlay-block, .banner-11 #s11:checked ~ #slide1 .overlay-block, .banner-12 #s1:checked ~ #slide2 .overlay-block, .banner-12 #s2:checked ~ #slide3 .overlay-block, .banner-12 #s3:checked ~ #slide4 .overlay-block, .banner-12 #s4:checked ~ #slide5 .overlay-block, .banner-12 #s5:checked ~ #slide6 .overlay-block, .banner-12 #s6:checked ~ #slide7 .overlay-block, .banner-12 #s7:checked ~ #slide8 .overlay-block, .banner-12 #s8:checked ~ #slide9 .overlay-block, .banner-12 #s9:checked ~ #slide10 .overlay-block, .banner-12 #s10:checked ~ #slide11 .overlay-block, .banner-12 #s11:checked ~ #slide12 .overlay-block, .banner-12 #s12:checked ~ #slide1 .overlay-block, .banner-13 #s1:checked ~ #slide2 .overlay-block, .banner-13 #s2:checked ~ #slide3 .overlay-block, .banner-13 #s3:checked ~ #slide4 .overlay-block, .banner-13 #s4:checked ~ #slide5 .overlay-block, .banner-13 #s5:checked ~ #slide6 .overlay-block, .banner-13 #s6:checked ~ #slide7 .overlay-block, .banner-13 #s7:checked ~ #slide8 .overlay-block, .banner-13 #s8:checked ~ #slide9 .overlay-block, .banner-13 #s9:checked ~ #slide10 .overlay-block, .banner-13 #s10:checked ~ #slide11 .overlay-block, .banner-13 #s11:checked ~ #slide12 .overlay-block, .banner-13 #s12:checked ~ #slide13 .overlay-block, .banner-13 #s13:checked ~ #slide1 .overlay-block, .banner-14 #s1:checked ~ #slide2 .overlay-block, .banner-14 #s2:checked ~ #slide3 .overlay-block, .banner-14 #s3:checked ~ #slide4 .overlay-block, .banner-14 #s4:checked ~ #slide5 .overlay-block, .banner-14 #s5:checked ~ #slide6 .overlay-block, .banner-14 #s6:checked ~ #slide7 .overlay-block, .banner-14 #s7:checked ~ #slide8 .overlay-block, .banner-14 #s8:checked ~ #slide9 .overlay-block, .banner-14 #s9:checked ~ #slide10 .overlay-block, .banner-14 #s10:checked ~ #slide11 .overlay-block, .banner-14 #s11:checked ~ #slide12 .overlay-block, .banner-14 #s12:checked ~ #slide13 .overlay-block, .banner-14 #s13:checked ~ #slide14 .overlay-block, .banner-14 #s14:checked ~ #slide1 .overlay-block, .banner-15 #s1:checked ~ #slide2 .overlay-block, .banner-15 #s2:checked ~ #slide3 .overlay-block, .banner-15 #s3:checked ~ #slide4 .overlay-block, .banner-15 #s4:checked ~ #slide5 .overlay-block, .banner-15 #s5:checked ~ #slide6 .overlay-block, .banner-15 #s6:checked ~ #slide7 .overlay-block, .banner-15 #s7:checked ~ #slide8 .overlay-block, .banner-15 #s8:checked ~ #slide9 .overlay-block, .banner-15 #s9:checked ~ #slide10 .overlay-block, .banner-15 #s10:checked ~ #slide11 .overlay-block, .banner-15 #s11:checked ~ #slide12 .overlay-block, .banner-15 #s12:checked ~ #slide13 .overlay-block, .banner-15 #s13:checked ~ #slide14 .overlay-block, .banner-15 #s14:checked ~ #slide15 .overlay-block, .banner-15 #s15:checked ~ #slide1 .overlay-block {
      display: block; } }
@media (min-width: 960px) {
  .banner-3 #s1:checked ~ #slide2, .banner-3 #s2:checked ~ #slide3, .banner-3 #s3:checked ~ #slide1, .banner-4 #s1:checked ~ #slide2, .banner-4 #s2:checked ~ #slide3, .banner-4 #s3:checked ~ #slide4, .banner-4 #s4:checked ~ #slide1, .banner-5 #s1:checked ~ #slide2, .banner-5 #s2:checked ~ #slide3, .banner-5 #s3:checked ~ #slide4, .banner-5 #s4:checked ~ #slide5, .banner-5 #s5:checked ~ #slide1, .banner-6 #s1:checked ~ #slide2, .banner-6 #s2:checked ~ #slide3, .banner-6 #s3:checked ~ #slide4, .banner-6 #s4:checked ~ #slide5, .banner-6 #s5:checked ~ #slide6, .banner-6 #s6:checked ~ #slide1, .banner-7 #s1:checked ~ #slide2, .banner-7 #s2:checked ~ #slide3, .banner-7 #s3:checked ~ #slide4, .banner-7 #s4:checked ~ #slide5, .banner-7 #s5:checked ~ #slide6, .banner-7 #s6:checked ~ #slide7, .banner-7 #s7:checked ~ #slide1, .banner-8 #s1:checked ~ #slide2, .banner-8 #s2:checked ~ #slide3, .banner-8 #s3:checked ~ #slide4, .banner-8 #s4:checked ~ #slide5, .banner-8 #s5:checked ~ #slide6, .banner-8 #s6:checked ~ #slide7, .banner-8 #s7:checked ~ #slide8, .banner-8 #s8:checked ~ #slide1, .banner-9 #s1:checked ~ #slide2, .banner-9 #s2:checked ~ #slide3, .banner-9 #s3:checked ~ #slide4, .banner-9 #s4:checked ~ #slide5, .banner-9 #s5:checked ~ #slide6, .banner-9 #s6:checked ~ #slide7, .banner-9 #s7:checked ~ #slide8, .banner-9 #s8:checked ~ #slide9, .banner-9 #s9:checked ~ #slide1, .banner-10 #s1:checked ~ #slide2, .banner-10 #s2:checked ~ #slide3, .banner-10 #s3:checked ~ #slide4, .banner-10 #s4:checked ~ #slide5, .banner-10 #s5:checked ~ #slide6, .banner-10 #s6:checked ~ #slide7, .banner-10 #s7:checked ~ #slide8, .banner-10 #s8:checked ~ #slide9, .banner-10 #s9:checked ~ #slide10, .banner-10 #s10:checked ~ #slide1, .banner-11 #s1:checked ~ #slide2, .banner-11 #s2:checked ~ #slide3, .banner-11 #s3:checked ~ #slide4, .banner-11 #s4:checked ~ #slide5, .banner-11 #s5:checked ~ #slide6, .banner-11 #s6:checked ~ #slide7, .banner-11 #s7:checked ~ #slide8, .banner-11 #s8:checked ~ #slide9, .banner-11 #s9:checked ~ #slide10, .banner-11 #s10:checked ~ #slide11, .banner-11 #s11:checked ~ #slide1, .banner-12 #s1:checked ~ #slide2, .banner-12 #s2:checked ~ #slide3, .banner-12 #s3:checked ~ #slide4, .banner-12 #s4:checked ~ #slide5, .banner-12 #s5:checked ~ #slide6, .banner-12 #s6:checked ~ #slide7, .banner-12 #s7:checked ~ #slide8, .banner-12 #s8:checked ~ #slide9, .banner-12 #s9:checked ~ #slide10, .banner-12 #s10:checked ~ #slide11, .banner-12 #s11:checked ~ #slide12, .banner-12 #s12:checked ~ #slide1, .banner-13 #s1:checked ~ #slide2, .banner-13 #s2:checked ~ #slide3, .banner-13 #s3:checked ~ #slide4, .banner-13 #s4:checked ~ #slide5, .banner-13 #s5:checked ~ #slide6, .banner-13 #s6:checked ~ #slide7, .banner-13 #s7:checked ~ #slide8, .banner-13 #s8:checked ~ #slide9, .banner-13 #s9:checked ~ #slide10, .banner-13 #s10:checked ~ #slide11, .banner-13 #s11:checked ~ #slide12, .banner-13 #s12:checked ~ #slide13, .banner-13 #s13:checked ~ #slide1, .banner-14 #s1:checked ~ #slide2, .banner-14 #s2:checked ~ #slide3, .banner-14 #s3:checked ~ #slide4, .banner-14 #s4:checked ~ #slide5, .banner-14 #s5:checked ~ #slide6, .banner-14 #s6:checked ~ #slide7, .banner-14 #s7:checked ~ #slide8, .banner-14 #s8:checked ~ #slide9, .banner-14 #s9:checked ~ #slide10, .banner-14 #s10:checked ~ #slide11, .banner-14 #s11:checked ~ #slide12, .banner-14 #s12:checked ~ #slide13, .banner-14 #s13:checked ~ #slide14, .banner-14 #s14:checked ~ #slide1, .banner-15 #s1:checked ~ #slide2, .banner-15 #s2:checked ~ #slide3, .banner-15 #s3:checked ~ #slide4, .banner-15 #s4:checked ~ #slide5, .banner-15 #s5:checked ~ #slide6, .banner-15 #s6:checked ~ #slide7, .banner-15 #s7:checked ~ #slide8, .banner-15 #s8:checked ~ #slide9, .banner-15 #s9:checked ~ #slide10, .banner-15 #s10:checked ~ #slide11, .banner-15 #s11:checked ~ #slide12, .banner-15 #s12:checked ~ #slide13, .banner-15 #s13:checked ~ #slide14, .banner-15 #s14:checked ~ #slide15, .banner-15 #s15:checked ~ #slide1 {
    transform: translate3d(30vw, 0, -300px); } }
@media (min-width: 1280px) {
  .banner-3 #s1:checked ~ #slide2, .banner-3 #s2:checked ~ #slide3, .banner-3 #s3:checked ~ #slide1, .banner-4 #s1:checked ~ #slide2, .banner-4 #s2:checked ~ #slide3, .banner-4 #s3:checked ~ #slide4, .banner-4 #s4:checked ~ #slide1, .banner-5 #s1:checked ~ #slide2, .banner-5 #s2:checked ~ #slide3, .banner-5 #s3:checked ~ #slide4, .banner-5 #s4:checked ~ #slide5, .banner-5 #s5:checked ~ #slide1, .banner-6 #s1:checked ~ #slide2, .banner-6 #s2:checked ~ #slide3, .banner-6 #s3:checked ~ #slide4, .banner-6 #s4:checked ~ #slide5, .banner-6 #s5:checked ~ #slide6, .banner-6 #s6:checked ~ #slide1, .banner-7 #s1:checked ~ #slide2, .banner-7 #s2:checked ~ #slide3, .banner-7 #s3:checked ~ #slide4, .banner-7 #s4:checked ~ #slide5, .banner-7 #s5:checked ~ #slide6, .banner-7 #s6:checked ~ #slide7, .banner-7 #s7:checked ~ #slide1, .banner-8 #s1:checked ~ #slide2, .banner-8 #s2:checked ~ #slide3, .banner-8 #s3:checked ~ #slide4, .banner-8 #s4:checked ~ #slide5, .banner-8 #s5:checked ~ #slide6, .banner-8 #s6:checked ~ #slide7, .banner-8 #s7:checked ~ #slide8, .banner-8 #s8:checked ~ #slide1, .banner-9 #s1:checked ~ #slide2, .banner-9 #s2:checked ~ #slide3, .banner-9 #s3:checked ~ #slide4, .banner-9 #s4:checked ~ #slide5, .banner-9 #s5:checked ~ #slide6, .banner-9 #s6:checked ~ #slide7, .banner-9 #s7:checked ~ #slide8, .banner-9 #s8:checked ~ #slide9, .banner-9 #s9:checked ~ #slide1, .banner-10 #s1:checked ~ #slide2, .banner-10 #s2:checked ~ #slide3, .banner-10 #s3:checked ~ #slide4, .banner-10 #s4:checked ~ #slide5, .banner-10 #s5:checked ~ #slide6, .banner-10 #s6:checked ~ #slide7, .banner-10 #s7:checked ~ #slide8, .banner-10 #s8:checked ~ #slide9, .banner-10 #s9:checked ~ #slide10, .banner-10 #s10:checked ~ #slide1, .banner-11 #s1:checked ~ #slide2, .banner-11 #s2:checked ~ #slide3, .banner-11 #s3:checked ~ #slide4, .banner-11 #s4:checked ~ #slide5, .banner-11 #s5:checked ~ #slide6, .banner-11 #s6:checked ~ #slide7, .banner-11 #s7:checked ~ #slide8, .banner-11 #s8:checked ~ #slide9, .banner-11 #s9:checked ~ #slide10, .banner-11 #s10:checked ~ #slide11, .banner-11 #s11:checked ~ #slide1, .banner-12 #s1:checked ~ #slide2, .banner-12 #s2:checked ~ #slide3, .banner-12 #s3:checked ~ #slide4, .banner-12 #s4:checked ~ #slide5, .banner-12 #s5:checked ~ #slide6, .banner-12 #s6:checked ~ #slide7, .banner-12 #s7:checked ~ #slide8, .banner-12 #s8:checked ~ #slide9, .banner-12 #s9:checked ~ #slide10, .banner-12 #s10:checked ~ #slide11, .banner-12 #s11:checked ~ #slide12, .banner-12 #s12:checked ~ #slide1, .banner-13 #s1:checked ~ #slide2, .banner-13 #s2:checked ~ #slide3, .banner-13 #s3:checked ~ #slide4, .banner-13 #s4:checked ~ #slide5, .banner-13 #s5:checked ~ #slide6, .banner-13 #s6:checked ~ #slide7, .banner-13 #s7:checked ~ #slide8, .banner-13 #s8:checked ~ #slide9, .banner-13 #s9:checked ~ #slide10, .banner-13 #s10:checked ~ #slide11, .banner-13 #s11:checked ~ #slide12, .banner-13 #s12:checked ~ #slide13, .banner-13 #s13:checked ~ #slide1, .banner-14 #s1:checked ~ #slide2, .banner-14 #s2:checked ~ #slide3, .banner-14 #s3:checked ~ #slide4, .banner-14 #s4:checked ~ #slide5, .banner-14 #s5:checked ~ #slide6, .banner-14 #s6:checked ~ #slide7, .banner-14 #s7:checked ~ #slide8, .banner-14 #s8:checked ~ #slide9, .banner-14 #s9:checked ~ #slide10, .banner-14 #s10:checked ~ #slide11, .banner-14 #s11:checked ~ #slide12, .banner-14 #s12:checked ~ #slide13, .banner-14 #s13:checked ~ #slide14, .banner-14 #s14:checked ~ #slide1, .banner-15 #s1:checked ~ #slide2, .banner-15 #s2:checked ~ #slide3, .banner-15 #s3:checked ~ #slide4, .banner-15 #s4:checked ~ #slide5, .banner-15 #s5:checked ~ #slide6, .banner-15 #s6:checked ~ #slide7, .banner-15 #s7:checked ~ #slide8, .banner-15 #s8:checked ~ #slide9, .banner-15 #s9:checked ~ #slide10, .banner-15 #s10:checked ~ #slide11, .banner-15 #s11:checked ~ #slide12, .banner-15 #s12:checked ~ #slide13, .banner-15 #s13:checked ~ #slide14, .banner-15 #s14:checked ~ #slide15, .banner-15 #s15:checked ~ #slide1 {
    transform: translate3d(110%, 0, -300px); } }

@media (min-width: 600px) {
  .banner-3 #s1:checked ~ #slide3, .banner-3 #s2:checked ~ #slide1, .banner-3 #s3:checked ~ #slide2, .banner-4 #s1:checked ~ #slide4, .banner-4 #s2:checked ~ #slide1, .banner-4 #s3:checked ~ #slide2, .banner-4 #s4:checked ~ #slide3, .banner-5 #s1:checked ~ #slide5, .banner-5 #s2:checked ~ #slide1, .banner-5 #s3:checked ~ #slide2, .banner-5 #s4:checked ~ #slide3, .banner-5 #s5:checked ~ #slide4, .banner-6 #s1:checked ~ #slide6, .banner-6 #s2:checked ~ #slide1, .banner-6 #s3:checked ~ #slide2, .banner-6 #s4:checked ~ #slide3, .banner-6 #s5:checked ~ #slide4, .banner-6 #s6:checked ~ #slide5, .banner-7 #s1:checked ~ #slide7, .banner-7 #s2:checked ~ #slide1, .banner-7 #s3:checked ~ #slide2, .banner-7 #s4:checked ~ #slide3, .banner-7 #s5:checked ~ #slide4, .banner-7 #s6:checked ~ #slide5, .banner-7 #s7:checked ~ #slide6, .banner-8 #s1:checked ~ #slide8, .banner-8 #s2:checked ~ #slide1, .banner-8 #s3:checked ~ #slide2, .banner-8 #s4:checked ~ #slide3, .banner-8 #s5:checked ~ #slide4, .banner-8 #s6:checked ~ #slide5, .banner-8 #s7:checked ~ #slide6, .banner-8 #s8:checked ~ #slide7, .banner-9 #s1:checked ~ #slide9, .banner-9 #s2:checked ~ #slide1, .banner-9 #s3:checked ~ #slide2, .banner-9 #s4:checked ~ #slide3, .banner-9 #s5:checked ~ #slide4, .banner-9 #s6:checked ~ #slide5, .banner-9 #s7:checked ~ #slide6, .banner-9 #s8:checked ~ #slide7, .banner-9 #s9:checked ~ #slide8, .banner-10 #s1:checked ~ #slide10, .banner-10 #s2:checked ~ #slide1, .banner-10 #s3:checked ~ #slide2, .banner-10 #s4:checked ~ #slide3, .banner-10 #s5:checked ~ #slide4, .banner-10 #s6:checked ~ #slide5, .banner-10 #s7:checked ~ #slide6, .banner-10 #s8:checked ~ #slide7, .banner-10 #s9:checked ~ #slide8, .banner-10 #s10:checked ~ #slide9, .banner-11 #s1:checked ~ #slide11, .banner-11 #s2:checked ~ #slide1, .banner-11 #s3:checked ~ #slide2, .banner-11 #s4:checked ~ #slide3, .banner-11 #s5:checked ~ #slide4, .banner-11 #s6:checked ~ #slide5, .banner-11 #s7:checked ~ #slide6, .banner-11 #s8:checked ~ #slide7, .banner-11 #s9:checked ~ #slide8, .banner-11 #s10:checked ~ #slide9, .banner-11 #s11:checked ~ #slide10, .banner-12 #s1:checked ~ #slide12, .banner-12 #s2:checked ~ #slide1, .banner-12 #s3:checked ~ #slide2, .banner-12 #s4:checked ~ #slide3, .banner-12 #s5:checked ~ #slide4, .banner-12 #s6:checked ~ #slide5, .banner-12 #s7:checked ~ #slide6, .banner-12 #s8:checked ~ #slide7, .banner-12 #s9:checked ~ #slide8, .banner-12 #s10:checked ~ #slide9, .banner-12 #s11:checked ~ #slide10, .banner-12 #s12:checked ~ #slide11, .banner-13 #s1:checked ~ #slide13, .banner-13 #s2:checked ~ #slide1, .banner-13 #s3:checked ~ #slide2, .banner-13 #s4:checked ~ #slide3, .banner-13 #s5:checked ~ #slide4, .banner-13 #s6:checked ~ #slide5, .banner-13 #s7:checked ~ #slide6, .banner-13 #s8:checked ~ #slide7, .banner-13 #s9:checked ~ #slide8, .banner-13 #s10:checked ~ #slide9, .banner-13 #s11:checked ~ #slide10, .banner-13 #s12:checked ~ #slide11, .banner-13 #s13:checked ~ #slide12, .banner-14 #s1:checked ~ #slide14, .banner-14 #s2:checked ~ #slide1, .banner-14 #s3:checked ~ #slide2, .banner-14 #s4:checked ~ #slide3, .banner-14 #s5:checked ~ #slide4, .banner-14 #s6:checked ~ #slide5, .banner-14 #s7:checked ~ #slide6, .banner-14 #s8:checked ~ #slide7, .banner-14 #s9:checked ~ #slide8, .banner-14 #s10:checked ~ #slide9, .banner-14 #s11:checked ~ #slide10, .banner-14 #s12:checked ~ #slide11, .banner-14 #s13:checked ~ #slide12, .banner-14 #s14:checked ~ #slide13, .banner-15 #s1:checked ~ #slide15, .banner-15 #s2:checked ~ #slide1, .banner-15 #s3:checked ~ #slide2, .banner-15 #s4:checked ~ #slide3, .banner-15 #s5:checked ~ #slide4, .banner-15 #s6:checked ~ #slide5, .banner-15 #s7:checked ~ #slide6, .banner-15 #s8:checked ~ #slide7, .banner-15 #s9:checked ~ #slide8, .banner-15 #s10:checked ~ #slide9, .banner-15 #s11:checked ~ #slide10, .banner-15 #s12:checked ~ #slide11, .banner-15 #s13:checked ~ #slide12, .banner-15 #s14:checked ~ #slide13, .banner-15 #s15:checked ~ #slide14 {
    transform: translate3d(-20vw, 0, -300px); }
    .banner-3 #s1:checked ~ #slide3 .overlay-block, .banner-3 #s2:checked ~ #slide1 .overlay-block, .banner-3 #s3:checked ~ #slide2 .overlay-block, .banner-4 #s1:checked ~ #slide4 .overlay-block, .banner-4 #s2:checked ~ #slide1 .overlay-block, .banner-4 #s3:checked ~ #slide2 .overlay-block, .banner-4 #s4:checked ~ #slide3 .overlay-block, .banner-5 #s1:checked ~ #slide5 .overlay-block, .banner-5 #s2:checked ~ #slide1 .overlay-block, .banner-5 #s3:checked ~ #slide2 .overlay-block, .banner-5 #s4:checked ~ #slide3 .overlay-block, .banner-5 #s5:checked ~ #slide4 .overlay-block, .banner-6 #s1:checked ~ #slide6 .overlay-block, .banner-6 #s2:checked ~ #slide1 .overlay-block, .banner-6 #s3:checked ~ #slide2 .overlay-block, .banner-6 #s4:checked ~ #slide3 .overlay-block, .banner-6 #s5:checked ~ #slide4 .overlay-block, .banner-6 #s6:checked ~ #slide5 .overlay-block, .banner-7 #s1:checked ~ #slide7 .overlay-block, .banner-7 #s2:checked ~ #slide1 .overlay-block, .banner-7 #s3:checked ~ #slide2 .overlay-block, .banner-7 #s4:checked ~ #slide3 .overlay-block, .banner-7 #s5:checked ~ #slide4 .overlay-block, .banner-7 #s6:checked ~ #slide5 .overlay-block, .banner-7 #s7:checked ~ #slide6 .overlay-block, .banner-8 #s1:checked ~ #slide8 .overlay-block, .banner-8 #s2:checked ~ #slide1 .overlay-block, .banner-8 #s3:checked ~ #slide2 .overlay-block, .banner-8 #s4:checked ~ #slide3 .overlay-block, .banner-8 #s5:checked ~ #slide4 .overlay-block, .banner-8 #s6:checked ~ #slide5 .overlay-block, .banner-8 #s7:checked ~ #slide6 .overlay-block, .banner-8 #s8:checked ~ #slide7 .overlay-block, .banner-9 #s1:checked ~ #slide9 .overlay-block, .banner-9 #s2:checked ~ #slide1 .overlay-block, .banner-9 #s3:checked ~ #slide2 .overlay-block, .banner-9 #s4:checked ~ #slide3 .overlay-block, .banner-9 #s5:checked ~ #slide4 .overlay-block, .banner-9 #s6:checked ~ #slide5 .overlay-block, .banner-9 #s7:checked ~ #slide6 .overlay-block, .banner-9 #s8:checked ~ #slide7 .overlay-block, .banner-9 #s9:checked ~ #slide8 .overlay-block, .banner-10 #s1:checked ~ #slide10 .overlay-block, .banner-10 #s2:checked ~ #slide1 .overlay-block, .banner-10 #s3:checked ~ #slide2 .overlay-block, .banner-10 #s4:checked ~ #slide3 .overlay-block, .banner-10 #s5:checked ~ #slide4 .overlay-block, .banner-10 #s6:checked ~ #slide5 .overlay-block, .banner-10 #s7:checked ~ #slide6 .overlay-block, .banner-10 #s8:checked ~ #slide7 .overlay-block, .banner-10 #s9:checked ~ #slide8 .overlay-block, .banner-10 #s10:checked ~ #slide9 .overlay-block, .banner-11 #s1:checked ~ #slide11 .overlay-block, .banner-11 #s2:checked ~ #slide1 .overlay-block, .banner-11 #s3:checked ~ #slide2 .overlay-block, .banner-11 #s4:checked ~ #slide3 .overlay-block, .banner-11 #s5:checked ~ #slide4 .overlay-block, .banner-11 #s6:checked ~ #slide5 .overlay-block, .banner-11 #s7:checked ~ #slide6 .overlay-block, .banner-11 #s8:checked ~ #slide7 .overlay-block, .banner-11 #s9:checked ~ #slide8 .overlay-block, .banner-11 #s10:checked ~ #slide9 .overlay-block, .banner-11 #s11:checked ~ #slide10 .overlay-block, .banner-12 #s1:checked ~ #slide12 .overlay-block, .banner-12 #s2:checked ~ #slide1 .overlay-block, .banner-12 #s3:checked ~ #slide2 .overlay-block, .banner-12 #s4:checked ~ #slide3 .overlay-block, .banner-12 #s5:checked ~ #slide4 .overlay-block, .banner-12 #s6:checked ~ #slide5 .overlay-block, .banner-12 #s7:checked ~ #slide6 .overlay-block, .banner-12 #s8:checked ~ #slide7 .overlay-block, .banner-12 #s9:checked ~ #slide8 .overlay-block, .banner-12 #s10:checked ~ #slide9 .overlay-block, .banner-12 #s11:checked ~ #slide10 .overlay-block, .banner-12 #s12:checked ~ #slide11 .overlay-block, .banner-13 #s1:checked ~ #slide13 .overlay-block, .banner-13 #s2:checked ~ #slide1 .overlay-block, .banner-13 #s3:checked ~ #slide2 .overlay-block, .banner-13 #s4:checked ~ #slide3 .overlay-block, .banner-13 #s5:checked ~ #slide4 .overlay-block, .banner-13 #s6:checked ~ #slide5 .overlay-block, .banner-13 #s7:checked ~ #slide6 .overlay-block, .banner-13 #s8:checked ~ #slide7 .overlay-block, .banner-13 #s9:checked ~ #slide8 .overlay-block, .banner-13 #s10:checked ~ #slide9 .overlay-block, .banner-13 #s11:checked ~ #slide10 .overlay-block, .banner-13 #s12:checked ~ #slide11 .overlay-block, .banner-13 #s13:checked ~ #slide12 .overlay-block, .banner-14 #s1:checked ~ #slide14 .overlay-block, .banner-14 #s2:checked ~ #slide1 .overlay-block, .banner-14 #s3:checked ~ #slide2 .overlay-block, .banner-14 #s4:checked ~ #slide3 .overlay-block, .banner-14 #s5:checked ~ #slide4 .overlay-block, .banner-14 #s6:checked ~ #slide5 .overlay-block, .banner-14 #s7:checked ~ #slide6 .overlay-block, .banner-14 #s8:checked ~ #slide7 .overlay-block, .banner-14 #s9:checked ~ #slide8 .overlay-block, .banner-14 #s10:checked ~ #slide9 .overlay-block, .banner-14 #s11:checked ~ #slide10 .overlay-block, .banner-14 #s12:checked ~ #slide11 .overlay-block, .banner-14 #s13:checked ~ #slide12 .overlay-block, .banner-14 #s14:checked ~ #slide13 .overlay-block, .banner-15 #s1:checked ~ #slide15 .overlay-block, .banner-15 #s2:checked ~ #slide1 .overlay-block, .banner-15 #s3:checked ~ #slide2 .overlay-block, .banner-15 #s4:checked ~ #slide3 .overlay-block, .banner-15 #s5:checked ~ #slide4 .overlay-block, .banner-15 #s6:checked ~ #slide5 .overlay-block, .banner-15 #s7:checked ~ #slide6 .overlay-block, .banner-15 #s8:checked ~ #slide7 .overlay-block, .banner-15 #s9:checked ~ #slide8 .overlay-block, .banner-15 #s10:checked ~ #slide9 .overlay-block, .banner-15 #s11:checked ~ #slide10 .overlay-block, .banner-15 #s12:checked ~ #slide11 .overlay-block, .banner-15 #s13:checked ~ #slide12 .overlay-block, .banner-15 #s14:checked ~ #slide13 .overlay-block, .banner-15 #s15:checked ~ #slide14 .overlay-block {
      display: block; } }
@media (min-width: 960px) {
  .banner-3 #s1:checked ~ #slide3, .banner-3 #s2:checked ~ #slide1, .banner-3 #s3:checked ~ #slide2, .banner-4 #s1:checked ~ #slide4, .banner-4 #s2:checked ~ #slide1, .banner-4 #s3:checked ~ #slide2, .banner-4 #s4:checked ~ #slide3, .banner-5 #s1:checked ~ #slide5, .banner-5 #s2:checked ~ #slide1, .banner-5 #s3:checked ~ #slide2, .banner-5 #s4:checked ~ #slide3, .banner-5 #s5:checked ~ #slide4, .banner-6 #s1:checked ~ #slide6, .banner-6 #s2:checked ~ #slide1, .banner-6 #s3:checked ~ #slide2, .banner-6 #s4:checked ~ #slide3, .banner-6 #s5:checked ~ #slide4, .banner-6 #s6:checked ~ #slide5, .banner-7 #s1:checked ~ #slide7, .banner-7 #s2:checked ~ #slide1, .banner-7 #s3:checked ~ #slide2, .banner-7 #s4:checked ~ #slide3, .banner-7 #s5:checked ~ #slide4, .banner-7 #s6:checked ~ #slide5, .banner-7 #s7:checked ~ #slide6, .banner-8 #s1:checked ~ #slide8, .banner-8 #s2:checked ~ #slide1, .banner-8 #s3:checked ~ #slide2, .banner-8 #s4:checked ~ #slide3, .banner-8 #s5:checked ~ #slide4, .banner-8 #s6:checked ~ #slide5, .banner-8 #s7:checked ~ #slide6, .banner-8 #s8:checked ~ #slide7, .banner-9 #s1:checked ~ #slide9, .banner-9 #s2:checked ~ #slide1, .banner-9 #s3:checked ~ #slide2, .banner-9 #s4:checked ~ #slide3, .banner-9 #s5:checked ~ #slide4, .banner-9 #s6:checked ~ #slide5, .banner-9 #s7:checked ~ #slide6, .banner-9 #s8:checked ~ #slide7, .banner-9 #s9:checked ~ #slide8, .banner-10 #s1:checked ~ #slide10, .banner-10 #s2:checked ~ #slide1, .banner-10 #s3:checked ~ #slide2, .banner-10 #s4:checked ~ #slide3, .banner-10 #s5:checked ~ #slide4, .banner-10 #s6:checked ~ #slide5, .banner-10 #s7:checked ~ #slide6, .banner-10 #s8:checked ~ #slide7, .banner-10 #s9:checked ~ #slide8, .banner-10 #s10:checked ~ #slide9, .banner-11 #s1:checked ~ #slide11, .banner-11 #s2:checked ~ #slide1, .banner-11 #s3:checked ~ #slide2, .banner-11 #s4:checked ~ #slide3, .banner-11 #s5:checked ~ #slide4, .banner-11 #s6:checked ~ #slide5, .banner-11 #s7:checked ~ #slide6, .banner-11 #s8:checked ~ #slide7, .banner-11 #s9:checked ~ #slide8, .banner-11 #s10:checked ~ #slide9, .banner-11 #s11:checked ~ #slide10, .banner-12 #s1:checked ~ #slide12, .banner-12 #s2:checked ~ #slide1, .banner-12 #s3:checked ~ #slide2, .banner-12 #s4:checked ~ #slide3, .banner-12 #s5:checked ~ #slide4, .banner-12 #s6:checked ~ #slide5, .banner-12 #s7:checked ~ #slide6, .banner-12 #s8:checked ~ #slide7, .banner-12 #s9:checked ~ #slide8, .banner-12 #s10:checked ~ #slide9, .banner-12 #s11:checked ~ #slide10, .banner-12 #s12:checked ~ #slide11, .banner-13 #s1:checked ~ #slide13, .banner-13 #s2:checked ~ #slide1, .banner-13 #s3:checked ~ #slide2, .banner-13 #s4:checked ~ #slide3, .banner-13 #s5:checked ~ #slide4, .banner-13 #s6:checked ~ #slide5, .banner-13 #s7:checked ~ #slide6, .banner-13 #s8:checked ~ #slide7, .banner-13 #s9:checked ~ #slide8, .banner-13 #s10:checked ~ #slide9, .banner-13 #s11:checked ~ #slide10, .banner-13 #s12:checked ~ #slide11, .banner-13 #s13:checked ~ #slide12, .banner-14 #s1:checked ~ #slide14, .banner-14 #s2:checked ~ #slide1, .banner-14 #s3:checked ~ #slide2, .banner-14 #s4:checked ~ #slide3, .banner-14 #s5:checked ~ #slide4, .banner-14 #s6:checked ~ #slide5, .banner-14 #s7:checked ~ #slide6, .banner-14 #s8:checked ~ #slide7, .banner-14 #s9:checked ~ #slide8, .banner-14 #s10:checked ~ #slide9, .banner-14 #s11:checked ~ #slide10, .banner-14 #s12:checked ~ #slide11, .banner-14 #s13:checked ~ #slide12, .banner-14 #s14:checked ~ #slide13, .banner-15 #s1:checked ~ #slide15, .banner-15 #s2:checked ~ #slide1, .banner-15 #s3:checked ~ #slide2, .banner-15 #s4:checked ~ #slide3, .banner-15 #s5:checked ~ #slide4, .banner-15 #s6:checked ~ #slide5, .banner-15 #s7:checked ~ #slide6, .banner-15 #s8:checked ~ #slide7, .banner-15 #s9:checked ~ #slide8, .banner-15 #s10:checked ~ #slide9, .banner-15 #s11:checked ~ #slide10, .banner-15 #s12:checked ~ #slide11, .banner-15 #s13:checked ~ #slide12, .banner-15 #s14:checked ~ #slide13, .banner-15 #s15:checked ~ #slide14 {
    transform: translate3d(-30vw, 0, -300px); } }
@media (min-width: 1280px) {
  .banner-3 #s1:checked ~ #slide3, .banner-3 #s2:checked ~ #slide1, .banner-3 #s3:checked ~ #slide2, .banner-4 #s1:checked ~ #slide4, .banner-4 #s2:checked ~ #slide1, .banner-4 #s3:checked ~ #slide2, .banner-4 #s4:checked ~ #slide3, .banner-5 #s1:checked ~ #slide5, .banner-5 #s2:checked ~ #slide1, .banner-5 #s3:checked ~ #slide2, .banner-5 #s4:checked ~ #slide3, .banner-5 #s5:checked ~ #slide4, .banner-6 #s1:checked ~ #slide6, .banner-6 #s2:checked ~ #slide1, .banner-6 #s3:checked ~ #slide2, .banner-6 #s4:checked ~ #slide3, .banner-6 #s5:checked ~ #slide4, .banner-6 #s6:checked ~ #slide5, .banner-7 #s1:checked ~ #slide7, .banner-7 #s2:checked ~ #slide1, .banner-7 #s3:checked ~ #slide2, .banner-7 #s4:checked ~ #slide3, .banner-7 #s5:checked ~ #slide4, .banner-7 #s6:checked ~ #slide5, .banner-7 #s7:checked ~ #slide6, .banner-8 #s1:checked ~ #slide8, .banner-8 #s2:checked ~ #slide1, .banner-8 #s3:checked ~ #slide2, .banner-8 #s4:checked ~ #slide3, .banner-8 #s5:checked ~ #slide4, .banner-8 #s6:checked ~ #slide5, .banner-8 #s7:checked ~ #slide6, .banner-8 #s8:checked ~ #slide7, .banner-9 #s1:checked ~ #slide9, .banner-9 #s2:checked ~ #slide1, .banner-9 #s3:checked ~ #slide2, .banner-9 #s4:checked ~ #slide3, .banner-9 #s5:checked ~ #slide4, .banner-9 #s6:checked ~ #slide5, .banner-9 #s7:checked ~ #slide6, .banner-9 #s8:checked ~ #slide7, .banner-9 #s9:checked ~ #slide8, .banner-10 #s1:checked ~ #slide10, .banner-10 #s2:checked ~ #slide1, .banner-10 #s3:checked ~ #slide2, .banner-10 #s4:checked ~ #slide3, .banner-10 #s5:checked ~ #slide4, .banner-10 #s6:checked ~ #slide5, .banner-10 #s7:checked ~ #slide6, .banner-10 #s8:checked ~ #slide7, .banner-10 #s9:checked ~ #slide8, .banner-10 #s10:checked ~ #slide9, .banner-11 #s1:checked ~ #slide11, .banner-11 #s2:checked ~ #slide1, .banner-11 #s3:checked ~ #slide2, .banner-11 #s4:checked ~ #slide3, .banner-11 #s5:checked ~ #slide4, .banner-11 #s6:checked ~ #slide5, .banner-11 #s7:checked ~ #slide6, .banner-11 #s8:checked ~ #slide7, .banner-11 #s9:checked ~ #slide8, .banner-11 #s10:checked ~ #slide9, .banner-11 #s11:checked ~ #slide10, .banner-12 #s1:checked ~ #slide12, .banner-12 #s2:checked ~ #slide1, .banner-12 #s3:checked ~ #slide2, .banner-12 #s4:checked ~ #slide3, .banner-12 #s5:checked ~ #slide4, .banner-12 #s6:checked ~ #slide5, .banner-12 #s7:checked ~ #slide6, .banner-12 #s8:checked ~ #slide7, .banner-12 #s9:checked ~ #slide8, .banner-12 #s10:checked ~ #slide9, .banner-12 #s11:checked ~ #slide10, .banner-12 #s12:checked ~ #slide11, .banner-13 #s1:checked ~ #slide13, .banner-13 #s2:checked ~ #slide1, .banner-13 #s3:checked ~ #slide2, .banner-13 #s4:checked ~ #slide3, .banner-13 #s5:checked ~ #slide4, .banner-13 #s6:checked ~ #slide5, .banner-13 #s7:checked ~ #slide6, .banner-13 #s8:checked ~ #slide7, .banner-13 #s9:checked ~ #slide8, .banner-13 #s10:checked ~ #slide9, .banner-13 #s11:checked ~ #slide10, .banner-13 #s12:checked ~ #slide11, .banner-13 #s13:checked ~ #slide12, .banner-14 #s1:checked ~ #slide14, .banner-14 #s2:checked ~ #slide1, .banner-14 #s3:checked ~ #slide2, .banner-14 #s4:checked ~ #slide3, .banner-14 #s5:checked ~ #slide4, .banner-14 #s6:checked ~ #slide5, .banner-14 #s7:checked ~ #slide6, .banner-14 #s8:checked ~ #slide7, .banner-14 #s9:checked ~ #slide8, .banner-14 #s10:checked ~ #slide9, .banner-14 #s11:checked ~ #slide10, .banner-14 #s12:checked ~ #slide11, .banner-14 #s13:checked ~ #slide12, .banner-14 #s14:checked ~ #slide13, .banner-15 #s1:checked ~ #slide15, .banner-15 #s2:checked ~ #slide1, .banner-15 #s3:checked ~ #slide2, .banner-15 #s4:checked ~ #slide3, .banner-15 #s5:checked ~ #slide4, .banner-15 #s6:checked ~ #slide5, .banner-15 #s7:checked ~ #slide6, .banner-15 #s8:checked ~ #slide7, .banner-15 #s9:checked ~ #slide8, .banner-15 #s10:checked ~ #slide9, .banner-15 #s11:checked ~ #slide10, .banner-15 #s12:checked ~ #slide11, .banner-15 #s13:checked ~ #slide12, .banner-15 #s14:checked ~ #slide13, .banner-15 #s15:checked ~ #slide14 {
    transform: translate3d(-110%, 0, -300px); } }

.banner-1 input, .banner-2 input, .banner-3 input:nth-child(n+4), .banner-4 input:nth-child(n+5), .banner-5 input:nth-child(n+6), .banner-6 input:nth-child(n+7), .banner-7 input:nth-child(n+8), .banner-8 input:nth-child(n+9), .banner-9 input:nth-child(n+10), .banner-10 input:nth-child(n+11), .banner-11 input:nth-child(n+12), .banner-12 input:nth-child(n+13), .banner-13 input:nth-child(n+14), .banner-14 input:nth-child(n+15), .banner-15 input:nth-child(n+16),
.banner-1 #s1:checked ~ #slide1 .overlay-block {
  display: none; }

.banner-section .banner-content {
  margin: 0 auto; }

.showMoreRow {
  margin: 0; }

.main-banner, .text-box, .card-hover {
  box-sizing: border-box; }

.text-box {
  width: 100%;
  margin-top: -50px;
  padding: 0 16px; }
  @media (max-width: 959px) {
    .text-box {
      -webkit-align-items: center;
      align-items: center;
      -webkit-align-content: center;
      align-content: center; } }
  @media (min-width: 960px) {
    .text-box {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      padding: 30px 8%; } }

.main-banner, .second-banner {
  position: relative;
  z-index: 1;
  text-decoration: none; }
  .main-banner, .main-banner:hover, .second-banner, .second-banner:hover {
    color: #333; }

.main-banner {
  display: block;
  /* Spacing adjustment - Specially for seo front pages: end */
  /*p{margin-top:7px; margin-bottom:0; @include when-xs {font-size:12px;}@include when-gt-xs {margin-top:4px;}}p, &:hover p{color:#666;}*/
  /* Special adjustment for device without browser scroll bar which is 17px in width */ }
  .main-banner img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%; }
  .main-banner.sections {
    /* Spacing adjustment - Specially for seo front pages: begin */ }
    .main-banner.sections:not(.seo-banner) {
      margin-bottom: 40px; }
    .main-banner.sections ~ div[ys-dy-recommend-product-grid] + .brandIcons.sections {
      margin-top: 0;
      padding-top: 4px; }
  @media (min-width: 960px) {
    .main-banner {
      padding-top: 37.70492%;
      background-color: rgba(255, 255, 255, 0.6); }
      .main-banner.sections + div[ys-dy-recommend-product-grid] {
        margin-top: -10px; }
      .main-banner.sections ~ div[ys-dy-recommend-product-grid] .product-highlight.row-item-6 {
        margin-bottom: 10px; }
      .main-banner .text-box[class*='-gt-sm-center-'] .card-hover.card-transparent {
        width: 100% !important; }
      .main-banner p {
        margin-block-start: 8px; }
        .main-banner p.font-size-small {
          font-size: 20px; }
        .main-banner p.font-size-smedium {
          font-size: 25px; }
        .main-banner p.font-size-medium {
          font-size: 30px; }
        .main-banner p.font-size-large {
          font-size: 38px; }
        .main-banner p.font-size-huge {
          font-size: 54px; }
        .main-banner p.font-size-large, .main-banner p.font-size-huge {
          font-family: 'Montserrat',Helvetica,Arial,tahoma,'Hiragino Maru Gothic Pro','Microsoft YaHei','Hiragino Sans GB',sans-serif;
          line-height: 1 !important; }
      .main-banner.seo-banner {
        padding-top: 32.78689%;
        overflow: hidden; } }
  @media (min-width: 600px) {
    .main-banner discount:not([class*='font-size']) {
      font-size: 38px;
      line-height: 1; } }
  @media (max-width: 959px) {
    .main-banner:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 75%;
      background-color: rgba(255, 255, 255, 0.6); }
    .main-banner heading, .main-banner discount {
      margin: 3px 16px;
      color: #333 !important;
      text-shadow: none !important;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .main-banner heading, .main-banner discount {
      font-size: 28px;
      line-height: 1.2;
      font-weight: bold; }
    .main-banner p {
      color: #666 !important;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .main-banner.seo-banner picture {
      padding-top: 75%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      overflow: hidden; } }
  @media (max-width: 599px) {
    .main-banner heading, .main-banner discount {
      font-size: 22px;
      line-height: 1.2; }
    .main-banner p {
      font-size: 12px;
      margin-block-start: 8px; } }
  .main-banner .showMoreRow {
    margin-top: 17px;
    margin-bottom: 3px; }
  .main-banner heading, .main-banner discount, .main-banner p, .main-banner .showMoreRow {
    margin-left: 16px;
    margin-right: 16px; }
    @media (min-width: 960px) {
      .main-banner heading, .main-banner discount, .main-banner p, .main-banner .showMoreRow {
        margin-left: 20px;
        margin-right: 20px; } }
  .main-banner .card-hover {
    width: 100%;
    padding: 8px 0 16px;
    text-align: center; }
    @media (min-width: 960px) {
      .main-banner .card-hover {
        width: 50%; }
        .main-banner .card-hover.align-left, .main-banner .card-hover.align-left heading, .main-banner .card-hover.align-left discount, .main-banner .card-hover.align-left p, .main-banner .card-hover.align-left .showMoreRow {
          text-align: left; }
        .main-banner .card-hover.align-center, .main-banner .card-hover.align-center heading, .main-banner .card-hover.align-center discount, .main-banner .card-hover.align-center p, .main-banner .card-hover.align-center .showMoreRow {
          text-align: center; }
        .main-banner .card-hover.align-right, .main-banner .card-hover.align-right heading, .main-banner .card-hover.align-right discount, .main-banner .card-hover.align-right p, .main-banner .card-hover.align-right .showMoreRow {
          text-align: right; }
        .main-banner .card-hover.card-transparent {
          padding: 0;
          background: none; }
          .main-banner .card-hover.card-transparent:before, .main-banner .card-hover.card-transparent:after {
            display: none; }
          .main-banner .card-hover.card-transparent .flipclock-wrapper {
            background: none !important; }
        .main-banner .card-hover:not(.card-transparent) {
          width: 412px; }
          .main-banner .card-hover:not(.card-transparent) heading {
            margin-top: 16px; } }
    @media (max-width: 959px) {
      .main-banner .card-hover .showMoreRow {
        position: relative;
        margin-bottom: -16px; }
        .main-banner .card-hover .showMoreRow .round-btn {
          border-radius: 4px 4px 0 0; } }
  .main-banner .flipclock-wrapper {
    width: 100%;
    height: 45px;
    padding: 5px 14px 4px;
    box-sizing: border-box;
    /* Small screen - Overwriting Flip Clock alignment as center middle */
    /* This hides manually input css background properties 
    @include when-gt-sm {background:none !important;}*/ }
    @media (max-width: 959px) {
      .main-banner .flipclock-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center; } }
  .main-banner .credit {
    position: absolute;
    right: 17px;
    bottom: auto;
    top: calc(75vw - 75px);
    font-size: 12px;
    line-height: 14px;
    opacity: .5;
    /* top:calc(75vw - 90px); */
    /*@media only screen and (max-width:458px) { top:calc(75vw - 78px); } top:calc(100vw - 78px);*/
    /* Special adjustment for device without browser scroller bar which is 17px in width */ }
    @media (min-width: 960px) {
      .main-banner .credit {
        right: 30px;
        bottom: 13px;
        top: auto; } }
  .main-banner.timer {
    /*&.mobile-timer {@include when-sm {.card-hover {padding-top:0;}}@include when-gt-sm {.flipclock-wrapper {display:none;}}}*/ }
    .main-banner.timer .text-box {
      margin-top: -60px; }
      @media (min-width: 960px) {
        .main-banner.timer .text-box {
          margin-top: 0; } }
    .main-banner.timer .credit {
      top: calc(75vw - 85px); }
    .main-banner.timer .flipclock-wrapper {
      margin-bottom: 14px; }
      @media (min-width: 960px) {
        .main-banner.timer .flipclock-wrapper {
          margin-bottom: 8px; } }
    .main-banner.timer:not(.mobile-timer) .card-hover {
      padding-top: 0; }
  @media (min-width: 960px) {
    .main-banner .credit, .main-banner.timer .credit {
      bottom: 13px;
      top: auto; } }
  @media only screen and (max-width: 458px) {
    .main-banner {
      /*.credit {top:calc(75vw - 78px);}*/ }
      .main-banner.timer .credit {
        top: calc(75vw - 85px); } }

.scrollPanel {
  position: relative;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 4px;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .scrollPanel::-webkit-scrollbar {
    display: none; }
  .scrollPanel .itemCover {
    height: auto;
    max-width: 300px;
    min-width: 280px;
    overflow: visible; }
    @media (max-width: 599px) {
      .scrollPanel .itemCover {
        max-width: 280px;
        min-width: 220px; } }
  @media (min-width: 1280px) {
    .scrollPanel.beauty-brand-grid .grid-item .grid-img {
      height: 249px; } }
  @media (max-width: 1279px) {
    .scrollPanel.beauty-brand-grid .grid-item .grid-img {
      height: calc(20vw); } }
  @media (max-width: 959px) {
    .scrollPanel.beauty-brand-grid .grid-item .grid-img {
      height: calc(30vw); } }
  @media (max-width: 599px) {
    .scrollPanel.beauty-brand-grid .grid-item .grid-img {
      height: calc(40vw); } }
  .scrollPanel.beauty-brand-grid .grid-item .card-hover {
    height: calc(6.5em); }
  .scrollPanel.beauty-brand-grid .itemCover {
    height: auto;
    overflow: visible; }
    @media (min-width: 1280px) {
      .scrollPanel.beauty-brand-grid .itemCover {
        max-width: 249px;
        min-width: 249px; } }
    @media (max-width: 1279px) {
      .scrollPanel.beauty-brand-grid .itemCover {
        max-width: 25vw;
        min-width: 20vw; } }
    @media (max-width: 959px) {
      .scrollPanel.beauty-brand-grid .itemCover {
        max-width: 30vw;
        min-width: 25vw; } }
    @media (max-width: 599px) {
      .scrollPanel.beauty-brand-grid .itemCover {
        max-width: 50vw;
        min-width: 40vw; } }

@media (min-width: 960px) {
  .font-size-small {
    font-size: 22px;
    line-height: 1.2; }

  .font-size-smedium {
    font-size: 30px; }

  .font-size-medium {
    font-size: 38px; }

  .font-size-large {
    font-size: 54px; }

  .font-size-huge {
    font-size: 64px; }

  .card-hover discount {
    margin-block-start: 8px; }
  .card-hover heading.font-lato, .card-hover discount.font-lato {
    font-family: 'Lato',Helvetica,Arial,tahoma,'Hiragino Maru Gothic Pro','Microsoft YaHei','Hiragino Sans GB',sans-serif; }
    .card-hover heading.font-lato.font-size-large, .card-hover heading.font-lato.font-size-huge, .card-hover discount.font-lato.font-size-large, .card-hover discount.font-lato.font-size-huge {
      line-height: 1.05; }
  .card-hover heading.font-montserrat, .card-hover discount.font-montserrat {
    font-family: 'Montserrat',Helvetica,Arial,tahoma,'Hiragino Maru Gothic Pro','Microsoft YaHei','Hiragino Sans GB',sans-serif; }
    .card-hover heading.font-montserrat.font-size-large, .card-hover heading.font-montserrat.font-size-huge, .card-hover discount.font-montserrat.font-size-large, .card-hover discount.font-montserrat.font-size-huge {
      line-height: 1.05; }
  .card-hover heading.font-dm-serif-display, .card-hover discount.font-dm-serif-display {
    font-family: DM Serif Display,Helvetica,Arial,tahoma,'Hiragino Maru Gothic Pro','Microsoft YaHei','Hiragino Sans GB',sans-serif; }
    .card-hover heading.font-dm-serif-display.font-size-small, .card-hover heading.font-dm-serif-display.font-size-medium, .card-hover heading.font-dm-serif-display.font-size-large, .card-hover heading.font-dm-serif-display.font-size-huge, .card-hover discount.font-dm-serif-display.font-size-small, .card-hover discount.font-dm-serif-display.font-size-medium, .card-hover discount.font-dm-serif-display.font-size-large, .card-hover discount.font-dm-serif-display.font-size-huge {
      line-height: 1; } }
.second-banner {
  position: relative;
  min-height: 175px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6); }
  .second-banner.sections {
    margin-bottom: 50px; }
    .second-banner.sections + div .product-highlight.row-item-6 {
      padding-bottom: 30px; }
    @media (min-width: 960px) {
      .second-banner.sections {
        margin-bottom: 60px; }
        .second-banner.sections + div .product-highlight.row-item-6 {
          padding-bottom: 40px; } }
  .second-banner picture {
    position: absolute;
    display: block; }
  .second-banner img {
    display: block;
    width: 100%; }
  .second-banner .text-box {
    position: relative;
    z-index: 2;
    padding: 24px 16px;
    margin: 0; }
    @media (min-width: 960px) {
      .second-banner .text-box {
        padding-left: 30px;
        padding-right: 30px; } }
  .second-banner heading {
    margin-bottom: 0; }
  .second-banner heading, .second-banner discount {
    font-size: 16px;
    line-height: 20px; }
    @media (max-width: 599px) {
      .second-banner heading, .second-banner discount {
        font-weight: bold; } }
    @media (min-width: 600px) {
      .second-banner heading, .second-banner discount {
        font-size: 18px;
        line-height: 22px; } }
    @media (min-width: 960px) {
      .second-banner heading, .second-banner discount {
        font-size: 20px;
        line-height: 24px; } }
  .second-banner p {
    margin: 5px 0 0; }
  .second-banner .showMoreRow {
    margin-top: 16px; }
  @media only screen and (min-width: 481px) and (max-width: 559px) {
    .second-banner img {
      -webkit-transform: scale(2);
      transform: scale(2); } }
  @media only screen and (min-width: 560px) and (max-width: 727px) {
    .second-banner img {
      -webkit-transform: scale(1.7);
      transform: scale(1.7); } }
  @media only screen and (min-width: 728px) and (max-width: 960px) {
    .second-banner img {
      -webkit-transform: scale(1.3);
      transform: scale(1.3); } }

.brandIcons.sections, .top-categories.sections {
  margin-top: -6px; }

.top-categories.sections {
  margin-bottom: 26px; }
  @media (min-width: 960px) {
    .top-categories.sections {
      margin-bottom: 36px; } }
  @media (min-width: 1261px) {
    .top-categories.sections {
      margin-left: -12px;
      margin-right: -12px; }
      .top-categories.sections .category-list {
        padding-left: 6px;
        padding-right: 6px; } }
.top-categories h3 {
  margin-bottom: 25px; }

.category-list {
  width: 100%;
  padding: 0 8px 4px; }
  @media (min-width: 960px) {
    .category-list {
      padding-left: 20px;
      padding-right: 20px; } }

.category-item {
  width: 25%;
  padding: 0 8px 12px;
  box-sizing: border-box; }
  @media (min-width: 960px) {
    .category-item {
      width: 12.5%; } }
  .category-item a {
    position: relative;
    display: block;
    padding-top: 100%;
    text-decoration: none; }
  .category-item img {
    margin-top: -100%;
    display: block;
    width: 100%;
    border-radius: 50%; }
  .category-item .titleWrapper {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 12px;
    line-height: 14px;
    min-height: 30px;
    margin-top: -20px;
    position: relative;
    width: 100%;
    padding: 9px 0 0;
    color: #333;
    background: #f1f2f6;
    text-align: center; }
    @media (min-width: 600px) {
      .category-item .titleWrapper {
        font-size: 14px;
        line-height: 16px;
        margin-top: -24px; } }
    @media (min-width: 960px) {
      .category-item .titleWrapper {
        font-size: 16px;
        line-height: 18px;
        margin-top: -30px; } }
  .category-item:hover .title {
    color: #22D20C; }

@media (min-width: 960px) {
  .article-n-video {
    padding-left: 24px;
    padding-right: 24px; } }

.yesstylist, .article-n-video {
  padding: 24px 16px 30px;
  background-color: #fff; }
  .yesstylist h3, .article-n-video h3 {
    margin-bottom: 24px; }
  @media (min-width: 960px) {
    .yesstylist, .article-n-video {
      padding-left: 30px;
      padding-right: 30px; } }
  .yesstylist .yesstylist-item, .yesstylist .article-n-video-item, .article-n-video .yesstylist-item, .article-n-video .article-n-video-item {
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none; }
    .yesstylist .yesstylist-item .content, .yesstylist .article-n-video-item .content, .article-n-video .yesstylist-item .content, .article-n-video .article-n-video-item .content {
      padding: 23px 16px;
      box-sizing: border-box;
      height: 100%; }
      @media (min-width: 960px) {
        .yesstylist .yesstylist-item .content, .yesstylist .article-n-video-item .content, .article-n-video .yesstylist-item .content, .article-n-video .article-n-video-item .content {
          padding: 24px 20px 24px 30px; } }
      .yesstylist .yesstylist-item .content h3, .yesstylist .article-n-video-item .content h3, .article-n-video .yesstylist-item .content h3, .article-n-video .article-n-video-item .content h3 {
        margin-bottom: 12px;
        text-align: left;
        font-family: Lato;
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
        text-transform: none; }
      .yesstylist .yesstylist-item .content .para, .yesstylist .article-n-video-item .content .para, .article-n-video .yesstylist-item .content .para, .article-n-video .article-n-video-item .content .para {
        color: #666;
        margin-bottom: 16px; }
      .yesstylist .yesstylist-item .content .md-button, .yesstylist .article-n-video-item .content .md-button, .article-n-video .yesstylist-item .content .md-button, .article-n-video .article-n-video-item .content .md-button {
        margin: 0;
        bottom: 0;
        min-width: unset; }

.yesstylist-item {
  background-color: #fff; }
  @media (min-width: 600px) {
    .yesstylist-item {
      width: calc( 50% - 8px ); } }
  .yesstylist-item .content {
    height: 100%; }
    @media (min-width: 600px) {
      .yesstylist-item .content {
        height: 220px; } }
    @media (min-width: 960px) {
      .yesstylist-item .content {
        height: 100%;
        max-width: 58%; } }
    @media (min-width: 1280px) {
      .yesstylist-item .content {
        max-width: 306px; } }
  .yesstylist-item .bg {
    height: calc( 60vw - 30px );
    max-height: 250px;
    width: 100%; }
    @media (min-width: 960px) {
      .yesstylist-item .bg {
        height: 100%;
        max-height: unset;
        width: 260px; } }
  .yesstylist-item:first-child {
    margin-bottom: 16px;
    margin-right: 0; }
    @media (min-width: 600px) {
      .yesstylist-item:first-child {
        margin-right: 8px;
        margin-bottom: 0; } }
    @media (min-width: 960px) {
      .yesstylist-item:first-child {
        margin-right: 12px; } }
  .yesstylist-item:nth-child(2) {
    margin-left: 0; }
    @media (min-width: 600px) {
      .yesstylist-item:nth-child(2) {
        margin-left: 8px; } }
    @media (min-width: 960px) {
      .yesstylist-item:nth-child(2) {
        margin-left: 12px; } }

@media (min-width: 1280px) {
  .article-n-video-item {
    width: 50%;
    max-width: 566px; } }
@media (max-width: 599px) {
  .article-n-video-item {
    margin-top: 30px; } }
.article-n-video-item .bg {
  height: calc( 87vw - 30px );
  width: 100%; }
  @media (min-width: 600px) {
    .article-n-video-item .bg {
      height: 100%; } }
  @media (min-width: 1280px) {
    .article-n-video-item .bg {
      width: 278px; } }
.article-n-video-item .content .para {
  margin-bottom: 0;
  position: relative; }
@media (max-width: 959px) {
  .article-n-video-item .content .para {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 51px; } }
@media (min-width: 1280px) {
  .article-n-video-item .content {
    max-width: 50%; }
    .article-n-video-item .content .para {
      overflow: unset;
      text-overflow: unset;
      max-height: unset; } }
.article-n-video-item .content .showMoreRow {
  margin-top: 8px; }
.article-n-video-item:first-child {
  margin-bottom: 16px;
  margin-right: 0; }
  @media (min-width: 600px) {
    .article-n-video-item:first-child {
      margin-bottom: 0;
      margin-right: 16px; } }
.article-n-video-item a.itemContainer {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 3px;
  width: calc( 50% - 8px);
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  height: fit-content;
  background-color: #ffeff4; }
  .article-n-video-item a.itemContainer:not(:nth-child(-n+2)) {
    margin-top: 14px; }
  @media (min-width: 1280px) {
    .article-n-video-item a.itemContainer {
      width: calc( 50% - 12px);
      margin: 0; }
      .article-n-video-item a.itemContainer:not(:nth-child(-n+2)) {
        margin-top: 24px; } }
  .article-n-video-item a.itemContainer .videothumb {
    margin-bottom: 0; }
  .article-n-video-item a.itemContainer .itemTitle {
    height: 34px;
    padding: 0;
    margin: 10px 14px 11px;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    background-color: #ffeff4;
    overflow: hidden; }
    .article-n-video-item a.itemContainer .itemTitle:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffeff4 50%); }

h1.pageTitle {
  font-size: 18px;
  margin: 0 0 0.5em; }

.yesstylist2022 .yesstylist-item {
  margin: 0; }
  .yesstylist2022 .yesstylist-item:hover .image-wrap picture img {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  .yesstylist2022 .yesstylist-item .content {
    max-width: 100% !important;
    padding: 22px 16px 20px; }
    .yesstylist2022 .yesstylist-item .content h3 {
      color: #000;
      line-height: 24px; }
    .yesstylist2022 .yesstylist-item .content .para {
      color: #000;
      line-height: 20px; }
  .yesstylist2022 .yesstylist-item .image-wrap {
    position: relative; }
    .yesstylist2022 .yesstylist-item .image-wrap:after {
      content: "";
      display: block;
      padding-bottom: 61.5%; }
    .yesstylist2022 .yesstylist-item .image-wrap picture {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      overflow: hidden; }
      .yesstylist2022 .yesstylist-item .image-wrap picture img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        -webkit-transition: 5s;
        transition: 5s; }
  @media (min-width: 781px) {
    .yesstylist2022 .yesstylist-item {
      width: calc( 100%/3 - 16px ); } }
  @media (max-width: 959px) {
    .yesstylist2022 .yesstylist-item {
      width: calc(100%/3 - 32px/3); } }
  @media (max-width: 780px) {
    .yesstylist2022 .yesstylist-item {
      width: calc(50% - 8px); }
      .yesstylist2022 .yesstylist-item:first-child {
        width: 100%;
        margin: 0 0 30px 0; } }
  @media (max-width: 599px) {
    .yesstylist2022 .yesstylist-item:first-child {
      margin-bottom: 0; }
    .yesstylist2022 .yesstylist-item:not(:first-child) {
      display: none; } }
.yesstylist2022 .article-n-video-item {
  border-radius: 4px;
  width: 100%; }
  .yesstylist2022 .article-n-video-item a.itemContainer {
    margin-top: 30px;
    width: calc( 50% - 12px); }
    @media (min-width: 781px) {
      .yesstylist2022 .article-n-video-item a.itemContainer {
        width: calc(25% - 18px); } }
    @media (max-width: 959px) {
      .yesstylist2022 .article-n-video-item a.itemContainer {
        width: calc(25% - 12px); } }
    @media (max-width: 780px) {
      .yesstylist2022 .article-n-video-item a.itemContainer {
        width: calc(50% - 8px); } }
    @media (max-width: 599px) {
      .yesstylist2022 .article-n-video-item a.itemContainer:nth-child(-n+2) {
        margin-top: 0; }
      .yesstylist2022 .article-n-video-item a.itemContainer:not(:nth-child(-n+2)) {
        display: none; } }
  .yesstylist2022 .article-n-video-item .image-wrap {
    position: relative; }
    .yesstylist2022 .article-n-video-item .image-wrap:after {
      content: "";
      display: block;
      padding-bottom: 61.5%; }
    .yesstylist2022 .article-n-video-item .image-wrap picture {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      display: block; }
      .yesstylist2022 .article-n-video-item .image-wrap picture img {
        object-fit: cover;
        width: 100%;
        height: 100%; }

.seoContent {
  max-width: 720px;
  margin: 26px auto;
  padding-left: 15px;
  padding-right: 15px; }

.pageHeading {
  margin-bottom: 14px; }

.departmentTabs {
  position: sticky;
  background: #FFF;
  z-index: 20; }
  .departmentTabs .underline {
    height: 2px;
    font-size: 1px;
    line-height: 1;
    border-bottom: 2px solid #666;
    z-index: 22; }
  .departmentTabs.boxShadow {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.54); }
  .departmentTabs a {
    text-align: center;
    padding: 8px;
    background: #FFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px; }
    .departmentTabs a.active {
      background: #666;
      color: #FFF;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      z-index: 21; }

@media (max-width: 959px) {
  .browse-more {
    margin: 19px 11px 50px; }
    .browse-more .mainMenu > div {
      margin-bottom: 10px;
      padding: 0 5px; }
    .browse-more .mainMenu a {
      border-radius: 4px; }
    .browse-more h3 {
      margin-bottom: 26px; }
    .browse-more a {
      -webkit-transition: 0.3s;
      transition: 0.3s;
      display: block; } }
.love-yesstyle {
  padding: 24px 0 16px;
  background: #fff; }
  @media (min-width: 960px) {
    .love-yesstyle {
      padding: 24px 14px 22px; } }
  .love-yesstyle h3 {
    padding: 0 30px;
    margin-bottom: 8px; }
  .love-yesstyle h4 {
    margin: 13px 0 22px; }
  .love-yesstyle p {
    margin-bottom: 17px; }

.ig-grid-list {
  padding: 0 8px; }

.ig-grid .grid-container {
  position: relative;
  display: block;
  margin: 8px;
  background-color: #f6f6f6;
  max-height: 296px;
  height: 296px;
  /* Below CSS - Temporary fix for ".bg-gt-sm-contain", Solution - Frontend help to remove ".bg-gt-sm-contain" from "PromotionUGC.html" */ }
  @media (min-width: 960px) {
    .ig-grid .grid-container {
      max-height: 289px; } }
  .ig-grid .grid-container.bg-cover.bg-gt-sm-contain {
    background-size: cover; }
.ig-grid img {
  width: 100%;
  height: auto; }
.ig-grid .ig-username {
  position: absolute;
  bottom: 14px;
  right: 14px;
  background: linear-gradient(to right, #ff4800, #c322be);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1; }
  .ig-grid .ig-username:before, .ig-grid .ig-username:after {
    bottom: 0;
    right: 0;
    content: attr(data-text);
    position: absolute;
    -webkit-background-clip: text;
    background-clip: text; }
  .ig-grid .ig-username:before {
    background-color: #fff;
    -webkit-text-stroke: 4px transparent;
    z-index: -1;
    padding: 0 2px; }
  .ig-grid .ig-username:after {
    background-image: linear-gradient(to right, #ff4800, #c322be);
    -webkit-text-fill-color: transparent;
    z-index: 1;
    padding-right: 2px; }
.ig-grid .cta {
  box-sizing: border-box;
  border: 10px #fff3fe solid;
  height: calc( 100% - 16px );
  background-color: #fff;
  padding: 33px 0;
  margin: 8px; }
  @media (min-width: 960px) {
    .ig-grid .cta {
      padding: 40px 0; } }
  .ig-grid .cta .icon:before {
    line-height: 48px;
    font-size: 46px;
    color: rgba(255, 255, 255, 0.9);
    background: radial-gradient(circle at 20% 107%, #ffd600 10%, #ff7a00 25%, #ff0069 45%, #d300c5 60%, #7638fa 90%), #d300c5;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
@media (max-width: 599px) {
  .ig-grid.flex-order-10 {
    padding: 8px 0; } }

.customer-review {
  padding: 25px 8px 30px;
  position: relative;
  background-image: linear-gradient(to top, #edffec, #f1fdee); }
  @media (min-width: 960px) {
    .customer-review {
      padding-left: 20px;
      padding-right: 20px; } }
  .customer-review h3 {
    margin-bottom: 7px; }
  .customer-review p {
    margin-bottom: 25px;
    color: #666; }
  .customer-review:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    height: 4px;
    background-image: linear-gradient(to top, #63c956, #09daaa); }
  .customer-review .showMoreRow {
    margin-top: 20px; }

.review-item {
  padding: 0 8px 29px;
  box-sizing: border-box;
  width: 100%; }
  @media (min-width: 960px) {
    .review-item {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 600px) {
    .review-item {
      max-width: 50%; } }
  @media (min-width: 960px) {
    .review-item {
      max-width: 33%; } }
  @media (min-width: 1280px) {
    .review-item {
      max-width: 295px; } }

.review-wrapper {
  display: block;
  background-color: #fff;
  border-radius: 4px;
  font-family: Lato;
  box-sizing: content-box;
  text-decoration: none;
  box-shadow: 0px 2px 5px 0 rgba(22, 65, 0, 0.18); }
  .review-wrapper a, .review-wrapper .product, .review-wrapper .icon-angle-right {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none; }
  .review-wrapper a:hover .product {
    color: #22D20C; }
  .review-wrapper a:hover .icon-angle-right {
    right: 11px; }
  .review-wrapper img {
    width: 100%;
    max-height: 720px;
    display: block; }
  .review-wrapper .image-wrapper {
    position: relative;
    min-height: 120px;
    background-color: #f1f2f6; }
    .review-wrapper .image-wrapper .ratingRow {
      position: absolute;
      bottom: 10px;
      left: 16px; }
      .review-wrapper .image-wrapper .ratingRow .colored:before {
        background-image: linear-gradient(to top, #ffcb07, #ffaa00);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
  .review-wrapper .product {
    position: relative;
    padding: 14px 26px 11px 15px;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px; }
  .review-wrapper .icon-angle-right {
    position: absolute;
    top: 13px;
    right: 14px;
    font-size: 14px;
    font-weight: bold; }
  .review-wrapper .content {
    padding: 0 15px 14px; }
  .review-wrapper .comment {
    color: #444;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word; }
  .review-wrapper .info {
    position: relative;
    color: #777;
    margin: 9px 0 0; }
  .review-wrapper .date, .review-wrapper .author {
    font-size: 12px; }
  .review-wrapper .date {
    margin-bottom: 5px; }
  .review-wrapper .author {
    margin-top: 4px; }
  .review-wrapper .viewTranslation {
    padding: 0; }
  .review-wrapper .translatedContent {
    left: -10px;
    right: -10px;
    line-height: 17px; }
    .review-wrapper .translatedContent .reviewDate {
      font-size: 12px;
      margin-bottom: 8px; }
    .review-wrapper .translatedContent.active {
      top: 19px; }

.clearanceBannerButtons a {
  background: #FFF;
  border-radius: 4px;
  border: 3px solid #600;
  color: #C03;
  font-weight: bold; }
  .clearanceBannerButtons a:hover {
    background: #ffdc28; }

.clearance .bannerHeading {
  color: #ffdc28;
  margin: 0; }

/*
//INSSAKIT Promotion
.inssakitContainer{
	display:block; position:relative; text-align:center; text-decoration:none; margin-bottom:32px;
	.main{font-weight:bold;}
	.deco{
		position:absolute; background-color:#51519c;
		&.drop1{
			width:20px; border-radius:0 0 10px 10px; height:24px; left:24px; bottom:-24px;
			&:after{ content:""; position:absolute; left:3px; bottom:3px; width:6px; height:12px; border-style:solid; border-width:0 0 2px 2px; border-radius:0 0 0 8px; border-color:#f0c4d9; }
		}
		&.drop2{width:10px; border-radius:0 0 10px 10px; height:16px; left:48px; bottom:-16px; animation-direction:reverse;}
		&.drop3{
			width:30px; border-radius:0 0 15px 15px; height:24px; right:40px; bottom:-24px;
			&:after{ content:""; position:absolute; right:3px; bottom:3px; width:10px; height:12px; border-style:solid; border-width:0 2px 2px 0; border-radius:0 0 15px 0; border-color:#f0c4d9; }
		}
	}
	&.wk19{
		color:#fff; border:3px solid #f0c4d9; padding:17px 16px 22px;
		.main{
			font-size:24px; text-shadow:2px 2px #de68ae, -2px -2px #51519c;
			@include when-gt-sm{font-size:32px;}
		}
		.sub{
			font-size:16px; margin-top:4px;
			@include when-gt-sm{font-size:20px;}
		}
		@include when-gt-sm{
			width:70%; border-radius:10px; margin:16px auto 8px;
			background:
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_left.png) bottom left -40px no-repeat,
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_right.png) top right -40px no-repeat;
			background-color:#51519c; background-size:auto;
		}
		@media (max-width:1300px){
			background:
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_left.png) bottom -12px left -130px no-repeat,
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_right.png) top -12px right -130px no-repeat; background-color:#51519c;
		}
	}
	&.wk20{
		color:#51519c; border:3px solid #51519c; padding:14px 16px 18px;
		.main{
			text-shadow:2px 2px #ffc5e9, -2px -2px #ffe7f6; font-size:26px; max-width: 460px; margin: 0 auto;
			@include when-gt-sm{font-size:30px;}
		}
		@include when-gt-sm{
			width:70%; border-radius:10px; margin:16px auto 8px;
			background:
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_left_wk20.png) bottom left -30px no-repeat,
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_right_wk20.png) top right -30px no-repeat; background-color:#ffe7f6; background-size:auto;
		}
		@media (max-width:1300px){
			background:
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_left_wk20.png) bottom left -60px no-repeat,
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_right_wk20.png) top right -60px no-repeat; background-color:#ffe7f6;
		}
		@media (max-width:650px){
			background:
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_left_wk20.png) bottom left -120px no-repeat,
				url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/inssakit/inssakit_right_wk20.png) top right -120px no-repeat; background-color:#ffe7f6;
		}
	}
}
*/
.splashsection {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center; }
  .splashsection .pg {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; }
  .splashsection h3 {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    white-space: nowrap;
    position: absolute;
    top: 20%;
    z-index: 1;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0px 0px 3px black; }

.beauty h3 {
  margin: 0.5em 0; }
.beauty ul {
  margin: 0; }

.brands {
  position: relative; }
  .brands h3 {
    margin: 0;
    padding: 0.5em;
    background: #FFF;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); }

.brandlist {
  position: relative;
  padding: 8px;
  background: #FFF;
  z-index: 1;
  display: block; }
  .brandlist input {
    display: none; }
    .brandlist input:checked + ul {
      max-height: 100vh; }
      .brandlist input:checked + ul:before {
        display: none; }
      .brandlist input:checked + ul:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 10.38px;
        border-color: transparent transparent #666; }
  .brandlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 8px; }
    .brandlist ul li {
      min-width: 16em; }
      .brandlist ul li a:hover {
        color: #22D20C; }
      @media (max-width: 419px) {
        .brandlist ul li {
          width: 40%; } }
  @media (max-width: 599px) {
    .brandlist {
      position: relative; }
      .brandlist ul {
        max-height: 9em;
        overflow: hidden;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        .brandlist ul:before {
          cursor: pointer;
          content: "";
          display: block;
          height: 2em;
          line-height: 2em;
          text-align: center;
          z-index: 1;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          background: transparent;
          /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(top, transparent, #FFF 50%);
          /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(top, transparent, #FFF 50%);
          /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(top, transparent, #FFF 50%);
          /* For Firefox 3.6 to 15 */
          background: -ms-linear-gradient(top, transparent, #FFF 50%);
          /* For MS */
          background: linear-gradient(top, transparent, #FFF 50%);
          /* Standard syntax */ }
        .brandlist ul:after {
          cursor: pointer;
          content: "";
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10.38px 6px 0;
          border-color: #666 transparent transparent;
          position: absolute;
          bottom: 0;
          left: 50%;
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          z-index: 2; } }

.brandlist a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #666;
  text-decoration: none; }

.tabButton {
  margin-top: -8px; }

.aboutys .sectionHeading {
  margin-bottom: 16px; }
.aboutys .image {
  background-color: #fff; }
.aboutys p {
  background-color: #FFF;
  padding: 16px;
  margin: 0;
  line-height: 1.8em; }
  .aboutys p a {
    color: #000;
    white-space: nowrap; }
@media (min-width: 960px) {
  .aboutys .image ~ p {
    margin-top: -6px;
    padding-top: 0; } }

.vAccordion-blog article {
  line-height: 1.8em; }
  .vAccordion-blog article a {
    text-decoration: none;
    color: #333; }
    .vAccordion-blog article a u {
      color: #000; }
  .vAccordion-blog article a:hover u {
    color: #22D20C; }
  .vAccordion-blog article .cover {
    display: inline-block;
    margin-bottom: 0.5em;
    position: relative;
    float: right;
    margin-left: 1em; }
    .vAccordion-blog article .cover:before, .vAccordion-blog article .cover:after {
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 18px;
      left: 8px;
      width: 50%;
      top: 80%;
      -webkit-box-shadow: 0 16px 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 16px 8px rgba(0, 0, 0, 0.5);
      box-shadow: 0 16px 8px rgba(0, 0, 0, 0.5);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg); }
    .vAccordion-blog article .cover:after {
      -webkit-transform: rotate(3deg);
      -moz-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
      right: 8px;
      left: auto; }
    @media (max-width: 419px) {
      .vAccordion-blog article .cover {
        float: none;
        margin-left: 0; } }
  .vAccordion-blog article q:before {
    display: block;
    content: ""; }

.promoTitle {
  text-decoration: none;
  margin-top: 16px;
  text-align: center; }

@media (min-width: 600px) {
  .highlightArea {
    margin-bottom: 60px; } }
@media (min-width: 960px) {
  .highlightArea {
    min-height: 850px; } }
@media (min-width: 1280px) {
  .highlightArea {
    min-height: 900px; } }

.frontArea {
  position: relative; }
  .frontArea a {
    text-decoration: none; }
  @media (min-width: 960px) {
    .frontArea {
      margin-top: -8px; }
      .frontArea.featurepage {
        margin-top: -28px; } }

.topCountDown {
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 3px;
  position: absolute;
  bottom: -14px;
  display: inline-block;
  padding: 3px 24px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap; }

.sidepromo, .mainfocus {
  margin-top: 40px;
  background-color: #FFF; }
  .sidepromo h4, .mainfocus h4 {
    font-size: 17px; }
  .sidepromo h3, .sidepromo h4, .mainfocus h3, .mainfocus h4 {
    margin-top: 0;
    text-align: center;
    line-height: 1.2; }
    .sidepromo h3.sectionHeading, .sidepromo h4.sectionHeading, .mainfocus h3.sectionHeading, .mainfocus h4.sectionHeading {
      margin: 0 8px; }
    @media (max-width: 419px) {
      .sidepromo h3, .sidepromo h4, .mainfocus h3, .mainfocus h4 {
        font-size: 130%; } }

@media (max-width: 959px) {
  .sidepromo {
    box-sizing: border-box;
    border: 1px solid #f1f2f6; } }

.mainfocus {
  width: 100%;
  position: static;
  background-color: transparent; }
  @media (min-width: 960px) {
    .mainfocus {
      width: 45%;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .mainfocus .quicklinksblock p {
    font-size: 17px; }
  @media (max-width: 599px) {
    .mainfocus {
      margin-top: 16px; } }
  @media (max-width: 959px) {
    .mainfocus {
      margin-top: 16px; } }

.ysSection a {
  text-decoration: none; }
  .ysSection a:hover {
    color: #000; }
.ysSection.carousel div {
  height: 100%; }
  .ysSection.carousel div a {
    height: 100%; }
    .ysSection.carousel div a div {
      height: auto; }

@media (max-width: 959px) {
  .sections .carousel-inner {
    padding-bottom: 16px; } }

@media (max-width: 419px) {
  .flex-xxs-100 {
    max-width: 100% !important;
    -webkit-flex: 1 1 100% !important;
    flex: 1 1 100% !important; } }

.quicklinksblock {
  background-color: #FFF;
  padding: 16px;
  text-align: center;
  margin: 0 24px;
  position: relative;
  top: -24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .quicklinksblock ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .quicklinksblock ul li {
      margin: 8px 0; }
      .quicklinksblock ul li a {
        text-decoration: none; }
        @media (min-width: 960px) {
          .quicklinksblock ul li a {
            font-size: 17px; } }
  .quicklinksblock .urge {
    padding: 8px 16px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -32px; }

a:hover .quicklinksblock {
  color: #000; }
  @media (min-width: 960px) {
    a:hover .quicklinksblock {
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } }

@media (max-width: 959px) {
  .sidepromo .quicklinksblock {
    background-color: transparent;
    top: 0;
    margin: 0; } }

.beautybrandlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 16px; }
  .beautybrandlist ul li {
    box-sizing: border-box;
    width: 45%; }
  .beautybrandlist ul a {
    text-decoration: none; }

.blogFeatures a {
  height: 100%; }
.blogFeatures .flex-40 {
  overflow: hidden;
  position: relative; }
  .blogFeatures .flex-40 img {
    position: absolute;
    width: 100%; }
@media (max-width: 959px) {
  .blogFeatures h4.md-title {
    margin: 0.5em 0;
    font-size: 18px; } }

.frontpage-grid > div {
  margin-bottom: 0.3em;
  position: relative; }
  @media (min-width: 600px) {
    .frontpage-grid > div:not(:last-child) {
      border-right: 3px solid transparent; } }
.frontpage-grid .promoblock {
  overflow: hidden; }
  .frontpage-grid .promoblock a {
    display: block;
    width: 100%; }
    .frontpage-grid .promoblock a img {
      height: 100%;
      object-fit: cover; }
  @media (min-width: 600px) {
    .frontpage-grid .promoblock {
      padding-left: 1px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .frontpage-grid .promoblock.middle {
        padding-right: 1px; }
      .frontpage-grid .promoblock a {
        aspect-ratio: 325/136; } }
  @media (max-width: 599px) {
    .frontpage-grid .promoblock a {
      aspect-ratio: 483/202; } }
.frontpage-grid .quicklinks {
  border: 0.2rem solid #896E42;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 8px;
  box-sizing: border-box; }
  @media (max-width: 599px) {
    .frontpage-grid .quicklinks {
      padding: 24px 16px; } }
  .frontpage-grid .quicklinks h4 {
    margin: 4px 0;
    font-size: 18px; }
  .frontpage-grid .quicklinks ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 959px) {
      .frontpage-grid .quicklinks ul li:nth-child(1n+6) {
        display: none; } }
    @media (max-width: 599px) {
      .frontpage-grid .quicklinks ul li:nth-child(1n+0) {
        display: inline-block;
        margin: 2px 8px; } }
  .frontpage-grid .quicklinks a {
    text-decoration: none;
    display: block;
    padding: 3px 0;
    color: #333;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent;
    border-width: 1px 0; }
    @media (min-width: 1280px) {
      .frontpage-grid .quicklinks a {
        padding: 8px; } }
    .frontpage-grid .quicklinks a:hover {
      color: #000;
      border-color: #CCC; }
  .frontpage-grid .quicklinks .bestseller {
    margin: 0 0 16px;
    font-weight: bold;
    color: #FFF;
    background-color: #896E42;
    white-space: normal;
    line-height: 1.2; }
    .frontpage-grid .quicklinks .bestseller:hover {
      background-color: #22D20C; }
  .frontpage-grid .quicklinks.kids {
    border-color: #CCC; }
    .frontpage-grid .quicklinks.kids ul {
      margin: 0 4px; }
  .frontpage-grid .quicklinks .girl {
    color: #d03585; }
    .frontpage-grid .quicklinks .girl a {
      color: #d03585; }
      .frontpage-grid .quicklinks .girl a:hover {
        border-color: #edb1d0; }
  .frontpage-grid .quicklinks .boy {
    color: #1f5cb6; }
    .frontpage-grid .quicklinks .boy a {
      color: #1f5cb6; }
      .frontpage-grid .quicklinks .boy a:hover {
        border-color: #84adea; }
.frontpage-grid .title {
  margin: 8px;
  font-weight: bold; }

.mainGrid {
  margin-bottom: 0.3em; }

@media (min-width: 600px) {
  .flexGrid > div {
    height: 50%; }
    .flexGrid > div:first-child {
      border-bottom: 0.15em solid transparent; }
    .flexGrid > div:last-child {
      border-top: 0.15em solid transparent; } }
@media (max-width: 599px) {
  .flexGrid > div:first-child {
    border-right: 0.15em solid transparent; }
  .flexGrid > div:last-child {
    border-left: 0.15em solid transparent; } }

@media (max-width: 959px) {
  md-grid-list.videogrid {
    padding-bottom: 0 !important; }
    md-grid-list.videogrid md-grid-tile {
      position: relative; } }

md-grid-tile {
  /* Video Grid */ }
  md-grid-tile .msg {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #CCC;
    padding: 8px;
    box-sizing: border-box; }
    md-grid-tile .msg h4 {
      margin: 0.5em 0; }
    @media (min-width: 960px) {
      md-grid-tile .msg {
        padding: 16px; }
        md-grid-tile .msg h4 {
          font-size: 18px; } }
    @media (max-width: 959px) {
      md-grid-tile .msg h4 {
        font-size: 14px; }
      md-grid-tile .msg p {
        margin: 0.5em 0; }
      md-grid-tile .msg u {
        display: none; } }
    @media (min-width: 600px) and (max-width: 768px) {
      md-grid-tile .msg h4 {
        margin: 0; } }
    @media (max-width: 599px) {
      md-grid-tile .msg {
        padding: 16px; }
        md-grid-tile .msg h4 {
          font-size: 18px; }
        md-grid-tile .msg u {
          display: block; } }
    @media (max-width: 419px) {
      md-grid-tile .msg h4 {
        font-size: 14px; }
      md-grid-tile .msg p {
        margin: 0.5em 0; }
      md-grid-tile .msg u {
        display: none; } }
    md-grid-tile .msg:before {
      display: block;
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      top: -24px;
      left: -24px;
      border-width: 24px 24px 24px 0;
      border-style: solid;
      border-color: transparent #CCC transparent transparent; }
      @media (max-width: 959px) {
        md-grid-tile .msg:before {
          top: -16px;
          left: -16px;
          border-width: 16px 16px 16px 0; } }
      @media (max-width: 599px) {
        md-grid-tile .msg:before {
          top: -24px;
          left: -24px;
          border-width: 24px 24px 24px 0; } }
      @media (max-width: 419px) {
        md-grid-tile .msg:before {
          top: -16px;
          left: -16px;
          border-width: 16px 16px 16px 0; } }
  md-grid-tile > figure > a, md-grid-tile div > a:not(.thislook) {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
    md-grid-tile > figure > a:hover, md-grid-tile div > a:not(.thislook):hover {
      color: #000; }
  md-grid-tile div.vlist {
    overflow: auto !important;
    padding: 0 16px 16px; }
    md-grid-tile div.vlist img {
      width: 160px;
      height: 90px;
      margin-right: 8px; }
    md-grid-tile div.vlist > a {
      text-decoration: none;
      margin-top: 16px;
      height: auto; }
    md-grid-tile div.vlist .sectionHeading {
      padding-left: 0;
      padding-right: 0; }
    @media (min-width: 960px) {
      md-grid-tile div.vlist {
        margin-top: 0;
        padding-bottom: 0; }
      md-grid-tile div.vlist img {
        width: 50%;
        height: 50%;
        margin-right: 8px; } }
  @media (max-width: 959px) {
    md-grid-tile.similarlist {
      margin-top: 0 !important;
      padding-top: 0 !important; }
      md-grid-tile.similarlist > figure {
        position: relative; } }

.m2 {
  width: 100%;
  height: auto; }
  @media (min-width: 600px) {
    .m2 {
      height: 100%;
      width: auto; } }

.flexcenter {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  background-color: #CCC; }

.kidsnew {
  margin-bottom: 32px; }
  @media (max-width: 1279px) {
    .kidsnew {
      display: none; } }

.blog {
  background-color: #FFF; }
  .blog > a:first-child {
    text-align: center; }
    .blog > a:first-child img {
      min-width: 200px;
      max-width: 280px;
      margin: 0 auto; }
  .blog > div > a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none; }
    .blog > div > a b {
      display: inline-block;
      margin-bottom: 8px; }
  @media (max-width: 959px) {
    .blog > div:last-of-type, .blog md-divider:last-of-type {
      display: none; } }
  @media (max-width: 419px) {
    .blog > a:first-child {
      width: 100%; }
    .blog > div, .blog md-divider {
      display: none; } }

.categories > div {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-filter: grayscale(50%) contrast(120%);
  filter: grayscale(50%) contrast(120%); }
  @media (max-width: 599px) {
    .categories > div {
      width: calc(50% - 16px);
      height: 244px; }
      .categories > div > a {
        height: 242px; } }
  @media (min-width: 600px) {
    .categories > div {
      width: calc(33.3333% - 16px);
      height: 292px; }
      .categories > div > a {
        height: 290px; } }
  @media (min-width: 960px) {
    .categories > div {
      width: calc(16.6666% - 16px);
      height: 201px; }
      .categories > div > a {
        height: 199px; } }
  @media (max-width: 419px) {
    .categories > div {
      width: calc(50% - 16px);
      height: 177px; }
      .categories > div > a {
        height: 175px; } }
  .categories > div:hover, .categories > div:hover > a {
    -webkit-filter: grayscale(0%) contrast(100%);
    filter: grayscale(0%) contrast(100%); }
  .categories > div:hover > h2, .categories > div:hover > a b {
    opacity: 0;
    -ms-transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }
  .categories > div > img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .categories > div > a {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-filter: grayscale(50%) contrast(120%);
    filter: grayscale(50%) contrast(120%); }
    .categories > div > a > em {
      visibility: hidden; }
  .categories > div > h2, .categories > div > a b {
    -webkit-transition: all cubic-bezier(1, -0.73, 0.71, 1.92) 0.8s;
    transition: all cubic-bezier(1, -0.73, 0.71, 1.92) 0.8s;
    margin: 0;
    font-size: 14px;
    position: absolute;
    padding: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: inline-block;
    background: #FFF;
    border: 4px solid rgba(0, 150, 200, 0.44); }

.sectionHeading.musttry {
  margin-bottom: 8px;
  padding-bottom: 12px;
  background-color: #FEB5D0; }

.productgrid-more {
  text-align: center;
  margin-top: -24px; }

.featureheader {
  margin-top: 12px;
  margin-bottom: 2px; }
  @media (min-width: 960px) {
    .featureheader {
      margin-top: 18px;
      margin-bottom: 0; } }
  .featureheader .vAccordion--default v-pane-header {
    padding-bottom: 0;
    border-bottom: 0; }
    .featureheader .vAccordion--default v-pane-header h1 {
      margin-block: 0 8px;
      margin-inline: 0 18px;
      font-size: 20px;
      line-height: 24px;
      color: #333; }
    @media (min-width: 960px) {
      .featureheader .vAccordion--default v-pane-header {
        cursor: default; }
        .featureheader .vAccordion--default v-pane-header:before, .featureheader .vAccordion--default v-pane-header:after {
          display: none; }
        .featureheader .vAccordion--default v-pane-header:hover, .featureheader .vAccordion--default v-pane-header:focus {
          color: #555; } }
  .featureheader .vAccordion--default v-pane {
    margin-bottom: 8px; }
  .featureheader .vAccordion--default v-pane.is-expanded {
    margin-bottom: 24px; }
  @media (min-width: 960px) {
    .featureheader .vAccordion--default v-pane, .featureheader .vAccordion--default v-pane:not(.is-expanded) {
      margin-bottom: 24px; }
      .featureheader .vAccordion--default v-pane > v-pane-content, .featureheader .vAccordion--default v-pane:not(.is-expanded) > v-pane-content {
        max-height: none !important; } }
  .featureheader .snslist {
    margin-bottom: 24px; }
  .featureheader .noExtraContent h1 {
    margin-block: 0 8px;
    margin-inline: 0 18px;
    font-size: 20px;
    line-height: 24px;
    color: #333; }

@media (min-width: 960px) {
  .frontArea.beauty .sidepromo a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .frontArea.beauty .sidepromo a:before {
      display: block;
      content: "";
      padding-top: 163px;
      width: 100%; } }
    @media (min-width: 960px) and (min-width: 1280px) {
      .frontArea.beauty .sidepromo a:before {
        padding-top: 200px; } }
@media (min-width: 960px) {
    .frontArea.beauty .sidepromo a:hover .quicklinksblock {
      box-shadow: none; }
    .frontArea.beauty .sidepromo a > img {
      position: absolute;
      top: 0;
      left: 4px;
      width: calc(100% - 8px);
      clip: rect(4px, 330px, 168px, 0); } }
    @media (min-width: 960px) and (min-width: 1280px) {
      .frontArea.beauty .sidepromo a > img {
        clip: rect(4px, 330px, 205px, 0); } }
@media (min-width: 960px) {
    .frontArea.beauty .sidepromo a .quicklinksblock {
      padding: 12px 8px;
      margin: 0 4px;
      top: -4px; }
      .frontArea.beauty .sidepromo a .quicklinksblock h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .frontArea.beauty .sidepromo a .quicklinksblock p {
        margin: 4px 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

  .mainfocus .quicklinksblock, .sidepromo .quicklinksblock {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01); } }
.ysSection.productGrid .round-btn-wrapper.showMoreRow {
  margin-top: 30px;
  margin-bottom: 30px; }

html[dir=rtl] main md-grid-tile .thislook {
  right: auto;
  left: 1em; }
@media (min-width: 600px) {
  html[dir=rtl] .frontpage-grid > div:not(:last-child) {
    border-right: 0;
    border-left: 0.3em solid transparent; } }
html[dir=rtl] md-grid-tile > figure > a {
  justify-content: flex-end; }

.influencerBanner {
  position: relative;
  background-color: #fd84a5;
  margin: 0 auto 70px;
  max-width: 1000px;
  min-height: 200px;
  align-items: center;
  border-radius: 8px;
  padding: 32px 20px; }
  .influencerBanner .textbox {
    position: relative;
    z-index: 10; }
  .influencerBanner::after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    position: absolute;
    z-index: 0;
    background: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/ysinfluencer/influencer-banner/influencerBanner_frontpage_leftBG_m.png) left no-repeat, url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36507/imgs/ysinfluencer/influencer-banner/influencerBanner_frontpage_rightBG_m.png) right no-repeat;
    transition: opacity 1s ease; }
    @media (max-width: 599px) {
      .influencerBanner::after {
        opacity: 0.5;
        background-size: auto 100%, auto 100%; } }
    @media (max-width: 800px) {
      .influencerBanner::after {
        opacity: 0.5; } }
  @media (max-width: 959px) {
    .influencerBanner {
      margin: 0 16px 70px; } }
  .influencerBanner .influencerBannerTitle {
    color: #fff;
    font-size: 20px; }
  .influencerBanner .influencerBannerContent {
    color: #ffff00;
    font-size: 24px;
    font-weight: bold; }
  .influencerBanner .md-button {
    margin: 30px 0 0;
    max-width: 200px;
    width: 100%;
    z-index: 15; }

.seofrontpage [ys-product-grid] .ysSection.productGrid {
  min-height: 1248px; }
  @media (min-width: 600px) {
    .seofrontpage [ys-product-grid] .ysSection.productGrid {
      min-height: 865px; } }
  @media (min-width: 960px) {
    .seofrontpage [ys-product-grid] .ysSection.productGrid {
      min-height: 437px; } }
.seofrontpage .frontArea.highlightArea:has(div.mainfocus + div + div) img {
  aspect-ratio: 165/124; }
.seofrontpage .frontArea.highlightArea:has(div.mainfocus + div + div) div.mainfocus img {
  aspect-ratio: 198/199; }
@media (min-width: 960px) {
  .seofrontpage .frontArea.highlightArea:has(div.mainfocus + div + div) {
    min-height: 716px; } }

.seofrontpage [ys-product-grid]:not(:has(img)) {
  min-height: 375px; }
  @media (min-width: 960px) {
    .seofrontpage [ys-product-grid]:not(:has(img)) {
      min-height: 399px; } }