/* 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; } }
/* 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; }

@keyframes scaleFadeOut {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    bottom: 0%;
    max-height: 163px; }
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    bottom: -100%;
    max-height: 0; } }
md-dialog.promotionDialog {
  min-height: 100%;
  /* Custom breakpoint to control better dialog width and height */ }
  @media (min-width: 493px) {
    md-dialog.promotionDialog {
      max-width: 475px;
      min-width: 475px;
      max-height: 90%;
      min-height: 0;
      border-radius: 4px; } }
  md-dialog.promotionDialog .icon-promotions {
    font-size: 16px;
    margin-inline-end: 8px; }
  md-dialog.promotionDialog .md-dialog-content {
    padding: 10px 16px 0 !important; }
    @media only screen and (max-width: 458px) {
      md-dialog.promotionDialog .md-dialog-content {
        padding-left: 8px !important;
        padding-right: 8px !important; } }
    md-dialog.promotionDialog .md-dialog-content .banner-content {
      position: relative;
      display: block;
      margin: 8px 0 20px;
      color: unset;
      background-color: #f1f2f6;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
      text-decoration: none; }

.banner-list {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  bottom: Max(16px, env(safe-area-inset-bottom, 24px));
  left: 50%;
  z-index: 50;
  width: 100%;
  transform: translateX(-50%); }
  @media (min-width: 600px) {
    .banner-list {
      width: 442px; } }
  .banner-list .banner {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    bottom: -80px;
    margin: 0 auto;
    padding: 0 8px;
    opacity: 0;
    /* Custom breakpoint to control ".banner" width */ }
    .banner-list .banner.active {
      bottom: 0;
      opacity: 1; }
      .banner-list .banner.active:nth-child(4) {
        transition-delay: 0s; }
      .banner-list .banner.active:nth-child(3) {
        transition-delay: 0.3s; }
      .banner-list .banner.active:nth-child(2) {
        transition-delay: 0.6s; }
      .banner-list .banner.active:nth-child(1) {
        transition-delay: 0.9s; }
      .banner-list .banner.active.hide-banner {
        animation: scaleFadeOut 0.6s forwards; }
      .banner-list .banner.active.remove-delay {
        transition-delay: unset;
        max-height: 163px; }
    @media (min-width: 442px) {
      .banner-list .banner {
        max-width: 426px; } }
  .banner-list .closeButtonWrapper {
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 11px;
    z-index: 10; }
  .banner-list .closeButton.md-button {
    width: 40px;
    height: 40px;
    margin: 0;
    color: #666;
    background-color: rgba(255, 255, 255, 0.75);
    line-height: 22px; }
    .banner-list .closeButton.md-button:hover {
      background-color: rgba(255, 255, 255, 0.8); }

.banner-content {
  transition: margin .3s ease;
  display: block;
  width: 100%;
  position: relative;
  margin: 16px auto 0;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  /* Usage: Photo courtesy of BRAND_NAME */ }
  .banner-content .container {
    position: relative;
    min-height: 140px;
    margin: 0;
    padding: 16px 16px 14px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .banner-content h3, .banner-content div, .banner-content .cta {
    color: #fff; }
  .banner-content h3 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    font-family: "Noto Sans", Helvetica, Arial, tahoma, "Hiragino Maru Gothic Pro", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
    text-transform: unset; }
  .banner-content div {
    margin: 7px 0 0; }
    .banner-content div.itemImage {
      margin-top: 0; }
  .banner-content .hover-top {
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    padding: 2px 18px 4px;
    border-radius: 0 0 4px 4px;
    font-weight: 600;
    white-space: nowrap;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .banner-content .cta {
    margin: 12px 0 0;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    display: block; }
  .banner-content .seeDetails {
    display: block;
    width: 100%;
    padding: 4px 16px 6px;
    font-size: 12px;
    line-height: 12px;
    color: #666;
    background-color: rgba(255, 255, 255, 0.6);
    text-align: center;
    text-decoration: none;
    box-sizing: border-box; }
    .banner-content .seeDetails:hover {
      text-decoration: underline; }
  .banner-content .credit {
    position: absolute;
    bottom: 8px;
    font-size: 11px;
    color: #000;
    opacity: 0.2;
    width: 100%;
    left: 0; }
    .banner-content .credit.light {
      color: #fff; }
    @media only screen and (max-width: 458px) {
      .banner-content .credit .credit {
        bottom: 7px; } }
  @media only screen and (max-width: 458px) {
    .banner-content .container {
      height: calc( (100vw - 16px)/3 );
      min-height: unset !important; }
      .banner-content .container div, .banner-content .container span.preline {
        font-size: 12px !important;
        line-height: 14px !important;
        margin: 4px 8px !important; }
    .banner-content h3 {
      font-size: 14px !important;
      line-height: 16px !important; }
    .banner-content .cta {
      font-size: 14px !important;
      line-height: 16px !important; } }
  .banner-content .bg-img {
    position: absolute;
    z-index: 0;
    top: 0;
    width: auto;
    height: 100%; }
    .banner-content .bg-img.right {
      right: 0 !important; }
  .banner-content.darkText h3, .banner-content.darkText div, .banner-content.darkText .cta {
    color: #444; }
  .banner-content.productBigCard {
    text-align: left;
    background-color: #fffaee; }
    .banner-content.productBigCard .content {
      padding: 0px 16px 20px 16px;
      maring-top: 16px; }
    .banner-content.productBigCard .itemImage {
      min-height: 178px;
      display: block;
      background-color: #fff3d5; }
      .banner-content.productBigCard .itemImage img {
        width: 100%; }
      @media (max-width: 599px) {
        .banner-content.productBigCard .itemImage {
          min-height: 120px; } }

.daily-free-gift-pop {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/app/creative/common/daily_free_gift_background.jpg);
  background-color: #45eae3; }
  .daily-free-gift-pop.container {
    padding-left: 40px;
    padding-right: 40px; }

.bronze-pop {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/app/creative/common/bronze_banner_background.jpg);
  background-color: #eb8b4c; }
  .bronze-pop.container {
    position: relative;
    width: 100%;
    padding: 14px 30px 34px; }
  .bronze-pop h3 {
    color: #fffd4d; }
  .bronze-pop div {
    margin-bottom: 8px; }
  .bronze-pop + .seeDetails {
    position: absolute;
    bottom: 0;
    color: #e36f34; }

.influencers-pop {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/app/creative/common/s_influencers_background.jpg);
  background-color: #ff7ea2; }
  .influencers-pop.container {
    padding: 9px 60px 22px; }
  .influencers-pop h3 {
    color: #ff0; }
  @media only screen and (max-width: 458px) {
    .influencers-pop.container {
      padding-left: 46px;
      padding-right: 46px; }
    .influencers-pop .cta {
      display: block;
      margin: 4px 0; } }

.appdownload-pop {
  transition: text-shadow 1s;
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/app/creative/common/sab_background.jpg);
  background-color: #af2eed; }
  .appdownload-pop h3 {
    font-size: 18px;
    line-height: 20px; }
  .appdownload-pop .ends {
    border-top: 1px dotted rgba(0, 0, 0, 0.3);
    padding: 4px 4px 0; }
  .appdownload-pop:hover h3 {
    text-shadow: 0 0 10px yellow; }
  .appdownload-pop:hover .ends {
    text-shadow: 0 0 10px #af2eed; }

.easter-promotion-pop {
  background-image: url("https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/easterpage/easter2021/banner/easter2021_banner_background.jpg");
  background-color: #fbfaab; }
  .easter-promotion-pop h3 {
    text-shadow: -1px 0px #f83b65, 0px 0px #f83b65, 0 2px 0px #fff;
    letter-spacing: 1.2px; }
  .easter-promotion-pop h3, .easter-promotion-pop div, .easter-promotion-pop .cta {
    color: #F83B65;
    z-index: 1; }
  .easter-promotion-pop .bg-hover {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 50%; }
    .easter-promotion-pop .bg-hover.left {
      left: -40px; }
    .easter-promotion-pop .bg-hover.right {
      right: -17px; }

.elite2021-pop {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/app/creative/common/eliteclub2021_background.jpg);
  background-color: #765FBB; }
  .elite2021-pop h3 {
    font-size: 18px;
    line-height: 20px; }

.elitenew-pop {
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/21wk17/ys_points_bg.jpg);
  padding: 10px 6px 4px !important; }
  .elitenew-pop .subheading {
    margin: 0 0 5px;
    text-transform: uppercase; }
  .elitenew-pop h3 {
    color: #ffe571;
    margin: 0 0 10px; }
  .elitenew-pop .member-grid {
    width: 100%;
    padding: 0;
    margin: 0; }
  .elitenew-pop .card {
    margin: 0;
    overflow: hidden;
    width: 24%;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 6px; }
    .elitenew-pop .card div {
      margin: 0;
      font-size: 10px; }
    .elitenew-pop .card .points {
      padding: 3px; }
      .elitenew-pop .card .points b {
        color: #333;
        margin: 6px 0;
        font-size: 16px; }
      .elitenew-pop .card .points div {
        color: #888; }
    .elitenew-pop .card .card-footer {
      padding: 3px 3px 5px;
      font-size: 10px;
      margin: 0 -1px -1px; }
    .elitenew-pop .card.regular .card-footer {
      background-color: #22D20C; }
    .elitenew-pop .card.bronze .card-footer {
      background-color: #eb8b4c; }
    .elitenew-pop .card.silver .card-footer {
      background-color: #5a85b4; }
    .elitenew-pop .card.gold .card-footer {
      background-color: #fbbc00; }
  @media only screen and (max-width: 458px) {
    .elitenew-pop.container div {
      margin: 0 !important; }
    .elitenew-pop .card {
      width: calc( 25% - 2px ) !important;
      padding-top: 3px; }
      .elitenew-pop .card .points {
        padding: 0; }
        .elitenew-pop .card .points b {
          margin: 0;
          font-size: 12px; }
        .elitenew-pop .card .points div {
          margin: 2px 0 3px !important; }
      .elitenew-pop .card .card-footer {
        position: relative;
        height: 18px;
        box-sizing: border-box;
        padding: 3px 0 !important; }
        .elitenew-pop .card .card-footer span {
          transform: scale(0.8);
          display: block;
          white-space: nowrap;
          position: absolute;
          right: -5px;
          left: -5px; }
    .elitenew-pop .member-grid div {
      line-height: 12px !important; } }

.ig-silver2021-pop {
  background: linear-gradient(115deg, #ffd600 10%, #ff7a00 25%, #ff0069 45%, #d300c5 60%, #7638fa 90%);
  position: relative;
  padding: 28px 16px 12px !important; }
  .ig-silver2021-pop .hover-top {
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    color: #FC296B;
    font-size: 12px;
    padding: 2px 18px 4px;
    border-radius: 0 0 4px 4px;
    font-weight: 600;
    white-space: nowrap;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .ig-silver2021-pop .hover-top sup {
      transform: scale(0.7);
      display: inline-block;
      margin: 0 -2px; }
  .ig-silver2021-pop h3 {
    color: #FFD1AD;
    line-height: 22px; }
  .ig-silver2021-pop div + div {
    margin-top: 0 !important; }

.new-member-coupon-pop.container, .free-gift-pop.container, .influencers-pop-old.container {
  padding-right: 176px;
  text-align: left; }

.new-member-coupon-pop {
  background-color: #ffce53;
  padding: 16px;
  padding-right: 50%; }
  .new-member-coupon-pop h3, .new-member-coupon-pop h4 {
    margin: 0; }
  .new-member-coupon-pop h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 3px;
    text-transform: uppercase; }
  .new-member-coupon-pop h4, .new-member-coupon-pop .coupon-code {
    font-size: 14px;
    font-weight: normal; }
  .new-member-coupon-pop .coupon-code {
    margin-top: 10px; }

.free-gift-pop h3, .free-gift-pop h4, .influencers-pop-old h3, .influencers-pop-old h4 {
  margin: 0;
  color: #fff;
  z-index: 1; }
.free-gift-pop h3, .influencers-pop-old h3 {
  font-size: 20px;
  margin-bottom: 8px; }
.free-gift-pop h4, .influencers-pop-old h4 {
  font-size: 14px;
  font-weight: normal; }

.free-gift-pop {
  background-color: #34a4de; }

.influencers-pop-old {
  background-color: #ff4d7c; }

.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; }

/* Elite Club Benefits */
.elite-club-benefit {
  position: relative;
  min-height: 63px;
  margin: 0 auto 30px;
  padding: 12px 4px;
  color: #fff;
  z-index: 3; }
  .elite-club-benefit:not([class*="-bg"]) {
    background: rgba(255, 255, 255, 0.6); }
  .elite-club-benefit .greeting {
    font-size: 16px;
    font-weight: bold; }
  .elite-club-benefit .vLine {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 10px;
    background: rgba(255, 255, 255, 0.6); }
  .elite-club-benefit .member-benefit {
    margin-top: 3px;
    min-width: 50%; }
    @media (max-width: 959px) {
      .elite-club-benefit .member-benefit {
        min-width: 80%; } }
    @media (max-width: 599px) {
      .elite-club-benefit .member-benefit {
        width: 100%; } }
  .elite-club-benefit a {
    z-index: 2;
    color: #fff;
    text-decoration: underline; }
  .elite-club-benefit .member-coupon:after {
    content: "";
    position: relative;
    top: 4px;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 1px 0 3px;
    border-style: solid;
    border-width: 6.92px 4px 0;
    border-color: #fff transparent transparent;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .elite-club-benefit > div {
    position: relative;
    z-index: 2; }
  .elite-club-benefit:before, .elite-club-benefit:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/specialoffer/eliteclub_light.png) no-repeat top right;
    background-size: auto 100%; }
  .elite-club-benefit:after {
    transform: scaleX(-1); }

.couponList {
  left: 0;
  top: 21px;
  transform-origin: center top;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.18, 1) 0s;
  background-color: #fff;
  padding: 8px 0;
  border-radius: 5px;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.2);
  color: #000;
  width: 100%; }
  @media (max-width: 599px) {
    .couponList {
      top: 38px; } }
  .couponList .table + .subtle {
    margin: 8px 16px;
    color: #999;
    font-size: 12px;
    line-height: 15px; }
  .couponList .table tr th:first-child, .couponList .table tr td:first-child {
    padding-left: 16px; }
  .couponList .table tr th:last-child, .couponList .table tr td:last-child {
    padding-right: 16px; }
  .couponList .table th {
    padding-top: 6px; }

/* Back Up - Introduction Banner height:230px;
.intro-banner{position:relative; height:160px; padding:0 30px; text-align:center; background:#ef2054; background:radial-gradient(circle, rgba(239,32,84,1) 0%, rgba(239,32,84,1) 40%, rgba(185,6,50,1) 100%);&:before{ content:""; position:absolute; top:0; left:0; right:0; display:block; width:100%; height:3px; background:rgba(0,0,0,.2); }h3, .desc{ color:#fff; }h3{ font-size:64px; line-height:72px; margin:-16px 0 0; padding:0; }.desc{ font-size:14px; line-height:16px; }@include when-gt-sm {height:190px;h3{ font-size:84px; line-height:92px; }.desc{ font-size:16px; line-height:18px; }}}
*/
/* Custom CSS to revise RaisingDiscountCoupon.html */
.insert-banner {
  margin-bottom: 30px; }

/* Other Sections */
.full-width-sections {
  padding: 30px 0; }

.sections {
  /* Begin: To be removed */
  /* End: To be removed */ }
  .sections.banner-section > h3, .sections.clearance > h3, .sections.free-gift > h3 {
    margin-bottom: 24px; }
  .sections.banner-section {
    margin-top: -5px;
    margin-bottom: 68px; }
    @media (min-width: 600px) {
      .sections.banner-section {
        margin-bottom: 106px; } }
    @media (min-width: 960px) {
      .sections.banner-section {
        margin-bottom: 106px; } }
  .sections.stock-clearance > h3 {
    margin-bottom: 24px; }
  .sections.stock-clearance {
    padding: 24px 12px 30px;
    background-position: left -380px top, right -360px top, center center; }
    @media (min-width: 600px) {
      .sections.stock-clearance {
        background-position: left -320px top, right -280px top, center center; } }
    @media (min-width: 960px) {
      .sections.stock-clearance {
        padding-left: 18px;
        padding-right: 18px;
        background-position: left -220px top, right -222px top, center center; } }
  .sections.clearance {
    padding: 24px 12px 30px; }
    @media (min-width: 960px) {
      .sections.clearance {
        padding-left: 18px;
        padding-right: 18px; } }
  .sections.terms-and-conditions {
    margin-bottom: 42px; }
    @media (max-width: 959px) {
      .sections.terms-and-conditions {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 960px) {
      .sections.terms-and-conditions {
        margin-bottom: 52px; } }

/* Free Gift Floating Button */
.float-btn {
  display: none;
  position: fixed;
  inset-inline-start: 16px;
  bottom: 16px;
  z-index: 49;
  cursor: pointer;
  height: 82px;
  color: #fff; }
  .float-btn.active {
    display: block; }
  .float-btn .float-container {
    height: 100%;
    border-start-start-radius: 40px;
    position: relative;
    overflow: hidden;
    padding-inline-end: 20px;
    padding-bottom: 10px; }
  .float-btn .free-ribbon {
    text-transform: uppercase;
    border-end-end-radius: 40px;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    padding-block: 3px;
    padding-inline: 25px 20px;
    background-color: #FF3A71;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box; }
  .float-btn .float-bubble {
    background: #42b0e1 url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/specialoffer/daily_free_gift_bg.jpg) repeat-x;
    min-width: 82px;
    height: 82px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 41px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }
    .float-btn .float-bubble img {
      width: 66px;
      height: 66px;
      border-radius: 50%; }
    .float-btn .float-bubble .shrinking, .float-btn .float-bubble .non-shrink {
      padding: 0 12px; }
      .float-btn .float-bubble .shrinking h3, .float-btn .float-bubble .shrinking div, .float-btn .float-bubble .non-shrink h3, .float-btn .float-bubble .non-shrink div {
        margin: 0; }
      .float-btn .float-bubble .shrinking div, .float-btn .float-bubble .non-shrink div {
        margin-top: 4px; }
      .float-btn .float-bubble .shrinking .cta, .float-btn .float-bubble .non-shrink .cta {
        text-decoration: underline;
        text-transform: uppercase; }
      .float-btn .float-bubble .shrinking.shrink-hide, .float-btn .float-bubble .non-shrink.shrink-hide {
        width: 0;
        padding: 0;
        opacity: 0;
        overflow: hidden;
        transition: .5s;
        max-width: 0; }
    .float-btn .float-bubble .shrinking h3, .float-btn .float-bubble .shrinking div {
      font-size: 16px;
      line-height: 18px;
      white-space: nowrap; }
    .float-btn .float-bubble .non-shrink {
      max-width: 250px;
      text-align: center; }
      .float-btn .float-bubble .non-shrink h3, .float-btn .float-bubble .non-shrink div {
        font-size: 14px;
        line-height: 16px; }
  .float-btn:hover .float-bubble .shrinking.shrink-hide {
    width: auto;
    padding: 0 12px;
    opacity: 1;
    max-width: unset; }

/* Flash Sales and Stock Clearance */
.itemImage {
  position: relative;
  background: #fff;
  border-radius: 12px;
  overflow: hidden; }
  .itemImage img {
    display: block;
    width: 100%; }

.sale-grid-list {
  margin: 16px 16px 29px; }
  @media (min-width: 960px) {
    .sale-grid-list {
      margin-left: 24px;
      margin-right: 24px; } }
  .sale-grid-list .itemContainer {
    position: relative;
    padding: 3px;
    border-radius: 4px;
    overflow: hidden; }
  .sale-grid-list .itemContent {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 3px 10px;
    box-sizing: border-box;
    text-align: center; }
  .sale-grid-list .itemClaimed {
    width: 100%; }

.sales-section {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-height: 320px;
  /* Custom breakpoint */ }
  @media (min-width: 960px) {
    .sales-section {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 1237px) {
    .sales-section {
      padding: 0; } }

.sales-section > a, .clearance-card {
  width: 100%;
  text-decoration: none; }
  .sales-section > a .flipclock, .clearance-card .flipclock {
    margin: 0 0 19px; }
  .sales-section > a:hover .md-button, .clearance-card:hover .md-button {
    background-color: #63c956; }

.sales-section > a {
  padding-top: 24px;
  padding-bottom: 30px; }
  @media (max-width: 959px) {
    .sales-section > a:first-child {
      margin-bottom: 30px; } }
  @media (min-width: 960px) {
    .sales-section > a {
      margin: 0 12px; }
      .sales-section > a:first-child {
        margin-inline-start: 0; }
      .sales-section > a:last-child {
        margin-inline-end: 0; } }
  .sales-section > a h3 {
    margin-bottom: 8px; }
  .sales-section > a .sale-grid-list {
    position: relative;
    padding: 3px;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px 0 rgba(22, 65, 0, 0.18);
    border-radius: 16px;
    overflow: hidden; }
    .sales-section > a .sale-grid-list .itemContainer {
      margin-bottom: 0; }
    @media (max-width: 599px) {
      .sales-section > a .sale-grid-list .itemContainer:nth-last-child(-n+2) {
        display: none; } }
  .sales-section > a .showMoreRow {
    margin-top: 16px; }

.clearance-card {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box; }
  .clearance-card:first-child {
    margin-bottom: 30px; }
    @media (min-width: 600px) {
      .clearance-card:first-child {
        margin-bottom: 0; } }
  .clearance-card a, .clearance-card a .md-button {
    color: #333 !important;
    background: #fff !important; }
  .clearance-card a:hover .md-button {
    color: #22D20C !important; }
  .clearance-card .sale-grid-list {
    width: 100%;
    margin: 0;
    padding: 3px 3px 16px;
    border-radius: 16px;
    text-align: center; }
  .clearance-card .itemImage {
    padding-bottom: 12px; }
  .clearance-card .itemContent {
    color: #fff;
    background-color: #f77; }
  .clearance-card .showMoreRow {
    margin-top: 14px; }
  .clearance-card .itemContainer {
    display: none; }
    .clearance-card .itemContainer:nth-child(-n+3) {
      display: flex; }
    @media (min-width: 600px) {
      .clearance-card .itemContainer {
        display: flex; } }

/* Discount Grid  - To overwritten existing .discount-grid in Home Page */
.discount-grid {
  /* Below CSS is to overwrite the width of 1st promotion card */ }
  @media (max-width: 959px) {
    .discount-grid:not(.beauty-discount-grid) .flex-gt-sm-33:first-child {
      flex: 100%; }
      .discount-grid:not(.beauty-discount-grid) .flex-gt-sm-33:first-child, .discount-grid:not(.beauty-discount-grid) .flex-gt-sm-33:first-child .grid-item .card-hover {
        max-width: 100%; } }
  .discount-grid .grid-item .card-hover p, .discount-grid .grid-item .card-hover div {
    margin-top: 7px; }
  .discount-grid .grid-item .card-hover discount + p + p, .discount-grid .grid-item .card-hover discount + div + div {
    margin-top: 4px; }
  .discount-grid .grid-item .card-hover .flipclock-mini {
    position: absolute;
    top: -31px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 3px 4px; }

.free-gift {
  padding: 25px 8px 0;
  background: #fff; }
  @media (min-width: 600px) {
    .free-gift {
      padding-left: 8px;
      padding-right: 8px; } }
  @media (min-width: 960px) {
    .free-gift {
      padding-left: 18px;
      padding-right: 18px; } }

.article-item {
  border-radius: 4px;
  overflow: hidden;
  margin: 0 8px 30px; }
  @media (min-width: 600px) {
    .article-item {
      width: calc( 50% - 16px ); } }
  @media (min-width: 960px) {
    .article-item {
      width: calc( 33.3% - 24px );
      margin-left: 12px;
      margin-right: 12px; } }
  .article-item .itemImage {
    padding-top: 41.875%;
    border-radius: 0; }
    .article-item .itemImage img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
  .article-item .content {
    padding: 13px 0 2px;
    box-sizing: border-box; }
    .article-item .content h3 {
      margin-bottom: 4px;
      font-family: "Noto Sans", Helvetica, Arial, tahoma, "Hiragino Maru Gothic Pro", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
      font-weight: 600;
      font-size: 18px;
      line-height: 20px;
      text-align: start;
      text-transform: none; }
    .article-item .content .para {
      color: #666;
      line-height: 16px; }
  .article-item .md-button {
    margin: 3px -11px -10px;
    color: #666; }
    .article-item .md-button:hover {
      color: #63c956;
      background-color: transparent !important; }

md-dialog.daily-free-gift {
  max-width: 100%;
  max-height: 100%; }
  @media (max-width: 599px) {
    md-dialog.daily-free-gift {
      height: 100%;
      width: 100%; } }
  @media (min-width: 600px) {
    md-dialog.daily-free-gift {
      max-width: 466px; } }
  md-dialog.daily-free-gift md-toolbar {
    max-height: none;
    min-height: none;
    background: #15eef7 url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/specialoffer/daily_free_gift_dialog_bg.jpg) repeat-x; }
    md-dialog.daily-free-gift md-toolbar .md-toolbar-tools {
      padding: 15px 16px; }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools, md-dialog.daily-free-gift md-toolbar .md-toolbar-tools a {
        color: #fff; }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools img {
        width: 100px;
        height: 100px; }
        @media (min-width: 600px) {
          md-dialog.daily-free-gift md-toolbar .md-toolbar-tools img {
            width: 140px;
            height: 140px; } }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools span.flex {
        padding: 0;
        padding-left: 16px; }
        @media (min-width: 600px) {
          md-dialog.daily-free-gift md-toolbar .md-toolbar-tools span.flex {
            height: 140px;
            padding-block: 16px;
            padding-inline: 16px 0; } }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools h2 {
        font-weight: bold;
        margin-bottom: 8px; }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools h3 {
        font-size: 14px;
        margin-bottom: 12px; }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools a {
        font-size: 12px;
        text-decoration: underline; }
      md-dialog.daily-free-gift md-toolbar .md-toolbar-tools .closeButton {
        position: absolute;
        inset-inline-end: 10px;
        top: 5px;
        background-color: rgba(0, 0, 0, 0.1); }
        md-dialog.daily-free-gift md-toolbar .md-toolbar-tools .closeButton:hover {
          background-color: rgba(0, 0, 0, 0.2) !important; }
  md-dialog.daily-free-gift md-dialog-content {
    background: #F5F5F5; }
    md-dialog.daily-free-gift md-dialog-content span {
      margin: 16px 0; }
    @media (min-width: 960px) {
      md-dialog.daily-free-gift md-dialog-content span {
        margin: 30px 0 0; } }
    md-dialog.daily-free-gift md-dialog-content .title {
      margin: 16px;
      margin-top: 16px !important; }
    md-dialog.daily-free-gift md-dialog-content .ig-button {
      margin: 16px 0 0;
      color: #fff;
      background: linear-gradient(135deg, #ffb427 0%, #ff3a49 30%, #e518a1 60%, #6634e1 100%); }
      md-dialog.daily-free-gift md-dialog-content .ig-button:before {
        font-size: 20px; }
      md-dialog.daily-free-gift md-dialog-content .ig-button span {
        position: relative;
        top: 1px;
        margin-left: 10px; }
    md-dialog.daily-free-gift md-dialog-content md-input-container {
      width: 100%;
      margin: 8px 0 !important; }
    md-dialog.daily-free-gift md-dialog-content .input-section {
      margin-top: 30px;
      padding: 8px 0; }
  md-dialog.daily-free-gift form .md-button {
    margin: 8px 0 0; }

.instagram-grid, .app-grid {
  width: 100%;
  min-height: 364px;
  padding: 20px 16px 16px;
  background: #fff;
  box-sizing: border-box; }
  .instagram-grid a, .app-grid a {
    margin-top: 16px; }
  .instagram-grid h4, .app-grid h4 {
    margin: 0 0 6px; }
  .instagram-grid img, .app-grid img {
    width: 100%;
    height: auto;
    border-radius: unset; }

.app-grid a:last-child {
  margin-inline-start: 12px; }