/*=============================================>>>>>
= Old icon system, kept for legacy item icons
===============================================>>>>>*/
@font-face {
  font-family: "Icons";
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/iconfonts/Icons-928997dece.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/iconfonts/Icons-928997dece.eot?#iefix") format("eot"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/iconfonts/Icons-cc3d38e6fb.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/iconfonts/Icons-f8fba39a8e.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/iconfonts/Icons-a8c6a0df00.svg#Icons") format("svg");
}
body:not(#item) [class^=icon-], body:not(#item) [class*=" icon-"], body:not(#item) span.icon, body:not(#item) span.checkboxIcon, body:not(#item) span.checkbox, body:not(#item) div.btn {
  font-family: "Icons";
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icon-search:before {
  content: "\e042";
}

.icon-close:before,
.close:before {
  content: "\e03e";
}

.icon-logged-ok:before {
  content: "";
}

.icon-simple-arrow-down span:before {
  content: "\e037";
}

.icon-simple-arrow-up span:before {
  content: "\e038";
}

.radiobutton .radioIcon:before {
  content: "\e02c";
}

.selected .radiobutton .radioIcon:before {
  content: "\e02d";
}

.backToShoppingButton .icon:before {
  content: "\e028";
}

.minicartProds .removeItem .icon:before {
  content: "\e05d";
}

.shippingCountryAlert .icon:before {
  content: "\e03f";
}

.icon-arrow-down:before {
  content: "\e025";
}

.icon-arrow-right:before {
  content: "\e026";
}

.icon-arrow-up:before {
  content: "\e027";
}

.icon-backtostore:before {
  content: "\e028";
}

.icon-breathable:before {
  content: "\e02b";
}

.icon-bullett-1:before {
  content: "\e02c";
}

.icon-bullett-sel-1:before {
  content: "\e02d";
}

.icon-burger:before {
  content: "\e02e";
}

.icon-checkbox:before {
  content: "\e02f";
}

.icon-download:before {
  content: "\e031";
}

.icon-drawing:before {
  content: "\e032";
}

.icon-flag-sel-1:before {
  content: "\e034";
}

.icon-flag:before {
  content: "\e035";
}

.icon-fre-mobi:before {
  content: "\e036";
}

.icon-freccia-giu:before {
  content: "\e037";
}

.icon-freccia-su:before {
  content: "\e038";
}

.icon-getdir:before {
  content: "\e039";
}

.icon-gps-marker:before {
  content: "\e03b";
}

.icon-gruppo:before {
  content: "\e03c";
}

.icon-ico-alert:before {
  content: "\e03d";
}

.icon-ics:before {
  content: "\e03e";
}

.icon-info:before {
  content: "\e03f";
}

.icon-insulation:before {
  content: "\e041";
}

.icon-lens:before {
  content: "\e042";
}

.icon-lightweight:before {
  content: "\e043";
}

.icon-local-icon:before {
  content: "\e044";
}

.icon-localcorner:before {
  content: "\e045";
}

.icon-localflag:before {
  content: "\e046";
}

.icon-locationpin:before {
  content: "\e047";
}

.icon-mail:before {
  content: "\e048";
}

.icon-minus-off:before {
  content: "\e049";
}

.icon-minus-on:before {
  content: "\e04a";
}

.icon-options:before {
  content: "\e04b";
}

.icon-ordini-resi-ico:before {
  content: "\e04c";
}

.icon-partearr:before {
  content: "\e04e";
}

.icon-phone:before {
  content: "\e04f";
}

.icon-phone_tailormade:before {
  content: "\e050";
}

.icon-plus-off:before {
  content: "\e052";
}

.icon-plus-on:before {
  content: "\e053";
}

.icon-plus:before {
  content: "\e054";
}

.icon-printsi:before {
  content: "\e055";
}

.icon-share:before {
  content: "\e056";
}

.icon-si-logo:before {
  content: "\e057";
}

.icon-si-star:before {
  content: "\e058";
}

.icon-star:before {
  content: "\e05a";
}

.icon-top:before {
  content: "\e05c";
}

.icon-trashbin:before {
  content: "\e05d";
}

.icon-unlogged:before {
  content: "\e061";
}

.icon-up-page:before {
  content: "\e062";
}

.icon-v-checked:before {
  content: "\e063";
}

.icon-v-scroll:before {
  content: "\e064";
}

.icon-waterproof:before {
  content: "\e066";
}

.icon-windproof:before {
  content: "\e067";
}

@keyframes fade-moving {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #dbdbdb;
  }
  100% {
    background-color: #ffffff;
  }
}
html {
  box-sizing: border-box;
}
html.locked {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
}

legend,
menu,
ul, ol,
fieldset {
  list-style: none;
  padding: 0;
  margin: 0;
}

select,
[type=submit],
[type=text],
[type=email],
[type=password],
[type=tel],
menu,
fieldset {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

fieldset {
  border: 0;
}

.is-vHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden {
  display: none;
}

.disabled,
:disabled:not([type=checkbox]) {
  opacity: 0.5;
  pointer-events: none;
}

.skip-link {
  display: block;
  position: fixed;
  top: 5px;
  z-index: 90;
  background-color: #ffffff;
  padding: 8px;
  padding: 0.5rem   ;
  text-decoration: underline;
}
.skip-link:not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkBox input[type=checkbox]:focus ~ .checkboxIcon {
  outline-color: #919191;
  outline-style: solid;
  outline-width: medium;
  outline-offset: -1px;
}

.radioButton input[type=radio]:focus ~ .radioIcon {
  outline-color: #919191;
  outline-style: solid;
  outline-width: medium;
  outline-offset: -1px;
}

.withBlur5Transition {
  transition: filter 0.5s linear;
}

.withBlur5Transition--on {
  filter: blur(5px);
}

:focus,
.focused {
  outline-color: #919191;
  outline-style: solid;
  outline-width: medium;
  outline-offset: -1px;
}

body.using-mouse :focus,
body.using-mouse .focused {
  outline: transparent;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

img[data-origin] {
  animation: fade-moving 0.5s infinite;
}
img[data-origin].loaded {
  animation: none;
}

.paylater-container {
  margin: 20px 0;
}

@font-face {
  font-family: "pf_dintext_proregular";
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.svg#pf_dintext_proregular") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "pf_dintext_promedium";
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.svg#pf_dintext_promedium") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "pf_dintext_prolight";
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.svg#pf_dintext_prolight") format("svg");
  font-display: swap;
}
button {
  -webkit-appearance: none;
          appearance: none;
  letter-spacing: inherit;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  cursor: pointer;
}

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: ripple-animation 2.5s;
  pointer-events: none;
}

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#siteOverlay {
  z-index: 90;
  opacity: 0;
  transition: transform 0.2s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#siteOverlay.loading {
  opacity: 0.7;
  visibility: visible;
}

body:not(#newbalance):not(.blacktheme) #siteOverlay {
  background-color: #dbdbdb;
}
body:not(#newbalance):not(.blacktheme) #siteOverlay .spinner {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/img/spinner.svg");
  background-repeat: no-repeat;
  background-position: center;
}

#newbalance #siteOverlay,
.blacktheme #siteOverlay {
  background-color: #000000;
}
#newbalance #siteOverlay .spinner,
.blacktheme #siteOverlay .spinner {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/img/spinner-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.spinner {
  z-index: 110;
  width: 32px;
  width: 2rem   ;
  height: 32px;
  height: 2rem   ;
  display: block;
  position: fixed;
  left: calc( 50% - 1rem   );
  top: calc( 50% - 1rem   );
}

.loading .spinner {
  animation: rotate 1.5s linear infinite;
}

#main .video-js {
  height: 100%;
}
#main .video-js .vjs-big-play-button {
  width: 1.25em;
  height: 1.25em;
  margin: 0;
  transform: translate(-50%, -50%);
  border: 2px solid #ffffff;
  color: #000000;
  background-color: #ffffff;
  transition: border 0.4s, color 0.4s, background-color 0.4s;
}
#main .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  top: -19px;
  top: -1.1875rem   ;
  font-size: 25px;
  font-size: 1.5625rem   ;
}
#main .video-js:hover .vjs-big-play-button {
  border: 2px solid #000000;
  color: #ffffff;
  background-color: #000000;
}
#main .video-js .vjs-volume-level,
#main .video-js .vjs-play-progress {
  background-color: #ffffff;
}
#main .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #ffffff;
}
#main .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected:hover, #main .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected:focus {
  color: #000000;
}
#main .video-js .vjs-social-overlay .vjs-social-share-links {
  display: flex;
  justify-content: center;
  margin: 0;
}
#main .video-js .vjs-social-share-link {
  border-bottom: none;
  background-color: transparent;
  transform: translateY(-100%);
  opacity: 0;
}
#main .video-js .vjs-social-share-link:nth-child(1) {
  animation: social_share-slide 0.3s ease-out 0.2s forwards;
}
#main .video-js .vjs-social-share-link:nth-child(2) {
  animation: social_share-slide 0.3s ease-out 0.3s forwards;
  float: right;
}
#main .video-js .vjs-social-share-link:nth-child(3) {
  animation: social_share-slide 0.3s ease-out 0.4s forwards;
}
#main .video-js .vjs-social-share-link:nth-child(4) {
  animation: social_share-slide 0.3s ease-out 0.5s forwards;
}
#main .video-js .vjs-social-share-link::before {
  font-size: 20px;
  font-size: 1.25rem   ;
}
#main .video-js.vjs-fullscreen .vjs-time-control {
  padding: 0;
  margin: 0;
}
@keyframes social_share-slide {
  0% {
    transform: translateY(-80%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.blacktheme {
  background-color: #000000;
}
.blacktheme.domContentLoaded main [target=_blank]::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-topright-white.svg");
}
.blacktheme .header {
  background-color: #000000;
}
@media (min-width: 1024px) {
  .blacktheme .header {
    color: #ffffff;
  }
}
.blacktheme .header__skip-link {
  background-color: #000000;
  color: #ffffff;
}
.blacktheme .header__promostrip {
  border-bottom: 1px solid #ffffff;
}
.blacktheme .header__menu-icon, .blacktheme .header__tablet-menu-button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/burger-white.svg");
}
.blacktheme .header__logo-icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/logo_w.svg");
}
.show-shoes-logo .blacktheme .header__logo-icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/logo_w_us.svg");
}
.blacktheme .header__search-icon, .blacktheme .header__secondary-navigation .search-button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/search-lens-white.svg");
}
.blacktheme .header .minicart-button .count {
  color: #ffffff;
}
.blacktheme .header .minicart-button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/bag-1-white.svg");
}
@media (min-width: 1024px) {
  .blacktheme .header__secondary-navigation .login-button .icon {
    background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/unlogged-white.svg");
  }
}
@media (min-width: 1024px) {
  .blacktheme .main-menu__submenu--level-1.main-menu__submenu--expanded {
    background-color: #000000;
  }
}
@media (min-width: 1024px) {
  .blacktheme .main-menu__button-wrapper__close .icon:before, .blacktheme .main-menu__button-wrapper__close .icon:after, .blacktheme .main-menu__submenu--level-1::before {
    background-color: #ffffff;
  }
}
.blacktheme #main {
  color: #ffffff;
}
.blacktheme #main [type=text],
.blacktheme #main [type=password],
.blacktheme #main [type=email],
.blacktheme #main [type=tel],
.blacktheme #main [type=number],
.blacktheme #main select,
.blacktheme #main textarea {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #ffffff;
}
.blacktheme #main .passwordViewer--button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd-white.svg");
}
.blacktheme #main .password-visible .passwordViewer--button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd-white.svg");
}
.blacktheme #main select {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/select_arrow_down-white.svg");
}
.blacktheme .slot .contentWrapper {
  background-color: #000000;
}
.blacktheme .footer {
  border-top: 1px solid #ffffff;
  position: relative;
  z-index: 59;
}

.blacktheme.show-shoes-logo .header__logo-icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/logo_w_us.svg");
}

.uiLayer-blacktheme {
  color: #ffffff;
}
.uiLayer-blacktheme.mfp-bg {
  background-color: #000000;
}
.desktop .uiLayer-blacktheme.mfp-bg {
  background-color: #ffffff;
}
.desktop .uiLayer-blacktheme.mfp-bg.mfp-ready {
  opacity: 0.3;
}
.desktop .uiLayer-blacktheme .mfp-content > .inner {
  background-color: #000000;
}
.uiLayer-blacktheme [type=text],
.uiLayer-blacktheme [type=password],
.uiLayer-blacktheme [type=email],
.uiLayer-blacktheme [type=tel],
.uiLayer-blacktheme [type=number],
.uiLayer-blacktheme select,
.uiLayer-blacktheme textarea {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #ffffff;
}
.uiLayer-blacktheme [type=text][readonly=readonly],
.uiLayer-blacktheme [type=email][readonly=readonly] {
  background-color: #313131;
  cursor: default;
}
.uiLayer-blacktheme .submit {
  background-color: #ffffff;
  color: #000000;
}
.uiLayer-blacktheme .passwordViewer--button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd-white.svg");
}
.uiLayer-blacktheme .password-visible .passwordViewer--button .icon {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd-white.svg");
}
.uiLayer-blacktheme select {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/select_arrow_down-white.svg");
}
.uiLayer-blacktheme .mfp-close:after,
.uiLayer-blacktheme .mfp-close:before {
  background-color: #ffffff;
}
.domContentLoaded .uiLayer-blacktheme a[target=_blank]::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-topright-white.svg");
}

:root {
  --promo-strip-height: 2.3125rem   ;
}

@keyframes cta-3-line-3-blur {
  from {
    transform: scaleX(0.5);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes cta-3-line-3-hover {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(0.5);
  }
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.disablePointerEvents {
  pointer-events: none;
}
body.disablePointerEvents .mfp-wrap {
  pointer-events: all;
}
body.disablePointerEvents #zoomLayer {
  pointer-events: all;
}
body.disableScroll, body.sidebar-opened {
  overflow: hidden;
}
.touch body.disableScroll, .touch body.sidebar-opened {
  position: fixed;
}
body.specialLock {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

main {
  padding-left: 16px;
  padding-left: 1rem   ;
  padding-right: 16px;
  padding-right: 1rem   ;
  flex-grow: 1;
}

main [target=_blank]::after,
.confirmation-bottom-row [target=_blank]::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  width: 10px;
  width: 0.625rem   ;
  height: 10px;
  height: 0.625rem   ;
  margin-left: 4px;
  margin-left: 0.25rem   ;
  content: "";
  display: inline-block;
}
.domContentLoaded main [target=_blank]::after,
.domContentLoaded .confirmation-bottom-row [target=_blank]::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-topright.svg");
}
html.edge main [target=_blank]::after,
html.edge .confirmation-bottom-row [target=_blank]::after {
  width: 10px;
  height: 11px;
}

footer [target=_blank]::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  width: 10px;
  width: 0.625rem   ;
  height: 10px;
  height: 0.625rem   ;
  margin-left: 4px;
  margin-left: 0.25rem   ;
  content: "";
  display: inline-block;
}
.domContentLoaded footer [target=_blank]::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-topright-white.svg");
}
html.edge footer [target=_blank]::after {
  width: 10px;
  height: 11px;
}

.type-style-title-1 {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-1 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-1 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-1 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-1 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-1 {
  font-family: Arial, sans-serif;
}

.type-style-title-2 {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-2 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-2 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-2 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-2 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-2 {
  font-family: Arial, sans-serif;
}
.jp .type-style-title-2, .kr .type-style-title-2, .cn .type-style-title-2, .ru .type-style-title-2 {
  font-weight: 700;
}

.type-style-title-3 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-3 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-3 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-3 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-3 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-3 {
  font-family: Arial, sans-serif;
}

.type-style-title-4 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-4 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-4 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-4 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-4 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-4 {
  font-family: Arial, sans-serif;
}
.jp .type-style-title-4, .kr .type-style-title-4, .cn .type-style-title-4, .ru .type-style-title-4 {
  font-weight: 700;
}

.type-style-title-5 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-5 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-5 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-5 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-5 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-5 {
  font-family: Arial, sans-serif;
}
.jp .type-style-title-5, .kr .type-style-title-5, .cn .type-style-title-5, .ru .type-style-title-5 {
  font-weight: 700;
}

.type-style-title-6 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-6 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-6 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-6 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-6 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-6 {
  font-family: Arial, sans-serif;
}

.type-style-title-7 {
  font-size: 12px;
  font-size: 0.75rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-7 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-7 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-7 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-7 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-7 {
  font-family: Arial, sans-serif;
}

.type-style-title-8 {
  font-size: 12px;
  font-size: 0.75rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-title-8 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .type-style-title-8 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-title-8 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-title-8 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-title-8 {
  font-family: Arial, sans-serif;
}
.jp .type-style-title-8, .kr .type-style-title-8, .cn .type-style-title-8, .ru .type-style-title-8 {
  font-weight: 700;
}

.type-style-paragraph-1 {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-paragraph-1 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .type-style-paragraph-1 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-paragraph-1 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-paragraph-1 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-paragraph-1 {
  font-family: Arial, sans-serif;
}

.type-style-paragraph-2 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .type-style-paragraph-2 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .type-style-paragraph-2 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .type-style-paragraph-2 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .type-style-paragraph-2 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .type-style-paragraph-2 {
  font-family: Arial, sans-serif;
}

body {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  color: #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) body {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp body {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr body {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn body {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru body {
  font-family: Arial, sans-serif;
}

h1,
h2,
h3,
h4,
b,
strong {
  font-weight: normal;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) b,
html:not(.jp):not(.kr):not(.cn):not(.ru) strong {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp b,
.jp strong {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr b,
.kr strong {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn b,
.cn strong {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru b,
.ru strong {
  font-family: Arial, sans-serif;
}
.jp b, .kr b, .cn b, .ru b,
.jp strong,
.kr strong,
.cn strong,
.ru strong {
  font-weight: 700;
}

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
a:active, a:focus, a:hover {
  border-bottom-color: transparent;
}

[data-breadcrumbs-container] {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: left;
  margin-top: 5px;
  margin-top: 0.3125rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) [data-breadcrumbs-container] {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp [data-breadcrumbs-container] {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr [data-breadcrumbs-container] {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn [data-breadcrumbs-container] {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru [data-breadcrumbs-container] {
  font-family: Arial, sans-serif;
}
[data-breadcrumbs-container] .breadcrumbs__separator {
  letter-spacing: 0;
}
#grid [data-breadcrumbs-container] {
  margin: 18px 0;
  margin: 1.125rem 0  ;
}
@media (min-width: 1024px) {
  #grid [data-breadcrumbs-container] {
    margin-top: 0;
  }
}
body#item [data-breadcrumbs-container] {
  margin: 15px 0 5px;
  margin: 0.9375rem 0 0.3125rem ;
}
@media (min-width: 769px) {
  body#item [data-breadcrumbs-container] {
    margin: 0 0 5px;
    margin: 0 0 0.3125rem ;
  }
}
[data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin-left: -4px;
  margin-left: -0.25rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) [data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp [data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr [data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn [data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru [data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-family: Arial, sans-serif;
}
.jp [data-breadcrumbs-container] [data-breadcrumb-type=leaf], .kr [data-breadcrumbs-container] [data-breadcrumb-type=leaf], .cn [data-breadcrumbs-container] [data-breadcrumb-type=leaf], .ru [data-breadcrumbs-container] [data-breadcrumb-type=leaf] {
  font-weight: 700;
}

.cta-1 {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-1 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .cta-1 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-1 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-1 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-1 {
  font-family: Arial, sans-serif;
}
.jp .cta-1, .kr .cta-1, .cn .cta-1, .ru .cta-1 {
  font-weight: 700;
}
.cta-1:active, .cta-1:focus, .cta-1:hover {
  background-color: #ffffff;
  color: #000000;
}

.cta-1-inverted {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-1-inverted {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .cta-1-inverted {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-1-inverted {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-1-inverted {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-1-inverted {
  font-family: Arial, sans-serif;
}
.jp .cta-1-inverted, .kr .cta-1-inverted, .cn .cta-1-inverted, .ru .cta-1-inverted {
  font-weight: 700;
}
.cta-1-inverted:active, .cta-1-inverted:focus, .cta-1-inverted:hover {
  background-color: #000000;
  color: #ffffff;
}

.cta-1_1 {
  padding: 11px;
  padding: 0.6875rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-1_1 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .cta-1_1 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-1_1 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-1_1 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-1_1 {
  font-family: Arial, sans-serif;
}
.jp .cta-1_1, .kr .cta-1_1, .cn .cta-1_1, .ru .cta-1_1 {
  font-weight: 700;
}
.cta-1_1:active, .cta-1_1:focus, .cta-1_1:hover {
  background-color: #ffffff;
  color: #000000;
}

.cta-1_1-inverted {
  padding: 11px;
  padding: 0.6875rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-1_1-inverted {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .cta-1_1-inverted {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-1_1-inverted {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-1_1-inverted {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-1_1-inverted {
  font-family: Arial, sans-serif;
}
.jp .cta-1_1-inverted, .kr .cta-1_1-inverted, .cn .cta-1_1-inverted, .ru .cta-1_1-inverted {
  font-weight: 700;
}
.cta-1_1-inverted:active, .cta-1_1-inverted:focus, .cta-1_1-inverted:hover {
  background-color: #000000;
  color: #ffffff;
}

.cta-2 {
  padding: 5px 36px;
  padding: 0.3125rem 2.25rem  ;
  font-size: 15px;
  font-size: 0.9375rem   ;
  text-transform: uppercase;
  background-color: #ffffff;
  color: black;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  border: 1px solid #000000;
  position: relative;
  overflow: hidden;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-2 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .cta-2 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-2 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-2 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-2 {
  font-family: Arial, sans-serif;
}
.jp .cta-2, .kr .cta-2, .cn .cta-2, .ru .cta-2 {
  font-weight: 700;
}
.cta-2:active, .cta-2:focus, .cta-2:hover {
  padding: 5px 36px;
  padding: 0.3125rem 2.25rem  ;
  background-color: #000000;
  color: white;
}

.cta-2-slim {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  border: 1px solid #000000;
  position: relative;
  overflow: hidden;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-2-slim {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .cta-2-slim {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-2-slim {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-2-slim {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-2-slim {
  font-family: Arial, sans-serif;
}
.cta-2-slim:active, .cta-2-slim:focus, .cta-2-slim:hover {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  background-color: #ffffff;
  color: #000000;
}

.cta-3 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 8px;
  padding: 0.5rem   ;
  position: relative;
  overflow: hidden;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cta-3 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .cta-3 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cta-3 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cta-3 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cta-3 {
  font-family: Arial, sans-serif;
}
.cta-3:before {
  bottom: 8px;
  bottom: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
  background-color: #000000;
}
.cta-3:active:before, .cta-3:focus:before, .cta-3:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}
.cta-3:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
  background-color: #000000;
}
.cta-3:active:after, .cta-3:focus:after, .cta-3:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}
.cta-3 .text:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
  background-color: #000000;
}
.cta-3:active .text:after, .cta-3:focus .text:after, .cta-3:hover .text:after {
  animation: none;
}

.link-2 {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
}
.link-2:active, .link-2:focus, .link-2:hover {
  border-bottom-color: currentColor;
}

.link-3 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .link-3 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .link-3 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .link-3 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .link-3 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .link-3 {
  font-family: Arial, sans-serif;
}
.jp .link-3, .kr .link-3, .cn .link-3, .ru .link-3 {
  font-weight: 700;
}

.link-4 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .link-4 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .link-4 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .link-4 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .link-4 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .link-4 {
  font-family: Arial, sans-serif;
}
.jp .link-4, .kr .link-4, .cn .link-4, .ru .link-4 {
  font-weight: 700;
}
.link-4:active, .link-4:focus, .link-4:hover {
  border-bottom-color: currentColor;
}

.link-5 {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .link-5 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .link-5 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .link-5 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .link-5 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .link-5 {
  font-family: Arial, sans-serif;
}
.link-5:active, .link-5:focus, .link-5:hover {
  border-bottom-color: transparent;
}

.mandatory {
  display: none;
}

.addressExample.outer {
  display: none;
}

.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup) {
  margin-bottom: 8px;
  margin-bottom: 0.5rem   ;
  position: relative;
}
.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup) label {
  padding: 0 0 0 21px;
  padding: 0 0 0 1.3125rem;
  top: 21px;
  top: 1.3125rem   ;
  z-index: 1;
  left: 0;
  position: absolute;
  transition: top 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), line-height 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup) legend {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 1;
  transition: top 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), line-height 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label,
.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel legend {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  top: 7px;
  top: 0.4375rem   ;
  text-transform: none;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label,
html:not(.jp):not(.kr):not(.cn):not(.ru) .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel legend {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label,
.jp .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel legend {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label,
.kr .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel legend {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label,
.cn .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel legend {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label,
.ru .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel legend {
  font-family: Arial, sans-serif;
}
.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup) .addressExample.inner {
  display: none;
}

.fieldValue {
  position: relative;
}
.fieldValue .pac-container {
  top: 60px !important;
  left: 0 !important;
}

.fieldLabel.macroMotivationField label, .fieldLabel.microMotivationField label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#RegistrationViewModel_Password_Wrapper label,
#GiftWrappingFormViewModel_Message_Wrapper label {
  top: 44px;
  top: 2.75rem   ;
}
#RegistrationViewModel_Password_Wrapper.js-floatLabel label,
#GiftWrappingFormViewModel_Message_Wrapper.js-floatLabel label {
  top: 28px;
  top: 1.75rem   ;
}

[type=text],
[type=password],
[type=email]:not(ynap-cc-text),
[type=tel],
[type=number],
[type=search],
select,
textarea {
  font-weight: normal;
  font-size: inherit;
  text-transform: none;
  border: 1px solid #000000;
  background-color: #ffffff;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) [type=text],
html:not(.jp):not(.kr):not(.cn):not(.ru) [type=password],
html:not(.jp):not(.kr):not(.cn):not(.ru) [type=email]:not(ynap-cc-text),
html:not(.jp):not(.kr):not(.cn):not(.ru) [type=tel],
html:not(.jp):not(.kr):not(.cn):not(.ru) [type=number],
html:not(.jp):not(.kr):not(.cn):not(.ru) [type=search],
html:not(.jp):not(.kr):not(.cn):not(.ru) select,
html:not(.jp):not(.kr):not(.cn):not(.ru) textarea {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp [type=text],
.jp [type=password],
.jp [type=email]:not(ynap-cc-text),
.jp [type=tel],
.jp [type=number],
.jp [type=search],
.jp select,
.jp textarea {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr [type=text],
.kr [type=password],
.kr [type=email]:not(ynap-cc-text),
.kr [type=tel],
.kr [type=number],
.kr [type=search],
.kr select,
.kr textarea {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn [type=text],
.cn [type=password],
.cn [type=email]:not(ynap-cc-text),
.cn [type=tel],
.cn [type=number],
.cn [type=search],
.cn select,
.cn textarea {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru [type=text],
.ru [type=password],
.ru [type=email]:not(ynap-cc-text),
.ru [type=tel],
.ru [type=number],
.ru [type=search],
.ru select,
.ru textarea {
  font-family: Arial, sans-serif;
}
.jp [type=text], .kr [type=text], .cn [type=text], .ru [type=text],
.jp [type=password],
.kr [type=password],
.cn [type=password],
.ru [type=password],
.jp [type=email]:not(ynap-cc-text),
.kr [type=email]:not(ynap-cc-text),
.cn [type=email]:not(ynap-cc-text),
.ru [type=email]:not(ynap-cc-text),
.jp [type=tel],
.kr [type=tel],
.cn [type=tel],
.ru [type=tel],
.jp [type=number],
.kr [type=number],
.cn [type=number],
.ru [type=number],
.jp [type=search],
.kr [type=search],
.cn [type=search],
.ru [type=search],
.jp select,
.kr select,
.cn select,
.ru select,
.jp textarea,
.kr textarea,
.cn textarea,
.ru textarea {
  font-weight: 700;
}
.invalidRow [type=text],
.invalidRow [type=password],
.invalidRow [type=email]:not(ynap-cc-text),
.invalidRow [type=tel],
.invalidRow [type=number],
.invalidRow [type=search],
.invalidRow select,
.invalidRow textarea {
  border-color: #d80000;
}

[type=text],
[type=password],
[type=email]:not(ynap-cc-text),
[type=tel],
[type=number],
[type=search],
select:not([data-ytos-date-select]):not(#cityFilter):not(#macroMotivations):not(#microMotivations),
textarea {
  padding: 11px 12px;
  padding: 0.6875rem 0.75rem  ;
}
.fieldRow [type=text],
.fieldRow [type=password],
.fieldRow [type=email]:not(ynap-cc-text),
.fieldRow [type=tel],
.fieldRow [type=number],
.fieldRow [type=search],
.fieldRow select:not([data-ytos-date-select]):not(#cityFilter):not(#macroMotivations):not(#microMotivations),
.fieldRow textarea {
  padding: 31px 20px 9px;
  padding: 1.9375rem 1.25rem 0.5625rem ;
}

select[data-ytos-date-select],
select#cityFilter,
#AdviceFormViewModel_Category_Wrapper select,
#macroMotivations,
#microMotivations {
  padding: 20px;
  padding: 1.25rem   ;
}

select {
  padding-right: 28px;
  padding-right: 1.75rem   ;
  background: #ffffff url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/select_arrow_down.svg") no-repeat center right 20px;
  color: #000000;
}
select::-ms-expand {
  display: none;
}

#AdviceFormViewModel_Category_Wrapper label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.checkbox .fieldValue {
  flex-basis: 40px;
  flex-basis: 2.5rem   ;
  padding-top: 4px;
  padding-top: 0.25rem   ;
}
.checkbox .fieldLabel {
  flex-basis: calc(100% - 2.5rem   );
  line-height: 1.8;
}

.checkBox {
  display: block;
  position: relative;
  cursor: pointer;
}

[type=checkbox] {
  opacity: 0;
  width: 36px;
  width: 2.25rem   ;
  height: 36px;
  height: 2.25rem   ;
  position: absolute;
  left: -8px;
  top: -8px;
  margin: 0;
  cursor: pointer;
}

.checkboxIcon {
  -webkit-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: block;
  background: #ffffff url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/flagged.svg") no-repeat center center;
  background-size: 0;
  border: 1px solid #dbdbdb;
  width: 20px;
  width: 1.25rem   ;
  height: 20px;
  height: 1.25rem   ;
}

[type=checkbox]:checked ~ .checkboxIcon {
  background-size: auto;
}

.deliveryMethodInformation-name .fieldLabel,
.deliveryMethodInformation-name LABEL,
.fieldRow.checkbox .fieldLabel,
.fieldRow.checkbox LABEL {
  cursor: pointer;
}

.radioButton {
  position: relative;
}
.radioButton ~ * LABEL,
.radioButton ~ LABEL,
.radioButton LABEL {
  cursor: pointer;
}

[type=radio] {
  opacity: 0;
  width: 36px;
  width: 2.25rem   ;
  height: 36px;
  height: 2.25rem   ;
  position: absolute;
  left: -8px;
  top: -8px;
  margin: 0;
  cursor: pointer;
}

.innerInputWrapper {
  display: flex;
}
.innerInputWrapper .radioButton {
  flex-basis: 32px;
  flex-basis: 2rem   ;
}

.radioIcon {
  width: 20px;
  width: 1.25rem   ;
  height: 20px;
  height: 1.25rem   ;
  border-radius: 10px;
  border-radius: 0.625rem   ;
  position: relative;
  display: block;
  pointer-events: none;
}
.whitetheme .radioIcon {
  border: 1px solid #dbdbdb;
}
.blacktheme .radioIcon {
  border: 1px solid #818181;
}

.whitetheme [type=radio]:checked ~ .radioIcon {
  border-color: #000000;
}
.blacktheme [type=radio]:checked ~ .radioIcon {
  border-color: #ffffff;
}
[type=radio]:checked ~ .radioIcon::after {
  top: 6px;
  top: 0.375rem   ;
  left: 6px;
  left: 0.375rem   ;
  width: 6px;
  width: 0.375rem   ;
  height: 6px;
  height: 0.375rem   ;
  content: " ";
  position: absolute;
}
.whitetheme [type=radio]:checked ~ .radioIcon::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/radio-checked.svg");
}
.blacktheme [type=radio]:checked ~ .radioIcon::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/radio-checked-white.svg");
}

[type=password] {
  padding-right: 1.875rem   ;
}
[type=password]::-ms-clear, [type=password]::-ms-reveal {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.password-visible [type=text]::-ms-clear, .password-visible [type=text]::-ms-reveal {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.passwordViewer--button {
  margin-right: 10px;
  margin-right: 0.625rem   ;
  position: absolute;
  right: 0;
  height: 100%;
}
.passwordViewer--button .icon {
  width: 32px;
  width: 2rem   ;
  height: 32px;
  height: 2rem   ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd.svg");
  display: block;
  background-size: 100%;
}
.passwordViewer--button .icon:active, .passwordViewer--button .icon:focus, .passwordViewer--button .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd_hover.svg");
}
.passwordViewer--button .icon::after {
  content: none;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd_hover.svg");
}
.password-visible .passwordViewer--button .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd.svg");
}
.password-visible .passwordViewer--button .icon:active, .password-visible .passwordViewer--button .icon:focus, .password-visible .passwordViewer--button .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd_hover.svg");
}
.password-visible .passwordViewer--button .icon::after {
  content: none;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd_hover.svg");
}
.passwordViewer--button .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.passwordRecoveryLink,
.securePasswordInfo {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 8px;
  padding: 0.5rem   ;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  margin-bottom: 1rem   ;
  text-transform: initial;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .passwordRecoveryLink,
html:not(.jp):not(.kr):not(.cn):not(.ru) .securePasswordInfo {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .passwordRecoveryLink,
.jp .securePasswordInfo {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .passwordRecoveryLink,
.kr .securePasswordInfo {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .passwordRecoveryLink,
.cn .securePasswordInfo {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .passwordRecoveryLink,
.ru .securePasswordInfo {
  font-family: Arial, sans-serif;
}
.passwordRecoveryLink:before,
.securePasswordInfo:before {
  bottom: 8px;
  bottom: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
  background-color: #000000;
}
.passwordRecoveryLink:active:before, .passwordRecoveryLink:focus:before, .passwordRecoveryLink:hover:before,
.securePasswordInfo:active:before,
.securePasswordInfo:focus:before,
.securePasswordInfo:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}
.passwordRecoveryLink:after,
.securePasswordInfo:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
  background-color: #000000;
}
.passwordRecoveryLink:active:after, .passwordRecoveryLink:focus:after, .passwordRecoveryLink:hover:after,
.securePasswordInfo:active:after,
.securePasswordInfo:focus:after,
.securePasswordInfo:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}
.passwordRecoveryLink .text:after,
.securePasswordInfo .text:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
  background-color: #000000;
}
.passwordRecoveryLink:active .text:after, .passwordRecoveryLink:focus .text:after, .passwordRecoveryLink:hover .text:after,
.securePasswordInfo:active .text:after,
.securePasswordInfo:focus .text:after,
.securePasswordInfo:hover .text:after {
  animation: none;
}

.passwordStrengthContainer {
  font-size: 12px;
  font-size: 0.75rem   ;
  margin: 1.125rem 0 0.8125rem ;
  display: flex;
  text-transform: uppercase;
}
.passwordStrengthContainer [data-ytos-password-level] {
  padding: 0 10px;
  padding: 0 0.625rem  ;
  border-bottom: 3px solid transparent;
}
.passwordStrengthContainer [data-ytos-password-level] + [data-ytos-password-level] {
  margin-left: 8px;
  margin-left: 0.5rem   ;
}

[data-ytos-password-level=weak].selected {
  border-color: #d80000;
}

[data-ytos-password-level=medium].selected {
  border-color: #fbb146;
}

[data-ytos-password-level=strong].selected {
  border-color: #007e36;
}

.dateSelect {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem   ;
}
.dateSelect .fieldValue {
  display: flex;
}
.dateSelect .selectInput_wrapper {
  flex-basis: 33.33%;
}
.dateSelect .selectInput_wrapper + .selectInput_wrapper select {
  border-left: 0;
}
.dateSelect .adult-warning {
  color: #d80000;
}

.dateSelect .selectTitle,
.ExpirationDate .selectTitle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.privacyContainer {
  margin-bottom: 22px;
}

.privacyContainer,
.field-validation-container,
.acceptFlags label,
.GdprTerms label,
.passSecurityInfo,
.adult-warning {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  text-transform: initial;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .privacyContainer,
html:not(.jp):not(.kr):not(.cn):not(.ru) .field-validation-container,
html:not(.jp):not(.kr):not(.cn):not(.ru) .acceptFlags label,
html:not(.jp):not(.kr):not(.cn):not(.ru) .GdprTerms label,
html:not(.jp):not(.kr):not(.cn):not(.ru) .passSecurityInfo,
html:not(.jp):not(.kr):not(.cn):not(.ru) .adult-warning {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .privacyContainer,
.jp .field-validation-container,
.jp .acceptFlags label,
.jp .GdprTerms label,
.jp .passSecurityInfo,
.jp .adult-warning {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .privacyContainer,
.kr .field-validation-container,
.kr .acceptFlags label,
.kr .GdprTerms label,
.kr .passSecurityInfo,
.kr .adult-warning {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .privacyContainer,
.cn .field-validation-container,
.cn .acceptFlags label,
.cn .GdprTerms label,
.cn .passSecurityInfo,
.cn .adult-warning {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .privacyContainer,
.ru .field-validation-container,
.ru .acceptFlags label,
.ru .GdprTerms label,
.ru .passSecurityInfo,
.ru .adult-warning {
  font-family: Arial, sans-serif;
}

.acceptFlags .description {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.acceptFlags label,
.GdprTerms label {
  text-transform: uppercase;
}

#AddressFormDataModel_Phone_Wrapper legend,
#AddressFormDataModel_Phone_Wrapper .fieldTel input,
#ShippingAddressFormViewModel_Phone_Wrapper legend,
#ShippingAddressFormViewModel_Phone_Wrapper .fieldTel input,
#ShippingAddressViewModel_Phone_Wrapper legend,
#ShippingAddressViewModel_Phone_Wrapper .fieldTel input,
#PickupInStoreShippingAddressFormViewModel_Phone_Wrapper legend,
#PickupInStoreShippingAddressFormViewModel_Phone_Wrapper .fieldTel input,
#BillingAddressFormViewModel_Phone_Wrapper legend,
#BillingAddressFormViewModel_Phone_Wrapper .fieldTel input,
#AddressFormDataModel_Mobile_Wrapper legend,
#AddressFormDataModel_Mobile_Wrapper .fieldTel input,
#UpsShippingAddressFormViewModel_Phone_Wrapper legend,
#UpsShippingAddressFormViewModel_Phone_Wrapper .fieldTel input {
  padding-left: 100px;
  padding-left: 6.25rem   ;
}
#AddressFormDataModel_Phone_Wrapper label,
#ShippingAddressFormViewModel_Phone_Wrapper label,
#ShippingAddressViewModel_Phone_Wrapper label,
#PickupInStoreShippingAddressFormViewModel_Phone_Wrapper label,
#BillingAddressFormViewModel_Phone_Wrapper label,
#AddressFormDataModel_Mobile_Wrapper label,
#UpsShippingAddressFormViewModel_Phone_Wrapper label {
  display: none;
}

.fieldPrefix {
  bottom: 22px;
  bottom: 1.375rem   ;
  position: absolute;
  top: 0;
}
.fieldPrefix .fieldLabel {
  display: none;
}
.fieldPrefix .fieldValue {
  width: auto;
  height: 100%;
}
.fieldPrefix .hide {
  display: none;
}
.fieldPrefix .v-hide {
  visibility: hidden;
}
.fieldPrefix .prefixButton {
  z-index: 1;
  position: relative;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
.fieldPrefix .prefixButton .countryFlag {
  margin-left: 8px;
  margin-left: 0.5rem   ;
  display: inline-block;
  vertical-align: middle;
}
.fieldPrefix .prefixButton .countryName {
  display: none;
}
.fieldPrefix .prefixButton .dialCode {
  padding-right: 14px;
  padding-right: 0.875rem   ;
  vertical-align: middle;
}
.fieldPrefix .prefixButton .arrow {
  right: 6px;
  right: 0.375rem   ;
  position: absolute;
  top: calc(50% - 2px);
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.fieldPrefix .prefixButton .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.fieldPrefix .prefixList {
  max-height: 200px;
  max-height: 12.5rem   ;
  position: absolute;
  z-index: 10;
  list-style: none;
  text-align: left;
  padding: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  overflow-y: scroll;
}
.fieldPrefix .prefixList .countryFlag {
  width: 20px;
  width: 1.25rem   ;
  display: inline-block;
}
@media (max-width: 500px) {
  .fieldPrefix .prefixList {
    white-space: normal;
  }
}
.fieldPrefix .prefixList .country {
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem  ;
  cursor: pointer;
}
.fieldPrefix .prefixList .country.selected {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.fieldPrefix .prefixList .country:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.fieldPrefix .prefixList .country .dialCode {
  color: #999;
}
.fieldPrefix .prefixList .flag-box,
.fieldPrefix .prefixList .country-name,
.fieldPrefix .prefixList .dial-code {
  vertical-align: middle;
}
.fieldPrefix .prefixList .flag-box,
.fieldPrefix .prefixList .country-name {
  margin-right: 6px;
  margin-right: 0.375rem   ;
}

.countryFlag {
  width: 20px;
  width: 1.25rem   ;
  height: 15px;
  height: 0.9375rem   ;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("//media.yoox.biz//ytos/resources/STONEISLAND/img/flags.png?v=1");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .countryFlag {
    background-image: url("//media.yoox.biz//ytos/resources/STONEISLAND/img/flags@2x.png?v=1");
  }
}

.countryFlag.np {
  background-color: transparent;
}

/** TELEPHONE FLAGS SPRITES - START **/
.countryFlag {
  width: 20px;
}
.countryFlag.be {
  width: 18px;
}
.countryFlag.ch {
  width: 15px;
}
.countryFlag.mc {
  width: 19px;
}
.countryFlag.ne {
  width: 18px;
}
.countryFlag.np {
  width: 13px;
}
.countryFlag.va {
  width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .countryFlag {
    background-size: 5630px 15px;
  }
}
.countryFlag.ac {
  height: 10px;
  background-position: 0px 0px;
}
.countryFlag.ad {
  height: 14px;
  background-position: -22px 0px;
}
.countryFlag.ae {
  height: 10px;
  background-position: -44px 0px;
}
.countryFlag.af {
  height: 14px;
  background-position: -66px 0px;
}
.countryFlag.ag {
  height: 14px;
  background-position: -88px 0px;
}
.countryFlag.ai {
  height: 10px;
  background-position: -110px 0px;
}
.countryFlag.al {
  height: 15px;
  background-position: -132px 0px;
}
.countryFlag.am {
  height: 10px;
  background-position: -154px 0px;
}
.countryFlag.ao {
  height: 14px;
  background-position: -176px 0px;
}
.countryFlag.aq {
  height: 14px;
  background-position: -198px 0px;
}
.countryFlag.ar {
  height: 13px;
  background-position: -220px 0px;
}
.countryFlag.as {
  height: 10px;
  background-position: -242px 0px;
}
.countryFlag.at {
  height: 14px;
  background-position: -264px 0px;
}
.countryFlag.au {
  height: 10px;
  background-position: -286px 0px;
}
.countryFlag.aw {
  height: 14px;
  background-position: -308px 0px;
}
.countryFlag.ax {
  height: 13px;
  background-position: -330px 0px;
}
.countryFlag.az {
  height: 10px;
  background-position: -352px 0px;
}
.countryFlag.ba {
  height: 10px;
  background-position: -374px 0px;
}
.countryFlag.bb {
  height: 14px;
  background-position: -396px 0px;
}
.countryFlag.bd {
  height: 12px;
  background-position: -418px 0px;
}
.countryFlag.be {
  height: 15px;
  background-position: -440px 0px;
}
.countryFlag.bf {
  height: 14px;
  background-position: -460px 0px;
}
.countryFlag.bg {
  height: 12px;
  background-position: -482px 0px;
}
.countryFlag.bh {
  height: 12px;
  background-position: -504px 0px;
}
.countryFlag.bi {
  height: 12px;
  background-position: -526px 0px;
}
.countryFlag.bj {
  height: 14px;
  background-position: -548px 0px;
}
.countryFlag.bl {
  height: 14px;
  background-position: -570px 0px;
}
.countryFlag.bm {
  height: 10px;
  background-position: -592px 0px;
}
.countryFlag.bn {
  height: 10px;
  background-position: -614px 0px;
}
.countryFlag.bo {
  height: 14px;
  background-position: -636px 0px;
}
.countryFlag.bq {
  height: 14px;
  background-position: -658px 0px;
}
.countryFlag.br {
  height: 14px;
  background-position: -680px 0px;
}
.countryFlag.bs {
  height: 10px;
  background-position: -702px 0px;
}
.countryFlag.bt {
  height: 14px;
  background-position: -724px 0px;
}
.countryFlag.bv {
  height: 15px;
  background-position: -746px 0px;
}
.countryFlag.bw {
  height: 14px;
  background-position: -768px 0px;
}
.countryFlag.by {
  height: 10px;
  background-position: -790px 0px;
}
.countryFlag.bz {
  height: 14px;
  background-position: -812px 0px;
}
.countryFlag.ca {
  height: 10px;
  background-position: -834px 0px;
}
.countryFlag.cc {
  height: 10px;
  background-position: -856px 0px;
}
.countryFlag.cd {
  height: 15px;
  background-position: -878px 0px;
}
.countryFlag.cf {
  height: 14px;
  background-position: -900px 0px;
}
.countryFlag.cg {
  height: 14px;
  background-position: -922px 0px;
}
.countryFlag.ch {
  height: 15px;
  background-position: -944px 0px;
}
.countryFlag.ci {
  height: 14px;
  background-position: -961px 0px;
}
.countryFlag.ck {
  height: 10px;
  background-position: -983px 0px;
}
.countryFlag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.countryFlag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.countryFlag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.countryFlag.co {
  height: 14px;
  background-position: -1071px 0px;
}
.countryFlag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.countryFlag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.countryFlag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.countryFlag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.countryFlag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.countryFlag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.countryFlag.cy {
  height: 13px;
  background-position: -1225px 0px;
}
.countryFlag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.countryFlag.de {
  height: 12px;
  background-position: -1269px 0px;
}
.countryFlag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.countryFlag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.countryFlag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.countryFlag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.countryFlag.do {
  height: 13px;
  background-position: -1379px 0px;
}
.countryFlag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.countryFlag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.countryFlag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.countryFlag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.countryFlag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.countryFlag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.countryFlag.er {
  height: 10px;
  background-position: -1533px 0px;
}
.countryFlag.es {
  height: 14px;
  background-position: -1555px 0px;
}
.countryFlag.et {
  height: 10px;
  background-position: -1577px 0px;
}
.countryFlag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.countryFlag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.countryFlag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.countryFlag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.countryFlag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.countryFlag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.countryFlag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.countryFlag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.countryFlag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.countryFlag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.countryFlag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.countryFlag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.countryFlag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.countryFlag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.countryFlag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.countryFlag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.countryFlag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.countryFlag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.countryFlag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.countryFlag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.countryFlag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.countryFlag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.countryFlag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.countryFlag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.countryFlag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.countryFlag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.countryFlag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.countryFlag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.countryFlag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.countryFlag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.countryFlag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.countryFlag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.countryFlag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.countryFlag.id {
  height: 14px;
  background-position: -2325px 0px;
}
.countryFlag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.countryFlag.il {
  height: 15px;
  background-position: -2369px 0px;
}
.countryFlag.im {
  height: 10px;
  background-position: -2391px 0px;
}
.countryFlag.in {
  height: 14px;
  background-position: -2413px 0px;
}
.countryFlag.io {
  height: 10px;
  background-position: -2435px 0px;
}
.countryFlag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.countryFlag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.countryFlag.is {
  height: 15px;
  background-position: -2501px 0px;
}
.countryFlag.it {
  height: 14px;
  background-position: -2523px 0px;
}
.countryFlag.je {
  height: 12px;
  background-position: -2545px 0px;
}
.countryFlag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.countryFlag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.countryFlag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.countryFlag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.countryFlag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.countryFlag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.countryFlag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.countryFlag.km {
  height: 12px;
  background-position: -2721px 0px;
}
.countryFlag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.countryFlag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.countryFlag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.countryFlag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.countryFlag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.countryFlag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.countryFlag.la {
  height: 14px;
  background-position: -2875px 0px;
}
.countryFlag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.countryFlag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.countryFlag.li {
  height: 12px;
  background-position: -2941px 0px;
}
.countryFlag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.countryFlag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.countryFlag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.countryFlag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.countryFlag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.countryFlag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.countryFlag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.countryFlag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.countryFlag.mc {
  height: 15px;
  background-position: -3139px 0px;
}
.countryFlag.md {
  height: 10px;
  background-position: -3160px 0px;
}
.countryFlag.me {
  height: 10px;
  background-position: -3182px 0px;
}
.countryFlag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.countryFlag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.countryFlag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.countryFlag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.countryFlag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.countryFlag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.countryFlag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.countryFlag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.countryFlag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.countryFlag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.countryFlag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.countryFlag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.countryFlag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.countryFlag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.countryFlag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.countryFlag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.countryFlag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.countryFlag.my {
  height: 10px;
  background-position: -3578px 0px;
}
.countryFlag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.countryFlag.na {
  height: 14px;
  background-position: -3622px 0px;
}
.countryFlag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.countryFlag.ne {
  height: 15px;
  background-position: -3666px 0px;
}
.countryFlag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.countryFlag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.countryFlag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.countryFlag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.countryFlag.no {
  height: 15px;
  background-position: -3774px 0px;
}
.countryFlag.np {
  height: 15px;
  background-position: -3796px 0px;
}
.countryFlag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.countryFlag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.countryFlag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.countryFlag.om {
  height: 10px;
  background-position: -3877px 0px;
}
.countryFlag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.countryFlag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.countryFlag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.countryFlag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.countryFlag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.countryFlag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.countryFlag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.countryFlag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.countryFlag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.countryFlag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.countryFlag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.countryFlag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.countryFlag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.countryFlag.py {
  height: 11px;
  background-position: -4185px 0px;
}
.countryFlag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.countryFlag.re {
  height: 14px;
  background-position: -4229px 0px;
}
.countryFlag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.countryFlag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.countryFlag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.countryFlag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.countryFlag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.countryFlag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.countryFlag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.countryFlag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.countryFlag.se {
  height: 13px;
  background-position: -4427px 0px;
}
.countryFlag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.countryFlag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.countryFlag.si {
  height: 10px;
  background-position: -4493px 0px;
}
.countryFlag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.countryFlag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.countryFlag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.countryFlag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.countryFlag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.countryFlag.so {
  height: 14px;
  background-position: -4625px 0px;
}
.countryFlag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.countryFlag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.countryFlag.st {
  height: 10px;
  background-position: -4691px 0px;
}
.countryFlag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.countryFlag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.countryFlag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.countryFlag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.countryFlag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.countryFlag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.countryFlag.td {
  height: 14px;
  background-position: -4845px 0px;
}
.countryFlag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.countryFlag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.countryFlag.th {
  height: 14px;
  background-position: -4911px 0px;
}
.countryFlag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.countryFlag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.countryFlag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.countryFlag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.countryFlag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.countryFlag.to {
  height: 10px;
  background-position: -5043px 0px;
}
.countryFlag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.countryFlag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.countryFlag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.countryFlag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.countryFlag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.countryFlag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.countryFlag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.countryFlag.um {
  height: 11px;
  background-position: -5219px 0px;
}
.countryFlag.us {
  height: 11px;
  background-position: -5241px 0px;
}
.countryFlag.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.countryFlag.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.countryFlag.va {
  height: 15px;
  background-position: -5307px 0px;
}
.countryFlag.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.countryFlag.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.countryFlag.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.countryFlag.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.countryFlag.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.countryFlag.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.countryFlag.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.countryFlag.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.countryFlag.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.countryFlag.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.countryFlag.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.countryFlag.za {
  height: 14px;
  background-position: -5566px 0px;
}
.countryFlag.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.countryFlag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

/** TELEPHONE FLAGS SPRITES - END **/
.field-validation-container:not([data-ytos-validation-summary]) {
  min-height: 22px;
  min-height: 1.375rem   ;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #d80000;
}
#_Email_Wrapper .field-validation-container:not([data-ytos-validation-summary]) {
  color: #FF0000;
}

.field-error .layer-title,
.validation-summary-errors-count {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.validation-summary-errors {
  color: #d80000;
  margin-bottom: 10px;
  margin-bottom: 0.625rem   ;
}

.conflictEmailError {
  margin: 0;
}
.conflictEmailError + .validation-summary-errors {
  display: none;
}
.conflictEmailError + .validation-summary-errors + P {
  margin: 0;
}

.captcha {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .captcha {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .captcha {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .captcha {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .captcha {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .captcha {
  font-family: Arial, sans-serif;
}
footer .captcha {
  color: #919191;
}
footer .captcha a::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}
.domContentLoaded footer .captcha a::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-topright-hover.svg");
}
#customlandingpage .captcha, footer .captcha {
  text-transform: uppercase;
}

[type=text][readonly=readonly],
[type=email][readonly=readonly] {
  background: #dbdbdb;
}

.zipCodeJp .fieldValue {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.zipCodeJp .zipCode1,
.zipCodeJp .zipCode2 {
  flex-basis: 45%;
  text-align: center;
}
.zipCodeJp .findZip {
  margin-top: 8px;
  margin-top: 0.5rem   ;
}

#grid {
  padding: 15px 0;
  padding: 0.9375rem 0  ;
  max-width: 1920px;
  margin: 0 auto;
}
#grid .updater {
  width: 100%;
}
#grid .updater .grid {
  margin: 0 0 62px 0;
  margin: 0 0 3.875rem 0;
}
#grid .updater .grid .module:not(:first-child) {
  margin: 62px 0 0;
  margin: 3.875rem 0 0 ;
}
#grid .updater .grid .image_alt {
  display: none;
}
#grid .updater .grid .sold_out .contentWrapper {
  padding: 0 17px;
  padding: 0 1.0625rem  ;
}
#grid .updater .grid .sold_out .contentWrapper p {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  margin: 0 0 8px;
  margin: 0 0 0.5rem ;
  text-transform: uppercase;
  line-height: 1;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #grid .updater .grid .sold_out .contentWrapper p {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #grid .updater .grid .sold_out .contentWrapper p {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #grid .updater .grid .sold_out .contentWrapper p {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #grid .updater .grid .sold_out .contentWrapper p {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #grid .updater .grid .sold_out .contentWrapper p {
  font-family: Arial, sans-serif;
}
.jp #grid .updater .grid .sold_out .contentWrapper p, .kr #grid .updater .grid .sold_out .contentWrapper p, .cn #grid .updater .grid .sold_out .contentWrapper p, .ru #grid .updater .grid .sold_out .contentWrapper p {
  font-weight: 700;
}
#grid .updater .grid .sold_out .soldOutMessage {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  height: 100%;
  display: inline-block;
  border: 1px solid #dbdbdb;
  padding: 2px 15px;
  padding: 0.125rem 0.9375rem  ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #grid .updater .grid .sold_out .soldOutMessage {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #grid .updater .grid .sold_out .soldOutMessage {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #grid .updater .grid .sold_out .soldOutMessage {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #grid .updater .grid .sold_out .soldOutMessage {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #grid .updater .grid .sold_out .soldOutMessage {
  font-family: Arial, sans-serif;
}
#grid .updater .grid .PortraitProductText_desk .item {
  max-width: 470px;
  max-width: 29.375rem   ;
  width: 100%;
  margin: 0 auto;
}
#grid .updater .grid .DoubleBannerText_desk,
#grid .updater .grid .PortraitBannerText_desk,
#grid .updater .grid .PortraitBannerTextFull_desk,
#grid .updater .grid .PortraitProductText_desk {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  column-gap: 29px;
  column-gap: 1.8125rem   ;
}
#grid .updater .grid .DoubleBannerText_desk .slot,
#grid .updater .grid .PortraitBannerText_desk .slot,
#grid .updater .grid .PortraitBannerTextFull_desk .slot,
#grid .updater .grid .PortraitProductText_desk .slot {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 0;
  grid-column-end: 1;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
@media (min-width: 1025px) {
  #grid .updater .grid .DoubleBannerText_desk .slot,
#grid .updater .grid .PortraitBannerText_desk .slot,
#grid .updater .grid .PortraitBannerTextFull_desk .slot,
#grid .updater .grid .PortraitProductText_desk .slot {
    -ms-grid-row-align: center;
        align-self: center;
  }
}
#grid .updater .grid .DoubleBannerText_desk .slot + .slot,
#grid .updater .grid .PortraitBannerText_desk .slot + .slot,
#grid .updater .grid .PortraitBannerTextFull_desk .slot + .slot,
#grid .updater .grid .PortraitProductText_desk .slot + .slot {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 0;
  grid-column-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
@media (min-width: 1025px) {
  #grid .updater .grid .DoubleBannerText_desk .slot + .slot,
#grid .updater .grid .PortraitBannerText_desk .slot + .slot,
#grid .updater .grid .PortraitBannerTextFull_desk .slot + .slot,
#grid .updater .grid .PortraitProductText_desk .slot + .slot {
    -ms-grid-row-align: center;
        align-self: center;
  }
}
#grid .updater .grid .DoubleBannerText_desk .slot_image,
#grid .updater .grid .PortraitBannerText_desk .slot_image,
#grid .updater .grid .PortraitBannerTextFull_desk .slot_image,
#grid .updater .grid .PortraitProductText_desk .slot_image {
  align-self: flex-start;
}
#grid .updater .grid .DoubleBannerText_desk .slot_image + .slot_image,
#grid .updater .grid .PortraitBannerText_desk .slot_image + .slot_image,
#grid .updater .grid .PortraitBannerTextFull_desk .slot_image + .slot_image,
#grid .updater .grid .PortraitProductText_desk .slot_image + .slot_image {
  align-self: flex-start;
}
#grid .updater .grid .DoubleBannerText_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerText_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitProductText_desk .slot.alignright.slot_text .contentWrapper {
  margin-left: auto;
  margin-right: 20px;
}
@media (min-width: 1200px) {
  #grid .updater .grid .DoubleBannerText_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerText_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitProductText_desk .slot.alignright.slot_text .contentWrapper {
    max-width: 60%;
  }
}
#grid .updater .grid .DoubleBannerText_desk .slot.aligncenter.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerText_desk .slot.aligncenter.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.aligncenter.slot_text .contentWrapper,
#grid .updater .grid .PortraitProductText_desk .slot.aligncenter.slot_text .contentWrapper {
  margin: 0 auto;
}
#grid .updater .grid .DoubleBannerText_desk .slot.slot_text,
#grid .updater .grid .PortraitBannerText_desk .slot.slot_text,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.slot_text,
#grid .updater .grid .PortraitProductText_desk .slot.slot_text {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  #grid .updater .grid .DoubleBannerText_desk .slot.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerText_desk .slot.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.slot_text .contentWrapper,
#grid .updater .grid .PortraitProductText_desk .slot.slot_text .contentWrapper {
    max-width: 60%;
  }
}
#grid .updater .grid .DoubleBannerText_desk .slot.slot_text .contentWrapper > .ctabutton,
#grid .updater .grid .PortraitBannerText_desk .slot.slot_text .contentWrapper > .ctabutton,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.slot_text .contentWrapper > .ctabutton,
#grid .updater .grid .PortraitProductText_desk .slot.slot_text .contentWrapper > .ctabutton {
  margin: 28px 0 0 0;
  margin: 1.75rem 0 0 0;
}
#grid .updater .grid .DoubleBannerText_desk .slot.slot_text .headline,
#grid .updater .grid .DoubleBannerText_desk .slot.slot_text .title,
#grid .updater .grid .PortraitBannerText_desk .slot.slot_text .headline,
#grid .updater .grid .PortraitBannerText_desk .slot.slot_text .title,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.slot_text .headline,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.slot_text .title,
#grid .updater .grid .PortraitProductText_desk .slot.slot_text .headline,
#grid .updater .grid .PortraitProductText_desk .slot.slot_text .title {
  margin: 0;
}
#grid .updater .grid .DoubleBannerText_desk .slot.slot_image .ctaWrapper,
#grid .updater .grid .PortraitBannerText_desk .slot.slot_image .ctaWrapper,
#grid .updater .grid .PortraitBannerTextFull_desk .slot.slot_image .ctaWrapper,
#grid .updater .grid .PortraitProductText_desk .slot.slot_image .ctaWrapper {
  margin: 0;
}
#grid .updater .grid .DoubleBannerText_desk.invertSlot .slot:first-child,
#grid .updater .grid .PortraitBannerText_desk.invertSlot .slot:first-child,
#grid .updater .grid .PortraitBannerTextFull_desk.invertSlot .slot:first-child,
#grid .updater .grid .PortraitProductText_desk.invertSlot .slot:first-child {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 0;
  grid-column-end: 2;
}
#grid .updater .grid .DoubleBannerText_desk.invertSlot .slot:last-child,
#grid .updater .grid .PortraitBannerText_desk.invertSlot .slot:last-child,
#grid .updater .grid .PortraitBannerTextFull_desk.invertSlot .slot:last-child,
#grid .updater .grid .PortraitProductText_desk.invertSlot .slot:last-child {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 0;
  grid-column-end: 1;
}
#grid .updater .grid .LandscapeBannerText_desk {
  column-gap: 40px;
  column-gap: 2.5rem   ;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
#grid .updater .grid .LandscapeBannerText_desk .slot_text {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 0;
  grid-column-end: 1;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
@media (min-width: 1025px) {
  #grid .updater .grid .LandscapeBannerText_desk .slot_text {
    -ms-grid-row-align: center;
        align-self: center;
  }
}
#grid .updater .grid .LandscapeBannerText_desk .slot_text.alignright {
  text-align: right;
}
#grid .updater .grid .LandscapeBannerText_desk .slot_text.aligncenter.slot_text .contentWrapper {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  #grid .updater .grid .LandscapeBannerText_desk .slot_text .contentWrapper {
    max-width: 70%;
  }
}
#grid .updater .grid .LandscapeBannerText_desk .slot_text .contentWrapper > .ctabutton {
  margin: 28px 0 0 0;
  margin: 1.75rem 0 0 0;
}
#grid .updater .grid .LandscapeBannerText_desk .slot_text + .slot_image {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: 4;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
@media (min-width: 1025px) {
  #grid .updater .grid .LandscapeBannerText_desk .slot_text + .slot_image {
    -ms-grid-row-align: center;
        align-self: center;
  }
}
#grid .updater .grid .LandscapeBannerText_desk .slot_image {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
@media (min-width: 1025px) {
  #grid .updater .grid .LandscapeBannerText_desk .slot_image {
    -ms-grid-row-align: center;
        align-self: center;
  }
}
#grid .updater .grid .LandscapeBannerText_desk .slot_image + .slot_text {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 0;
  grid-column-end: 3;
}
@media (min-width: 1025px) {
  #grid .updater .grid .LandscapeBannerText_desk .slot_image + .slot_text {
    -ms-grid-row-align: center;
        align-self: center;
  }
}
#grid .updater .grid .LandscapeBannerText_desk.invertSlot .slot:first-child {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 0;
  grid-column-end: 3;
}
#grid .updater .grid .LandscapeBannerText_desk.invertSlot .slot:last-child {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
#grid .updater .grid .FullBannerVideo_desk .contentWrapper .headline {
  margin: 8px 0 0 0;
  margin: 0.5rem 0 0 0;
}
#grid .updater .grid .FullBannerVideo_desk .contentWrapper .ctaWrapper {
  margin: 0;
}
#grid .updater .grid .FullBannerVideo_desk .contentWrapper > .ctabutton {
  margin: 12px 0 0 0;
  margin: 0.75rem 0 0 0;
}
#grid .updater .grid .Video_desk .video-hidden {
  position: relative;
}
#grid .updater .grid .Video_desk .video-hidden .vjs-close-button {
  display: none;
}
#grid .updater .grid .Video_desk .contentWrapper .headline {
  margin: 8px 0 0 0;
  margin: 0.5rem 0 0 0;
}
#grid .updater .grid .Video_desk .contentWrapper .ctaWrapper {
  margin: 10px 0 0 0;
  margin: 0.625rem 0 0 0;
}
#grid .updater .grid .Video_desk .contentWrapper > .ctabutton {
  margin: 8px 0 0 0;
  margin: 0.5rem 0 0 0;
}
#grid .updater .grid .textover .slotInnerWrapper,
#grid .updater .grid .textover .slot_video {
  display: -ms-grid;
  display: grid;
  position: relative;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -ms-grid-rows: 33.333% 33.333% 33.333%;
  grid-template-rows: 33.333% 33.333% 33.333%;
}
@media (max-width: 1024px) {
  #grid .updater .grid .textover .slotInnerWrapper,
#grid .updater .grid .textover .slot_video {
    display: flex;
    flex-direction: column;
  }
}
#grid .updater .grid .textover .slotInnerWrapper img,
#grid .updater .grid .textover .slotInnerWrapper .video-wrapper,
#grid .updater .grid .textover .slot_video img,
#grid .updater .grid .textover .slot_video .video-wrapper {
  position: relative;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 3;
  grid-row-end: 4;
}
#grid .updater .grid .textover .slotInnerWrapper .contentWrapper,
#grid .updater .grid .textover .slot_video .contentWrapper {
  padding: 15px 43px;
  padding: 0.9375rem 2.6875rem  ;
  margin: 20px;
  margin: 1.25rem   ;
  max-width: 460px;
  max-width: 28.75rem   ;
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-grid-row-align: center;
      align-self: center;
  z-index: 2;
  position: relative;
}
#grid .updater .grid .textover .slotInnerWrapper .contentWrapper .headline,
#grid .updater .grid .textover .slot_video .contentWrapper .headline {
  margin: 0;
}
#grid .updater .grid .textover .slotInnerWrapper .contentWrapper .ctaWrapper,
#grid .updater .grid .textover .slot_video .contentWrapper .ctaWrapper {
  margin: 0;
}
@media (max-width: 1024px) {
  #grid .updater .grid .textover .slotInnerWrapper .contentWrapper,
#grid .updater .grid .textover .slot_video .contentWrapper {
    padding: 0;
    padding: 0   ;
    margin: 12px 0 0 0;
    margin: 0.75rem 0 0 0;
    max-width: 100%;
    background: transparent;
    -ms-grid-row-align: initial;
        align-self: initial;
    -ms-grid-column-align: initial;
        justify-self: initial;
  }
}
#grid .updater .grid .textover .slotInnerWrapper .video-hidden,
#grid .updater .grid .textover .slot_video .video-hidden {
  display: none;
}
#grid .updater .grid .textover.lefttop .contentWrapper {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
#grid .updater .grid .textover.middletop .contentWrapper {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
#grid .updater .grid .textover.righttop .contentWrapper {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
}
#grid .updater .grid .textover.middleleft .contentWrapper {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 2;
      grid-row-start: 2;
}
#grid .updater .grid .textover.center .contentWrapper {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 2;
      grid-row-start: 2;
}
#grid .updater .grid .textover.middleright .contentWrapper {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}
#grid .updater .grid .textover.leftbottom .contentWrapper {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 3;
      grid-row-start: 3;
}
#grid .updater .grid .textover.middlebottom .contentWrapper {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 3;
      grid-row-start: 3;
}
#grid .updater .grid .textover.rightbottom .contentWrapper {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 3;
      grid-row-start: 3;
}
#grid .slot_video .video-wrapper .video-js {
  position: absolute;
  top: 0;
  height: 0;
}

.slot {
  width: 100%;
}
.slot:not([hidden]) {
  display: flex;
}
.slot.alignleft {
  text-align: left;
}
.slot.aligncenter {
  text-align: center;
}
.slot.alignright {
  text-align: right;
}
.slot.alignright .contentWrapper {
  margin-left: auto;
}
.slot.popup_preview {
  cursor: pointer;
}
.slot .slotInnerWrapper {
  width: 100%;
}
.slot .innerModuleWrap {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}
.slot img {
  width: 100%;
  height: auto;
  display: block;
}
.slot .headline {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .slot .headline {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .slot .headline {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .slot .headline {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .slot .headline {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .slot .headline {
  font-family: Arial, sans-serif;
}
.slot .headline a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
.slot .headline a:active, .slot .headline a:focus, .slot .headline a:hover {
  border-bottom-color: transparent;
}
.slot .bodycopy {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .slot .bodycopy {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .slot .bodycopy {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .slot .bodycopy {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .slot .bodycopy {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .slot .bodycopy {
  font-family: Arial, sans-serif;
}
.slot .bodycopy:not(:first-child) {
  margin-top: 20px;
  margin-top: 1.25rem   ;
}
.slot .ctaWrapper {
  margin-top: 26px;
  margin-top: 1.625rem   ;
}
.slot .ctabutton {
  display: inline-flex;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  margin-top: 0.125rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .slot .ctabutton {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .slot .ctabutton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .slot .ctabutton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .slot .ctabutton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .slot .ctabutton {
  font-family: Arial, sans-serif;
}
.slot .ctabutton:before {
  bottom: 0;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  background-color: #000000;
  transform-origin: 0;
  transition: all 0s 0.2s;
}
.slot .ctabutton:active:before, .slot .ctabutton:focus:before, .slot .ctabutton:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}
.slot .ctabutton:after {
  height: 1px;
  height: 0.0625rem   ;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  position: absolute;
  background-color: #000000;
  width: 50%;
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
}
.slot .ctabutton:active:after, .slot .ctabutton:focus:after, .slot .ctabutton:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}
.slot .ctabutton a:after {
  height: 1px;
  height: 0.0625rem   ;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  position: absolute;
  background-color: #000000;
  width: 100%;
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
}
.slot .ctabutton:active a:after, .slot .ctabutton:focus a:after, .slot .ctabutton:hover a:after {
  animation: none;
}
.slot .ctabutton a {
  border: none;
}
.slot .ctabutton:not(:last-child) {
  margin-right: 25px;
  margin-right: 1.5625rem   ;
}
.slot_image .headline {
  margin: 8px 0 0;
  margin: 0.5rem 0 0 ;
}
.slot_image .ctabutton {
  margin: 10px 0 0;
  margin: 0.625rem 0 0 ;
}
.slot_video {
  position: relative;
  flex-direction: column;
}
.slot_video.still:hover .still-image-player-icon {
  border: 2px solid #000000;
  color: #ffffff;
  background-color: #000000;
}
.slot_video.still:hover .still-image-player-icon span::before {
  border-left: 0.875rem    solid #fff;
}
.slot_video.still .still-image-player-icon {
  font-size: 57px;
  font-size: 3.5625rem   ;
  text-align: initial;
  top: 50%;
  left: 50%;
  z-index: 2;
  position: absolute;
  border-radius: 50%;
  opacity: 0.7;
  width: 1.25em;
  height: 1.25em;
  margin: 0;
  transform: translate(-50%, -50%);
  border: 2px solid #ffffff;
  color: #000000;
  background-color: #ffffff;
  transition: border 0.4s, color 0.4s, background-color 0.4s;
}
.slot_video.still .still-image-player-icon span {
  height: 100%;
  width: 100%;
  position: absolute;
}
.slot_video.still .still-image-player-icon span::before {
  bottom: 25px;
  bottom: 1.5625rem   ;
  margin-left: -6px;
  margin-left: -0.375rem   ;
  border-top: 0.5rem    solid transparent;
  border-bottom: 0.5rem    solid transparent;
  border-left: 0.875rem    solid #000000;
  border-right: none;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
}
.slot_video .video-wrapper [role=button]:focus .still-image-player-icon {
  outline-color: #919191;
  outline-style: solid;
  outline-width: medium;
  outline-offset: -1px;
}
.slot_video .video-player {
  max-width: 1610px;
  max-width: 100.625rem   ;
  width: 100%;
  display: flex;
}
.slot_video .video-player .video-js .vjs-time-control {
  align-items: center;
}
.slot_video .video-player .video-js.still-image-custom-ratio {
  padding-top: 41.3%;
}
.slot_video .video-player .vjs-social-overlay a {
  border-bottom: 0;
}
.slot_video .video-player .vjs-social-share-link:after {
  display: none;
}
.slot_video .video-hidden {
  display: none;
}
.slot_video .still-image {
  cursor: pointer;
  font-size: 0;
}
.slot_video .still-image img {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  z-index: 2;
  position: relative;
}
.slot_video .still-image img.fadeOut {
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}
.slot_video .still-image img.hide {
  visibility: hidden;
  z-index: -1;
}
.slot_video .vjs-poster {
  background-size: cover;
}
.slot .contentWrapper {
  background: #ffffff;
}
@media (min-width: 1025px) {
  .slot.inverted .contentWrapper {
    background: #000000;
    color: #ffffff;
  }
  .slot.inverted .contentWrapper .ctabutton::after, .slot.inverted .contentWrapper .ctabutton::before,
.slot.inverted .contentWrapper .ctabutton a::after {
    background-color: #ffffff;
  }
}

@media (max-width: 1024px) {
  .scrollDownWrapper {
    display: none;
  }
}

@media (min-width: 1920px) {
  #gallery #grid,
.newbalancepost #main #grid {
    padding: 0;
  }
}
#gallery #grid .Text_desk .slot .contentWrapper,
.newbalancepost #main #grid .Text_desk .slot .contentWrapper {
  max-width: 34%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  #gallery #grid .Text_desk .slot .contentWrapper,
.newbalancepost #main #grid .Text_desk .slot .contentWrapper {
    max-width: 70%;
  }
}
#gallery #grid .Text_desk .slot .contentWrapper .title,
.newbalancepost #main #grid .Text_desk .slot .contentWrapper .title {
  margin: 0;
}
#gallery #grid .Text_desk .slot .contentWrapper .bodycopy,
.newbalancepost #main #grid .Text_desk .slot .contentWrapper .bodycopy {
  margin-top: 59px;
  margin-top: 3.6875rem   ;
}
#gallery #grid .Text_desk .slot.nobodycopy .contentWrapper .bodycopy,
.newbalancepost #main #grid .Text_desk .slot.nobodycopy .contentWrapper .bodycopy {
  display: none;
}
#gallery #grid .Text_desk .slot.notitle .contentWrapper .title,
#gallery #grid .Text_desk .slot.notitle .contentWrapper .headline, #gallery #grid .Text_desk .slot.noheadline .contentWrapper .title,
#gallery #grid .Text_desk .slot.noheadline .contentWrapper .headline,
.newbalancepost #main #grid .Text_desk .slot.notitle .contentWrapper .title,
.newbalancepost #main #grid .Text_desk .slot.notitle .contentWrapper .headline,
.newbalancepost #main #grid .Text_desk .slot.noheadline .contentWrapper .title,
.newbalancepost #main #grid .Text_desk .slot.noheadline .contentWrapper .headline {
  display: none;
}
#gallery #grid .Text_desk .slot.notitle .contentWrapper .bodycopy, #gallery #grid .Text_desk .slot.noheadline .contentWrapper .bodycopy,
.newbalancepost #main #grid .Text_desk .slot.notitle .contentWrapper .bodycopy,
.newbalancepost #main #grid .Text_desk .slot.noheadline .contentWrapper .bodycopy {
  margin-top: 0;
}
#gallery #grid .PortraitBannerText_desk,
#gallery #grid .PortraitBannerTextFull_desk,
#gallery #grid .PortraitProductText_desk,
.newbalancepost #main #grid .PortraitBannerText_desk,
.newbalancepost #main #grid .PortraitBannerTextFull_desk,
.newbalancepost #main #grid .PortraitProductText_desk {
  margin: 62px auto 0;
  margin: 3.875rem auto 0 ;
  column-gap: 42px;
  column-gap: 2.625rem   ;
  max-width: 74%;
}
@media (max-width: 1023px) {
  #gallery #grid .PortraitBannerText_desk,
#gallery #grid .PortraitBannerTextFull_desk,
#gallery #grid .PortraitProductText_desk,
.newbalancepost #main #grid .PortraitBannerText_desk,
.newbalancepost #main #grid .PortraitBannerTextFull_desk,
.newbalancepost #main #grid .PortraitProductText_desk {
    max-width: 100%;
  }
}
#gallery #grid .PortraitBannerText_desk .slot.slot_text.nobodycopy .contentWrapper .bodycopy,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.nobodycopy .contentWrapper .bodycopy,
#gallery #grid .PortraitProductText_desk .slot.slot_text.nobodycopy .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.nobodycopy .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.nobodycopy .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.nobodycopy .contentWrapper .bodycopy {
  display: none;
}
#gallery #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .title,
#gallery #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .headline, #gallery #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .title,
#gallery #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .headline,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.notitle .contentWrapper .title,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.notitle .contentWrapper .headline,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.noheadline .contentWrapper .title,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.noheadline .contentWrapper .headline,
#gallery #grid .PortraitProductText_desk .slot.slot_text.notitle .contentWrapper .title,
#gallery #grid .PortraitProductText_desk .slot.slot_text.notitle .contentWrapper .headline,
#gallery #grid .PortraitProductText_desk .slot.slot_text.noheadline .contentWrapper .title,
#gallery #grid .PortraitProductText_desk .slot.slot_text.noheadline .contentWrapper .headline,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .title,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .headline,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .title,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .headline,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.notitle .contentWrapper .title,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.notitle .contentWrapper .headline,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.noheadline .contentWrapper .title,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.noheadline .contentWrapper .headline,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.notitle .contentWrapper .title,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.notitle .contentWrapper .headline,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.noheadline .contentWrapper .title,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.noheadline .contentWrapper .headline {
  display: none;
}
#gallery #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .bodycopy, #gallery #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .bodycopy,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.notitle .contentWrapper .bodycopy,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text.noheadline .contentWrapper .bodycopy,
#gallery #grid .PortraitProductText_desk .slot.slot_text.notitle .contentWrapper .bodycopy,
#gallery #grid .PortraitProductText_desk .slot.slot_text.noheadline .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.notitle .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text.noheadline .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.notitle .contentWrapper .bodycopy,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text.noheadline .contentWrapper .bodycopy {
  margin-top: 0;
}
@media (min-width: 1200px) {
  #gallery #grid .PortraitBannerText_desk .slot.slot_text .contentWrapper,
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text .contentWrapper,
#gallery #grid .PortraitProductText_desk .slot.slot_text .contentWrapper,
.newbalancepost #main #grid .PortraitBannerText_desk .slot.slot_text .contentWrapper,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text .contentWrapper,
.newbalancepost #main #grid .PortraitProductText_desk .slot.slot_text .contentWrapper {
    max-width: 90%;
    margin-right: 0;
  }
}
#gallery #grid .PortraitBannerTextFull_desk,
.newbalancepost #main #grid .PortraitBannerTextFull_desk {
  max-width: none;
}
#gallery #grid .PortraitBannerTextFull_desk .slot.slot_text .contentWrapper,
.newbalancepost #main #grid .PortraitBannerTextFull_desk .slot.slot_text .contentWrapper {
  margin-left: 50px;
  margin-left: 3.125rem   ;
  max-width: 64%;
}
#gallery #grid .SlideshowDouble_desk,
.newbalancepost #main #grid .SlideshowDouble_desk {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#gallery #grid .SlideshowDouble_desk .arrows-container,
.newbalancepost #main #grid .SlideshowDouble_desk .arrows-container {
  left: 48.7%;
  right: auto;
  top: calc(50% - 15px);
}
@media (max-width: 1200px) {
  #gallery #grid .SlideshowDouble_desk .arrows-container,
.newbalancepost #main #grid .SlideshowDouble_desk .arrows-container {
    left: 48%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #gallery #grid .SlideshowDouble_desk .arrows-container,
.newbalancepost #main #grid .SlideshowDouble_desk .arrows-container {
    left: 47.8%;
  }
}
@media (min-width: 1600px) {
  #gallery #grid .SlideshowDouble_desk .arrows-container,
.newbalancepost #main #grid .SlideshowDouble_desk .arrows-container {
    left: 48.8%;
  }
}
#gallery #grid .SlideshowDouble_desk .arrows-container .slick-prev,
.newbalancepost #main #grid .SlideshowDouble_desk .arrows-container .slick-prev {
  left: 0;
}
#gallery #grid .SlideshowDouble_desk .arrows-container .slick-next,
.newbalancepost #main #grid .SlideshowDouble_desk .arrows-container .slick-next {
  right: 0;
}
#gallery #grid .SlideshowDouble_desk .dots-container,
.newbalancepost #main #grid .SlideshowDouble_desk .dots-container {
  max-width: calc(100% - 60px);
  margin: 0 auto;
}
#gallery #grid .SlideshowDouble_desk .slick-slider,
.newbalancepost #main #grid .SlideshowDouble_desk .slick-slider {
  margin: 0;
}
#gallery #grid .SlideshowDouble_desk .slick-list,
.newbalancepost #main #grid .SlideshowDouble_desk .slick-list {
  overflow: visible;
  width: 100%;
}
#gallery #grid .SlideshowDouble_desk .slick-list .slotInnerWrapper,
.newbalancepost #main #grid .SlideshowDouble_desk .slick-list .slotInnerWrapper {
  padding: 30px;
  padding: 1.875rem   ;
  width: 100%;
}
#gallery #grid .SlideshowDouble_desk .slick-track,
.newbalancepost #main #grid .SlideshowDouble_desk .slick-track {
  width: 100%;
}
#gallery #grid .SlideshowDouble_desk .slick-dots,
.newbalancepost #main #grid .SlideshowDouble_desk .slick-dots {
  margin: 0;
}
#gallery #grid .Product_desk,
.newbalancepost #main #grid .Product_desk {
  display: flex;
  justify-content: center;
}
#gallery #grid .Product_desk .slot,
.newbalancepost #main #grid .Product_desk .slot {
  width: initial;
  flex-basis: 25%;
}
#gallery #grid .Product_desk .slot a,
.newbalancepost #main #grid .Product_desk .slot a {
  border-bottom: 0;
}
#gallery #grid .Product_desk .slot .title,
.newbalancepost #main #grid .Product_desk .slot .title {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  word-break: break-word;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #gallery #grid .Product_desk .slot .title,
html:not(.jp):not(.kr):not(.cn):not(.ru) .newbalancepost #main #grid .Product_desk .slot .title {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #gallery #grid .Product_desk .slot .title,
.jp .newbalancepost #main #grid .Product_desk .slot .title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #gallery #grid .Product_desk .slot .title,
.kr .newbalancepost #main #grid .Product_desk .slot .title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #gallery #grid .Product_desk .slot .title,
.cn .newbalancepost #main #grid .Product_desk .slot .title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #gallery #grid .Product_desk .slot .title,
.ru .newbalancepost #main #grid .Product_desk .slot .title {
  font-family: Arial, sans-serif;
}
.jp #gallery #grid .Product_desk .slot .title, .kr #gallery #grid .Product_desk .slot .title, .cn #gallery #grid .Product_desk .slot .title, .ru #gallery #grid .Product_desk .slot .title,
.jp .newbalancepost #main #grid .Product_desk .slot .title,
.kr .newbalancepost #main #grid .Product_desk .slot .title,
.cn .newbalancepost #main #grid .Product_desk .slot .title,
.ru .newbalancepost #main #grid .Product_desk .slot .title {
  font-weight: 700;
}
@media (min-width: 769px) {
  #gallery #grid .Product_desk .slot .title,
.newbalancepost #main #grid .Product_desk .slot .title {
    word-break: normal;
  }
}
#gallery #grid .Product_desk .slot > div,
.newbalancepost #main #grid .Product_desk .slot > div {
  width: 100%;
}
#gallery #grid .Product_desk .slot .selectedColor,
.newbalancepost #main #grid .Product_desk .slot .selectedColor {
  text-align: center;
}
#gallery #grid .Product_desk .slot .selectColor .rgbColor,
.newbalancepost #main #grid .Product_desk .slot .selectColor .rgbColor {
  right: 3px;
  right: 0.1875rem   ;
  cursor: initial;
}
#gallery #grid .Product_desk .slot .selectColor .rgbColor:after,
.newbalancepost #main #grid .Product_desk .slot .selectColor .rgbColor:after {
  height: 2px;
  height: 0.125rem   ;
  bottom: -6px;
  bottom: -0.375rem   ;
  content: "";
  width: 90%;
  background-color: #000000;
  position: absolute;
  left: 0;
}
#gallery #grid .Product_desk .slot .selectColor fieldset,
.newbalancepost #main #grid .Product_desk .slot .selectColor fieldset {
  cursor: initial;
}
#gallery #grid .Product_desk .slot .itemPrice,
.newbalancepost #main #grid .Product_desk .slot .itemPrice {
  margin-top: 3px;
  margin-top: 0.1875rem   ;
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
}
#gallery #grid .Product_desk .slot .itemPrice .full.price,
.newbalancepost #main #grid .Product_desk .slot .itemPrice .full.price {
  margin-right: 10px;
  margin-right: 0.625rem   ;
  order: 1;
  text-decoration: line-through;
  float: inherit;
}
#gallery #grid .Product_desk .slot .itemPrice .markdown,
.newbalancepost #main #grid .Product_desk .slot .itemPrice .markdown {
  order: 3;
  position: inherit;
  left: inherit;
  bottom: inherit;
  flex: 1 0 100%;
}
#gallery #grid .Product_desk .slot .itemPrice .discounted.price,
.newbalancepost #main #grid .Product_desk .slot .itemPrice .discounted.price {
  order: 2;
  margin-left: 0;
}

#userbar .account-section {
  overflow-y: auto;
}
#userbar .account-section .accountIntro,
#userbar .account-section .innerTitle {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .account-section .accountIntro,
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .account-section .innerTitle {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #userbar .account-section .accountIntro,
.jp #userbar .account-section .innerTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #userbar .account-section .accountIntro,
.kr #userbar .account-section .innerTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #userbar .account-section .accountIntro,
.cn #userbar .account-section .innerTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #userbar .account-section .accountIntro,
.ru #userbar .account-section .innerTitle {
  font-family: Arial, sans-serif;
}
.jp #userbar .account-section .accountIntro, .kr #userbar .account-section .accountIntro, .cn #userbar .account-section .accountIntro, .ru #userbar .account-section .accountIntro,
.jp #userbar .account-section .innerTitle,
.kr #userbar .account-section .innerTitle,
.cn #userbar .account-section .innerTitle,
.ru #userbar .account-section .innerTitle {
  font-weight: 700;
}
#userbar .account-section .loginLayerContainer {
  margin-top: 51px;
  margin-top: 3.1875rem   ;
}
#userbar .account-section .loginForm {
  margin-top: 20px;
  margin-top: 1.25rem   ;
}
#userbar .account-section #passwordRecoveryLink button {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 8px;
  padding: 0.5rem   ;
  position: relative;
  overflow: hidden;
  margin-left: -8px;
  margin-left: -0.5rem   ;
  margin-top: -2px;
  margin-top: -0.125rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .account-section #passwordRecoveryLink button {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #userbar .account-section #passwordRecoveryLink button {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #userbar .account-section #passwordRecoveryLink button {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #userbar .account-section #passwordRecoveryLink button {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #userbar .account-section #passwordRecoveryLink button {
  font-family: Arial, sans-serif;
}
#userbar .account-section #passwordRecoveryLink button:before {
  bottom: 8px;
  bottom: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
  background-color: #000000;
}
#userbar .account-section #passwordRecoveryLink button:active:before, #userbar .account-section #passwordRecoveryLink button:focus:before, #userbar .account-section #passwordRecoveryLink button:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}
#userbar .account-section #passwordRecoveryLink button:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
  background-color: #000000;
}
#userbar .account-section #passwordRecoveryLink button:active:after, #userbar .account-section #passwordRecoveryLink button:focus:after, #userbar .account-section #passwordRecoveryLink button:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}
#userbar .account-section #passwordRecoveryLink button .text:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
  background-color: #000000;
}
#userbar .account-section #passwordRecoveryLink button:active .text:after, #userbar .account-section #passwordRecoveryLink button:focus .text:after, #userbar .account-section #passwordRecoveryLink button:hover .text:after {
  animation: none;
}
#userbar .account-section .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  width: 54%;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .account-section .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #userbar .account-section .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #userbar .account-section .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #userbar .account-section .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #userbar .account-section .submit {
  font-family: Arial, sans-serif;
}
.jp #userbar .account-section .submit, .kr #userbar .account-section .submit, .cn #userbar .account-section .submit, .ru #userbar .account-section .submit {
  font-weight: 700;
}
#userbar .account-section .submit:active, #userbar .account-section .submit:focus, #userbar .account-section .submit:hover {
  background-color: #ffffff;
  color: #000000;
}
#userbar .account-section .registrationLayerContainer {
  margin-top: 29px;
  margin-top: 1.8125rem   ;
  padding-top: 25px;
  padding-top: 1.5625rem   ;
  border-top: 1px solid #dbdbdb;
}
#userbar .account-section .registrationLayerContainer p {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  margin-top: 20px;
  margin-top: 1.25rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .account-section .registrationLayerContainer p {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #userbar .account-section .registrationLayerContainer p {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #userbar .account-section .registrationLayerContainer p {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #userbar .account-section .registrationLayerContainer p {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #userbar .account-section .registrationLayerContainer p {
  font-family: Arial, sans-serif;
}
#userbar .account-section .openRegistrationButtonContainer {
  padding-top: 5px;
  padding-top: 0.3125rem   ;
}
#userbar .account-section .openRegistrationButtonContainer a {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .account-section .openRegistrationButtonContainer a {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #userbar .account-section .openRegistrationButtonContainer a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #userbar .account-section .openRegistrationButtonContainer a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #userbar .account-section .openRegistrationButtonContainer a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #userbar .account-section .openRegistrationButtonContainer a {
  font-family: Arial, sans-serif;
}
.jp #userbar .account-section .openRegistrationButtonContainer a, .kr #userbar .account-section .openRegistrationButtonContainer a, .cn #userbar .account-section .openRegistrationButtonContainer a, .ru #userbar .account-section .openRegistrationButtonContainer a {
  font-weight: 700;
}
#userbar .account-section .openRegistrationButtonContainer a:active, #userbar .account-section .openRegistrationButtonContainer a:focus, #userbar .account-section .openRegistrationButtonContainer a:hover {
  border-bottom-color: transparent;
}

.myAccountTitleSidebar {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .myAccountTitleSidebar {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .myAccountTitleSidebar {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .myAccountTitleSidebar {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .myAccountTitleSidebar {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .myAccountTitleSidebar {
  font-family: Arial, sans-serif;
}
.jp .myAccountTitleSidebar, .kr .myAccountTitleSidebar, .cn .myAccountTitleSidebar, .ru .myAccountTitleSidebar {
  font-weight: 700;
}

#userbar .customMyAccountMenu .welcomeMessage,
#userbar .customMyAccountMenu .introSubtitle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#userbar .customMyAccountMenu .accountNavigationContainer {
  margin-top: 30px;
  margin-top: 1.875rem   ;
}
#userbar .customMyAccountMenu .accountNavigationContainer li {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-top: 1.25rem   ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #userbar .customMyAccountMenu .accountNavigationContainer li {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #userbar .customMyAccountMenu .accountNavigationContainer li {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #userbar .customMyAccountMenu .accountNavigationContainer li {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #userbar .customMyAccountMenu .accountNavigationContainer li {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #userbar .customMyAccountMenu .accountNavigationContainer li {
  font-family: Arial, sans-serif;
}
#userbar .customMyAccountMenu .accountNavigationContainer .counterLabel,
#userbar .customMyAccountMenu .accountNavigationContainer .addressesCountLabel {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.search-section .searchTitle {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 48px;
  margin-bottom: 3rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .search-section .searchTitle {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .search-section .searchTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .search-section .searchTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .search-section .searchTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .search-section .searchTitle {
  font-family: Arial, sans-serif;
}
.jp .search-section .searchTitle, .kr .search-section .searchTitle, .cn .search-section .searchTitle, .ru .search-section .searchTitle {
  font-weight: 700;
}

.textSearchBrandSwitch label {
  display: flex;
  align-items: center;
}
.textSearchBrandSwitch .radioButtonBox {
  margin-bottom: 23px;
  margin-bottom: 1.4375rem   ;
}
.textSearchBrandSwitch .radioButton {
  margin-right: 13px;
  margin-right: 0.8125rem   ;
}
.textSearchBrandSwitch .text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .textSearchBrandSwitch .text {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .textSearchBrandSwitch .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .textSearchBrandSwitch .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .textSearchBrandSwitch .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .textSearchBrandSwitch .text {
  font-family: Arial, sans-serif;
}
.textSearchBrandSwitch .checked .text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .textSearchBrandSwitch .checked .text {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .textSearchBrandSwitch .checked .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .textSearchBrandSwitch .checked .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .textSearchBrandSwitch .checked .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .textSearchBrandSwitch .checked .text {
  font-family: Arial, sans-serif;
}
.jp .textSearchBrandSwitch .checked .text, .kr .textSearchBrandSwitch .checked .text, .cn .textSearchBrandSwitch .checked .text, .ru .textSearchBrandSwitch .checked .text {
  font-weight: 700;
}

[data-ytos-ctrl="search.textBox"] {
  margin-top: 18px;
  margin-top: 1.125rem   ;
  display: flex;
  align-items: flex-end;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) [data-ytos-ctrl="search.textBox"] {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp [data-ytos-ctrl="search.textBox"] {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr [data-ytos-ctrl="search.textBox"] {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn [data-ytos-ctrl="search.textBox"] {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru [data-ytos-ctrl="search.textBox"] {
  font-family: Arial, sans-serif;
}
[data-ytos-ctrl="search.textBox"] [type=submit] {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/search-lens-white.svg");
  min-width: 35px;
  min-width: 2.1875rem   ;
  height: 35px;
  height: 2.1875rem   ;
  background-color: #000000;
  background-size: 50%;
  font-size: 0;
}

.textSearch [type=text] {
  border: none;
  border-bottom: 1px solid #000000;
  text-transform: uppercase;
  padding: 20px 14px 8px 19px;
  padding: 1.25rem 0.875rem 0.5rem 1.1875rem;
}

[data-ytos=suggestionContainer] {
  position: absolute;
  width: 100%;
  top: 71px;
  top: 4.4375rem   ;
  left: 15px;
  left: 0.9375rem   ;
  text-transform: uppercase;
  background-color: #ffffff;
  z-index: 1;
  visibility: hidden;
}
[data-ytos=suggestionContainer].open {
  visibility: visible;
}
[data-ytos=suggestionContainer] .suggestionTitle,
[data-ytos=suggestionContainer] .NumItems {
  display: none;
}
[data-ytos=suggestionContainer] .suggestions li {
  margin-bottom: 19px;
  margin-bottom: 1.1875rem   ;
}
[data-ytos=suggestionContainer] .suggestions li a {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
  text-transform: uppercase;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) [data-ytos=suggestionContainer] .suggestions li a {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp [data-ytos=suggestionContainer] .suggestions li a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr [data-ytos=suggestionContainer] .suggestions li a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn [data-ytos=suggestionContainer] .suggestions li a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru [data-ytos=suggestionContainer] .suggestions li a {
  font-family: Arial, sans-serif;
}
[data-ytos=suggestionContainer] .suggestions li a:active, [data-ytos=suggestionContainer] .suggestions li a:focus, [data-ytos=suggestionContainer] .suggestions li a:hover {
  border-bottom-color: currentColor;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
  overflow: hidden;
  position: fixed;
  background: #ffffff;
  transition: opacity 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  opacity: 0;
}
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 103;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  padding: 16px;
  padding: 1rem   ;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  overflow-y: auto;
}

.mfp-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.centered-popup-class .mfp-content {
  height: 100%;
}
.mfp-content > .inner {
  margin-top: 70px;
  margin-top: 4.375rem   ;
  margin-bottom: 70px;
  margin-bottom: 4.375rem   ;
  padding: 38px 53px 53px;
  padding: 2.375rem 3.3125rem 3.3125rem ;
  max-width: 640px;
  max-width: 40rem   ;
  border: 1px solid #dbdbdb;
  background-color: #ffffff;
  position: relative;
  transition: opacity 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  opacity: 0;
}
.centered-popup-class .mfp-content > .inner {
  margin: 0;
}
.mfp-content > .inner.nations {
  max-width: 1024px;
  max-width: 64rem   ;
}
.mfp-ready .mfp-content > .inner {
  opacity: 1;
}
.mfp-removing .mfp-content > .inner {
  opacity: 0;
}

[id^=ui-layer-title] {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  margin: 15px 0 20px;
  margin: 0.9375rem 0 1.25rem ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) [id^=ui-layer-title] {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp [id^=ui-layer-title] {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr [id^=ui-layer-title] {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn [id^=ui-layer-title] {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru [id^=ui-layer-title] {
  font-family: Arial, sans-serif;
}
.jp [id^=ui-layer-title], .kr [id^=ui-layer-title], .cn [id^=ui-layer-title], .ru [id^=ui-layer-title] {
  font-weight: 700;
}

.uiLayer-countriesLayer .inner {
  max-width: 1024px;
  max-width: 64rem   ;
}

.mfp-close {
  width: 26px;
  width: 1.625rem   ;
  height: 26px;
  height: 1.625rem   ;
  top: 16px;
  top: 1rem   ;
  right: 16px;
  right: 1rem   ;
  z-index: 104;
  position: absolute;
  font-size: 0;
}
.mfp-close:after, .mfp-close:before {
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
  content: "";
  position: absolute;
  background-color: #000000;
}
.mfp-close:after {
  transform: rotateZ(45deg);
}
.mfp-close:before {
  transform: rotateZ(-45deg);
}
.mfp-close:active:after, .mfp-close:active:before, .mfp-close:focus:after, .mfp-close:focus:before, .mfp-close:hover:after, .mfp-close:hover:before {
  background-color: #737373;
}

.error-content-404 {
  padding: 95px 0;
  padding: 5.9375rem 0  ;
  text-align: center;
}
.error-content-404 .title {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .error-content-404 .title {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .error-content-404 .title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .error-content-404 .title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .error-content-404 .title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .error-content-404 .title {
  font-family: Arial, sans-serif;
}
.error-content-404 .body {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  padding: 45px 0;
  padding: 2.8125rem 0  ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .error-content-404 .body {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .error-content-404 .body {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .error-content-404 .body {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .error-content-404 .body {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .error-content-404 .body {
  font-family: Arial, sans-serif;
}

footer {
  background: #000000;
  color: #ffffff;
}
footer h3 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: #919191;
  margin: 0 0 14px;
  margin: 0 0 0.875rem ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) footer h3 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp footer h3 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr footer h3 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn footer h3 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru footer h3 {
  font-family: Arial, sans-serif;
}
.jp footer h3, .kr footer h3, .cn footer h3, .ru footer h3 {
  font-weight: 700;
}

.footer__inner {
  max-width: 1400px;
  max-width: 87.5rem   ;
  padding: 69px 15px 40px;
  padding: 4.3125rem 0.9375rem 2.5rem ;
  margin: 0 auto;
}
.footer__columns-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 35px;
  column-gap: 2.1875rem   ;
  margin: 0 24px 33px;
  margin: 0 1.5rem 2.0625rem ;
}
.footer__columns-3 :nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
}
.footer__columns-3 :nth-child(2) {
  -ms-grid-column: 2;
  grid-column: 2;
}
.footer__columns-3 :nth-child(3) {
  -ms-grid-column: 3;
  grid-column: 3;
}
.footer__columns-3 a,
.footer__columns-3 button .text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__columns-3 a,
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__columns-3 button .text {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__columns-3 a,
.jp .footer__columns-3 button .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__columns-3 a,
.kr .footer__columns-3 button .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__columns-3 a,
.cn .footer__columns-3 button .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__columns-3 a,
.ru .footer__columns-3 button .text {
  font-family: Arial, sans-serif;
}
.jp .footer__columns-3 a, .kr .footer__columns-3 a, .cn .footer__columns-3 a, .ru .footer__columns-3 a,
.jp .footer__columns-3 button .text,
.kr .footer__columns-3 button .text,
.cn .footer__columns-3 button .text,
.ru .footer__columns-3 button .text {
  font-weight: 700;
}
.footer__columns-3 a:active, .footer__columns-3 a:focus, .footer__columns-3 a:hover,
.footer__columns-3 button .text:active,
.footer__columns-3 button .text:focus,
.footer__columns-3 button .text:hover {
  border-bottom-color: currentColor;
}
.footer__columns-3 button {
  padding: 0;
  border: 0;
  vertical-align: initial;
}
@media (min-width: 1024px) {
  .footer__column-splitted {
    column-gap: 30px;
    column-gap: 1.875rem   ;
    column-count: 2;
  }
}
.footer__column-splitted li {
  margin: 0 0 16px;
  margin: 0 0 1rem ;
}
.footer__location li {
  margin: 0 0 16px;
  margin: 0 0 1rem ;
}
.footer__location span.text {
  margin: 0 5px 0 0;
  margin: 0 0.3125rem 0 0;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__location span.text {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__location span.text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__location span.text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__location span.text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__location span.text {
  font-family: Arial, sans-serif;
}
.jp .footer__location span.text, .kr .footer__location span.text, .cn .footer__location span.text, .ru .footer__location span.text {
  font-weight: 700;
}
.footer__location button {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__location button {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__location button {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__location button {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__location button {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__location button {
  font-family: Arial, sans-serif;
}
.jp .footer__location button, .kr .footer__location button, .cn .footer__location button, .ru .footer__location button {
  font-weight: 700;
}
.footer__location button:active, .footer__location button:focus, .footer__location button:hover {
  border-bottom-color: transparent;
}
.footer__nl-container {
  margin: 0 0 64px;
  margin: 0 0 4rem ;
  text-align: center;
}
.footer__nl-container h3 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__nl-container h3 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__nl-container h3 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__nl-container h3 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__nl-container h3 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__nl-container h3 {
  font-family: Arial, sans-serif;
}
.jp .footer__nl-container h3, .kr .footer__nl-container h3, .cn .footer__nl-container h3, .ru .footer__nl-container h3 {
  font-weight: 700;
}
.footer__nl-container .newsletterForm {
  width: 350px;
  width: 21.875rem   ;
  margin: 25px auto 0;
  margin: 1.5625rem auto 0 ;
  height: 100%;
}
.footer__nl-container .newsletterForm form {
  max-height: 65px;
  max-height: 4.0625rem   ;
  overflow-y: hidden;
  transition: max-height 2s;
}
.footer__nl-container .newsletterForm .disclaimer {
  margin: 12px 0;
  margin: 0.75rem 0  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  font-size: 12px;
  font-size: 0.75rem   ;
  color: #919191;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__nl-container .newsletterForm .disclaimer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .footer__nl-container .newsletterForm .disclaimer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__nl-container .newsletterForm .disclaimer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__nl-container .newsletterForm .disclaimer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__nl-container .newsletterForm .disclaimer {
  font-family: Arial, sans-serif;
}
.footer__nl-container .newsletterForm input {
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.footer__nl-container .newsletterForm input:-ms-input-placeholder {
  color: #ffffff;
}
.footer__nl-container .newsletterForm input::placeholder {
  color: #ffffff;
}
.footer__nl-container .newsletterForm [class*=Gender] {
  display: none;
}
.footer__nl-container .newsletterForm .description {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.footer__nl-container .newsletterForm .mandatory {
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.footer__nl-container .newsletterForm .g-recaptcha > div {
  margin: 0 auto;
}
.footer__nl-container .newsletterForm .captcha .fieldLabel {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-bottom: 0.625rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__nl-container .newsletterForm .captcha .fieldLabel {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .footer__nl-container .newsletterForm .captcha .fieldLabel {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__nl-container .newsletterForm .captcha .fieldLabel {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__nl-container .newsletterForm .captcha .fieldLabel {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__nl-container .newsletterForm .captcha .fieldLabel {
  font-family: Arial, sans-serif;
}
.footer__nl-container .newsletterForm button[type=submit] {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem  ;
  border: 1px solid #ffffff;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__nl-container .newsletterForm button[type=submit] {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__nl-container .newsletterForm button[type=submit] {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__nl-container .newsletterForm button[type=submit] {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__nl-container .newsletterForm button[type=submit] {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__nl-container .newsletterForm button[type=submit] {
  font-family: Arial, sans-serif;
}
.jp .footer__nl-container .newsletterForm button[type=submit], .kr .footer__nl-container .newsletterForm button[type=submit], .cn .footer__nl-container .newsletterForm button[type=submit], .ru .footer__nl-container .newsletterForm button[type=submit] {
  font-weight: 700;
}
.footer__nl-container .newsletterForm button[type=submit]:active, .footer__nl-container .newsletterForm button[type=submit]:focus, .footer__nl-container .newsletterForm button[type=submit]:hover {
  background-color: #000000;
  color: #ffffff;
}
.footer__nl-container.js-class__elements-hidden .newsletterForm form > *:not(.email):not(.description):not(.mandatory) {
  display: none;
}
.footer__nl-container--opened .newsletterForm form {
  max-height: 700px;
  max-height: 43.75rem   ;
}
.footer__download-app {
  padding: 10px 0 6px;
  padding: 0.625rem 0 0.375rem ;
  margin: 0 0 34px;
  margin: 0 0 2.125rem ;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  justify-content: center;
  align-items: center;
  display: none;
}
.footer__download-app h3 {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0 28px 0 0;
  margin: 0 1.75rem 0 0;
  color: #919191;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__download-app h3 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__download-app h3 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__download-app h3 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__download-app h3 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__download-app h3 {
  font-family: Arial, sans-serif;
}
.jp .footer__download-app h3, .kr .footer__download-app h3, .cn .footer__download-app h3, .ru .footer__download-app h3 {
  font-weight: 700;
}
.footer__download-app ul {
  display: flex;
}
.footer__download-app [target=_blank]::after {
  display: none;
}
.footer__download-app-iOS, .footer__download-app-android {
  display: none;
}
.footer__download-app-iOS a, .footer__download-app-android a {
  border-bottom: 0;
  display: block;
}
.footer__download-app-iOS a img, .footer__download-app-android a img {
  max-width: 150px;
  max-width: 9.375rem   ;
}
.footer__download-app-iOS {
  margin: 0 20px 0 0;
  margin: 0 1.25rem 0 0;
}
body.js-class__iOS .footer__download-app-iOS {
  display: list-item;
}
body:not(.js-class__iOS) .footer__download-app-android {
  display: list-item;
}
.footer__socials {
  margin: 0 24px 30px;
  margin: 0 1.5rem 1.875rem ;
  display: flex;
}
.footer__socials [target=_blank]::after {
  display: none;
}
.footer__socials-title {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0 0 14px;
  margin: 0 0 0.875rem ;
  color: #919191;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__socials-title {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__socials-title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__socials-title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__socials-title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__socials-title {
  font-family: Arial, sans-serif;
}
.jp .footer__socials-title, .kr .footer__socials-title, .cn .footer__socials-title, .ru .footer__socials-title {
  font-weight: 700;
}
.footer__socials .followUs li {
  padding: 0 11px 0 0;
  padding: 0 0.6875rem 0 0;
  display: inline-block;
  vertical-align: middle;
}
.footer__socials .followUs a {
  padding: 5px;
  padding: 0.3125rem   ;
  display: block;
  border: 0;
}
.footer__socials .followUs .text {
  display: none;
}
.footer__socials .followUs .icon {
  display: block;
}
.footer__socials .followUs svg {
  height: 15px;
  height: 0.9375rem   ;
}
.footer__socials-follow-block {
  width: 86%;
}
.footer__socials .facebook .hover,
.footer__socials .instagram .hover,
.footer__socials .linkedin .hover,
.footer__socials .twitter .hover,
.footer__socials .pinterest .hover,
.footer__socials .youtube .hover,
.footer__socials .snapchat .hover,
.footer__socials .wechat .hover,
.footer__socials .weibo .hover,
.footer__socials .littleredbook .hover,
.footer__socials .vimeo .hover,
.footer__socials .kakaotalk .hover,
.footer__socials .line .hover,
.footer__socials .vk .hover {
  display: none;
}
.footer__socials .facebook a:active .normal, .footer__socials .facebook a:focus .normal, .footer__socials .facebook a:hover .normal,
.footer__socials .instagram a:active .normal,
.footer__socials .instagram a:focus .normal,
.footer__socials .instagram a:hover .normal,
.footer__socials .linkedin a:active .normal,
.footer__socials .linkedin a:focus .normal,
.footer__socials .linkedin a:hover .normal,
.footer__socials .twitter a:active .normal,
.footer__socials .twitter a:focus .normal,
.footer__socials .twitter a:hover .normal,
.footer__socials .pinterest a:active .normal,
.footer__socials .pinterest a:focus .normal,
.footer__socials .pinterest a:hover .normal,
.footer__socials .youtube a:active .normal,
.footer__socials .youtube a:focus .normal,
.footer__socials .youtube a:hover .normal,
.footer__socials .snapchat a:active .normal,
.footer__socials .snapchat a:focus .normal,
.footer__socials .snapchat a:hover .normal,
.footer__socials .wechat a:active .normal,
.footer__socials .wechat a:focus .normal,
.footer__socials .wechat a:hover .normal,
.footer__socials .weibo a:active .normal,
.footer__socials .weibo a:focus .normal,
.footer__socials .weibo a:hover .normal,
.footer__socials .littleredbook a:active .normal,
.footer__socials .littleredbook a:focus .normal,
.footer__socials .littleredbook a:hover .normal,
.footer__socials .vimeo a:active .normal,
.footer__socials .vimeo a:focus .normal,
.footer__socials .vimeo a:hover .normal,
.footer__socials .kakaotalk a:active .normal,
.footer__socials .kakaotalk a:focus .normal,
.footer__socials .kakaotalk a:hover .normal,
.footer__socials .line a:active .normal,
.footer__socials .line a:focus .normal,
.footer__socials .line a:hover .normal,
.footer__socials .vk a:active .normal,
.footer__socials .vk a:focus .normal,
.footer__socials .vk a:hover .normal {
  display: none;
}
.footer__socials .facebook a:active .hover, .footer__socials .facebook a:focus .hover, .footer__socials .facebook a:hover .hover,
.footer__socials .instagram a:active .hover,
.footer__socials .instagram a:focus .hover,
.footer__socials .instagram a:hover .hover,
.footer__socials .linkedin a:active .hover,
.footer__socials .linkedin a:focus .hover,
.footer__socials .linkedin a:hover .hover,
.footer__socials .twitter a:active .hover,
.footer__socials .twitter a:focus .hover,
.footer__socials .twitter a:hover .hover,
.footer__socials .pinterest a:active .hover,
.footer__socials .pinterest a:focus .hover,
.footer__socials .pinterest a:hover .hover,
.footer__socials .youtube a:active .hover,
.footer__socials .youtube a:focus .hover,
.footer__socials .youtube a:hover .hover,
.footer__socials .snapchat a:active .hover,
.footer__socials .snapchat a:focus .hover,
.footer__socials .snapchat a:hover .hover,
.footer__socials .wechat a:active .hover,
.footer__socials .wechat a:focus .hover,
.footer__socials .wechat a:hover .hover,
.footer__socials .weibo a:active .hover,
.footer__socials .weibo a:focus .hover,
.footer__socials .weibo a:hover .hover,
.footer__socials .littleredbook a:active .hover,
.footer__socials .littleredbook a:focus .hover,
.footer__socials .littleredbook a:hover .hover,
.footer__socials .vimeo a:active .hover,
.footer__socials .vimeo a:focus .hover,
.footer__socials .vimeo a:hover .hover,
.footer__socials .kakaotalk a:active .hover,
.footer__socials .kakaotalk a:focus .hover,
.footer__socials .kakaotalk a:hover .hover,
.footer__socials .line a:active .hover,
.footer__socials .line a:focus .hover,
.footer__socials .line a:hover .hover,
.footer__socials .vk a:active .hover,
.footer__socials .vk a:focus .hover,
.footer__socials .vk a:hover .hover {
  display: block;
}
.footer__logo {
  height: 48px;
  height: 3rem   ;
  align-self: flex-end;
  background-repeat: no-repeat;
  background-position: right;
  width: 14%;
}
.domContentLoaded .footer__logo {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/logo_w.svg");
  background-repeat: no-repeat;
}
.footer__legal-area ul {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__legal-area ul {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__legal-area ul {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__legal-area ul {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__legal-area ul {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__legal-area ul {
  font-family: Arial, sans-serif;
}
.jp .footer__legal-area ul, .kr .footer__legal-area ul, .cn .footer__legal-area ul, .ru .footer__legal-area ul {
  font-weight: 700;
}
.footer__legal-area ul li {
  position: relative;
}
.footer__legal-area ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 0.625rem   /2);
  width: 1px;
  width: 0.0625rem   ;
  height: 10px;
  height: 0.625rem   ;
  background-color: #ffffff;
}
.footer__legal-area ul a,
.footer__legal-area ul button {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
  margin: 0 10px;
  margin: 0 0.625rem  ;
}
.footer__legal-area ul a:active, .footer__legal-area ul a:focus, .footer__legal-area ul a:hover,
.footer__legal-area ul button:active,
.footer__legal-area ul button:focus,
.footer__legal-area ul button:hover {
  border-bottom-color: currentColor;
}
@media (min-width: 1024px) {
  .footer__legal-area ul a,
.footer__legal-area ul button {
    margin: 0 20px;
    margin: 0 1.25rem  ;
  }
}
.footer__legal-area .cookieCenterButton {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__legal-area .cookieCenterButton {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__legal-area .cookieCenterButton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__legal-area .cookieCenterButton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__legal-area .cookieCenterButton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__legal-area .cookieCenterButton {
  font-family: Arial, sans-serif;
}
.jp .footer__legal-area .cookieCenterButton, .kr .footer__legal-area .cookieCenterButton, .cn .footer__legal-area .cookieCenterButton, .ru .footer__legal-area .cookieCenterButton {
  font-weight: 700;
}
.footer__copyright {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  display: inline-block;
  width: 100%;
  color: #919191;
  padding-top: 23px;
  padding-top: 1.4375rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__copyright {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .footer__copyright {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__copyright {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__copyright {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__copyright {
  font-family: Arial, sans-serif;
}
.footer__copyright .copyrightLink {
  text-decoration: underline;
  -webkit-text-decoration-color: #919191;
          text-decoration-color: #919191;
}
.footer__copyright .copyrightLink:hover,
.footer__copyright .copyrightLink:active,
.footer__copyright .copyrightLink:focus {
  text-decoration: none;
}
.footer__copyright [data-title]:not([data-title=""]) {
  margin: 20px auto 16px;
  margin: 1.25rem auto 1rem ;
  display: flex;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
.footer__copyright [data-title]:not([data-title=""]):active, .footer__copyright [data-title]:not([data-title=""]):focus, .footer__copyright [data-title]:not([data-title=""]):hover {
  border-bottom-color: transparent;
}
.footer__copyright [data-title=""] {
  display: none;
}
.footer__privacy-policy-wx div {
  text-align: center;
}
.footer__privacy-policy-wx div a {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .footer__privacy-policy-wx div a {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .footer__privacy-policy-wx div a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .footer__privacy-policy-wx div a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .footer__privacy-policy-wx div a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .footer__privacy-policy-wx div a {
  font-family: Arial, sans-serif;
}
.jp .footer__privacy-policy-wx div a, .kr .footer__privacy-policy-wx div a, .cn .footer__privacy-policy-wx div a, .ru .footer__privacy-policy-wx div a {
  font-weight: 700;
}
.footer__privacy-policy-wx div a:active, .footer__privacy-policy-wx div a:focus, .footer__privacy-policy-wx div a:hover {
  border-bottom-color: currentColor;
}
.footer__back-to-top {
  display: none;
}

.shippingCountryContainer .shippingCountry {
  display: inline-block;
}
.shippingCountryContainer .shippingCountry span {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
.shippingCountryContainer .shippingCountry span:active, .shippingCountryContainer .shippingCountry span:focus, .shippingCountryContainer .shippingCountry span:hover {
  border-bottom-color: transparent;
}

.governanceLayer {
  display: none;
}

.js-class__iOS .AndroidApp,
.js-class__android .iOSApp {
  display: none;
}

.header {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  z-index: 10;
  background: #ffffff;
  position: relative;
}
.header :focus {
  outline-color: #919191;
  outline-style: solid;
  outline-width: medium;
  outline-offset: -1px;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header {
  font-family: Arial, sans-serif;
}
.show-shoes-logo .header {
  margin-bottom: 10px;
  margin-bottom: 0.625rem   ;
}
.header__inner {
  max-width: 1920px;
  max-width: 120rem   ;
  padding: 15px 30px 0;
  padding: 0.9375rem 1.875rem 0 ;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .header__inner {
    align-items: flex-end;
  }
}
@media (min-width: 1661px) {
  body:not(#home):not(#customlandingpage):not(#newbalance) .header__inner {
    max-width: 1610px;
    max-width: 100.625rem   ;
    padding: 15px 0 0;
    padding: 0.9375rem 0 0 ;
    margin: 0 auto;
  }
}
.header .fakeLoginButton {
  -webkit-appearance: none;
          appearance: none;
  letter-spacing: inherit;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  cursor: pointer;
}
.header__skip-link {
  z-index: 60;
  top: 30px;
  top: 1.875rem   ;
  padding: 4px;
  padding: 0.25rem   ;
  position: fixed;
  background-color: #ffffff;
  border: 0;
  text-decoration: underline;
}
.header__skip-link:hover {
  text-decoration: none;
}
.header__skip-link:not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.header__promostrip {
  flex-basis: 100vw;
}
@media (min-width: 1024px) {
  .header [data-target=menu-section] {
    display: none;
  }
}
.header__tablet-menu-button {
  order: 1;
  -ms-grid-row-align: center;
      align-self: center;
}
.header__tablet-menu-button .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/burger.svg");
  width: 18px;
  width: 1.125rem   ;
  height: 18px;
  height: 1.125rem   ;
  display: block;
}
.menu-open .header__tablet-menu-button {
  visibility: hidden;
}
.header__home-link {
  border: none;
  display: block;
}
.header__logo-wrapper {
  margin-left: 60px;
  margin-left: 3.75rem   ;
  order: 2;
}
@media (min-width: 1024px) {
  .header__logo-wrapper {
    margin-bottom: 21px;
    margin-bottom: 1.3125rem   ;
    margin-left: 0;
    order: 1;
  }
  .show-shoes-logo .header__logo-wrapper {
    margin-bottom: 0;
  }
}
.header__logo-icon {
  width: 156px;
  width: 9.75rem   ;
  height: 54px;
  height: 3.375rem   ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/logo.svg");
  display: block;
}
.show-shoes-logo .header__logo-icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/logo_us.svg");
  height: 75px;
  height: 4.6875rem   ;
  background-position: 0;
}
.header__navigation-wrapper {
  order: 3;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .header__navigation-wrapper {
    top: 15px;
    top: 0.9375rem   ;
    right: 30px;
    right: 1.875rem   ;
    position: absolute;
  }
}
@media (min-width: 1610px) {
  .header__navigation-wrapper {
    right: 15px;
    right: 0.9375rem   ;
  }
  body#home .header__navigation-wrapper, body#newbalance .header__navigation-wrapper {
    right: 30px;
    right: 1.875rem   ;
  }
}
@media (min-width: 1661px) {
  .header__navigation-wrapper {
    right: 0;
  }
  body#home .header__navigation-wrapper, body#customlandingpage .header__navigation-wrapper, body#newbalance .header__navigation-wrapper {
    right: 30px;
    right: 1.875rem   ;
  }
}
@media (min-width: 769px) {
  .header__navigation .login-button {
    display: none;
  }
}
@media (min-width: 1024px) {
  .header__sidebar {
    display: block;
  }
}
.header__secondary-navigation {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 769px) {
  .header__secondary-navigation {
    padding: 2px 0 15px;
    padding: 0.125rem 0 0.9375rem ;
  }
}
.header__secondary-navigation ul {
  display: flex;
  justify-content: flex-end;
}
.header__secondary-navigation button,
.header__secondary-navigation .fakeLoginButton {
  display: flex;
  padding-left: 24px;
  padding-left: 1.5rem   ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__secondary-navigation button,
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__secondary-navigation .fakeLoginButton {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header__secondary-navigation button,
.jp .header__secondary-navigation .fakeLoginButton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__secondary-navigation button,
.kr .header__secondary-navigation .fakeLoginButton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__secondary-navigation button,
.cn .header__secondary-navigation .fakeLoginButton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__secondary-navigation button,
.ru .header__secondary-navigation .fakeLoginButton {
  font-family: Arial, sans-serif;
}
.header__secondary-navigation button:hover, .header__secondary-navigation button:focus,
.header__secondary-navigation .fakeLoginButton:hover,
.header__secondary-navigation .fakeLoginButton:focus {
  color: #737373;
}
.header__secondary-navigation button > .text,
.header__secondary-navigation .fakeLoginButton > .text {
  bottom: 3px;
  bottom: 0.1875rem   ;
  position: relative;
}
.header__secondary-navigation .login-button {
  display: none;
}
@media (min-width: 1024px) {
  .header__secondary-navigation .login-button {
    display: block;
  }
}
.header__secondary-navigation .login-button .icon {
  width: 15px;
  width: 0.9375rem   ;
  height: 13px;
  height: 0.8125rem   ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/unlogged.svg");
  margin-left: 15px;
  margin-left: 0.9375rem   ;
  display: block;
}
.header__secondary-navigation .login-button:hover .icon,
.header__secondary-navigation .login-button button:focus .icon,
.header__secondary-navigation .login-button .fakeLoginButton:focus .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/unlogged-hover.svg");
}
.header__secondary-navigation .login-button .welcomeMessage .icon,
.header__secondary-navigation .login-button .surname {
  display: none;
}
.header__secondary-navigation .search-button .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/search-lens.svg");
  width: 13px;
  width: 0.8125rem   ;
  height: 13px;
  height: 0.8125rem   ;
  display: block;
}
.header__secondary-navigation .search-button:hover .icon,
.header__secondary-navigation .search-button button:focus .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/search-lens-hover.svg");
}
.header__secondary-navigation .shoppingBagButton {
  bottom: 3px;
  bottom: 0.1875rem   ;
  position: relative;
}
.header__secondary-navigation .shoppingBagButton button {
  padding-left: 32px;
  padding-left: 2rem   ;
}
.header__secondary-navigation .shoppingBagButton .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/bag-1.svg");
  width: 12px;
  width: 0.75rem   ;
  height: 16px;
  height: 1rem   ;
  display: block;
  order: 1;
}
.header__secondary-navigation .shoppingBagButton .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.header__secondary-navigation .shoppingBagButton .count {
  right: 3px;
  right: 0.1875rem   ;
  position: relative;
}
.header__secondary-navigation .shoppingBagButton .cartlinkitems0 .count {
  display: none;
}
.header__secondary-navigation .shoppingBagButton:hover .icon,
.header__secondary-navigation .shoppingBagButton button:focus .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/bag-1-hover.svg");
}

.header__nl-container {
  margin: 30px;
  margin: 1.875rem   ;
  padding: 29px 36px;
  padding: 1.8125rem 2.25rem  ;
  border: 1px solid #000000;
  position: relative;
}
.header__nl-container .layer-title {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  margin: 0 0 11px;
  margin: 0 0 0.6875rem ;
  width: 100%;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__nl-container .layer-title {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .header__nl-container .layer-title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__nl-container .layer-title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__nl-container .layer-title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__nl-container .layer-title {
  font-family: Arial, sans-serif;
}
.jp .header__nl-container .layer-title, .kr .header__nl-container .layer-title, .cn .header__nl-container .layer-title, .ru .header__nl-container .layer-title {
  font-weight: 700;
}
.header__nl-container .closeButton {
  top: 26px;
  top: 1.625rem   ;
  right: 30px;
  right: 1.875rem   ;
  height: 26px;
  height: 1.625rem   ;
  width: 26px;
  width: 1.625rem   ;
  position: absolute;
}
.header__nl-container .closeButton .icon {
  width: 26px;
  width: 1.625rem   ;
  height: 26px;
  height: 1.625rem   ;
}
.header__nl-container .closeButton .icon:after, .header__nl-container .closeButton .icon:before {
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
  content: "";
  position: absolute;
  background-color: #000000;
}
.header__nl-container .closeButton .icon:after {
  transform: rotateZ(45deg);
}
.header__nl-container .closeButton .icon:before {
  transform: rotateZ(-45deg);
}
.header__nl-container .closeButton .icon:active:after, .header__nl-container .closeButton .icon:active:before, .header__nl-container .closeButton .icon:focus:after, .header__nl-container .closeButton .icon:focus:before, .header__nl-container .closeButton .icon:hover:after, .header__nl-container .closeButton .icon:hover:before {
  background-color: #737373;
}
.header__nl-container .description {
  margin-bottom: 20px;
  margin-bottom: 1.25rem   ;
  width: 100%;
}
.header__nl-container .serverSideErrors {
  width: 100%;
}
.header__nl-container .email {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  width: 378px;
  width: 23.625rem   ;
  margin-right: 10px;
  margin-right: 0.625rem   ;
  display: inline-block;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__nl-container .email {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header__nl-container .email {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__nl-container .email {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__nl-container .email {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__nl-container .email {
  font-family: Arial, sans-serif;
}
.header__nl-container .finalizeLabel,
.header__nl-container .disclaimer,
.header__nl-container [class*=Gender],
.header__nl-container .Captcha,
.header__nl-container .buttonsRow {
  display: none;
}
.header__nl-container.js-nl-prompt-last-step .disclaimer,
.header__nl-container.js-nl-prompt-last-step .Captcha,
.header__nl-container.js-nl-prompt-last-step .buttonsRow {
  display: block;
}
.header__nl-container.js-nl-prompt-last-step .nl-prompt-continue {
  display: none;
}
.header__nl-container.js-nl-prompt-last-step .finalizeLabel {
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.header__nl-container .disclaimer {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-bottom: 1.25rem   ;
  max-width: 850px;
  max-width: 53.125rem   ;
  width: 100%;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__nl-container .disclaimer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header__nl-container .disclaimer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__nl-container .disclaimer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__nl-container .disclaimer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__nl-container .disclaimer {
  font-family: Arial, sans-serif;
}
.header__nl-container .captcha .fieldLabel {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__nl-container .captcha .fieldLabel {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header__nl-container .captcha .fieldLabel {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__nl-container .captcha .fieldLabel {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__nl-container .captcha .fieldLabel {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__nl-container .captcha .fieldLabel {
  font-family: Arial, sans-serif;
}
.header__nl-container .nl-prompt-continue,
.header__nl-container .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  height: 62px;
  height: 3.875rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__nl-container .nl-prompt-continue,
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__nl-container .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .header__nl-container .nl-prompt-continue,
.jp .header__nl-container .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__nl-container .nl-prompt-continue,
.kr .header__nl-container .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__nl-container .nl-prompt-continue,
.cn .header__nl-container .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__nl-container .nl-prompt-continue,
.ru .header__nl-container .submit {
  font-family: Arial, sans-serif;
}
.jp .header__nl-container .nl-prompt-continue, .kr .header__nl-container .nl-prompt-continue, .cn .header__nl-container .nl-prompt-continue, .ru .header__nl-container .nl-prompt-continue,
.jp .header__nl-container .submit,
.kr .header__nl-container .submit,
.cn .header__nl-container .submit,
.ru .header__nl-container .submit {
  font-weight: 700;
}
.header__nl-container .nl-prompt-continue:active, .header__nl-container .nl-prompt-continue:focus, .header__nl-container .nl-prompt-continue:hover,
.header__nl-container .submit:active,
.header__nl-container .submit:focus,
.header__nl-container .submit:hover {
  background-color: #ffffff;
  color: #000000;
}
.header__nl-container .nl-prompt-continue {
  display: inline-block;
  vertical-align: top;
}
.header__nl-container .successLayer .backToHome {
  display: none;
}
.header__nl-container .successLayer #ui-layer-title {
  margin-top: 0;
}
.header__nl-container .successLayer p {
  margin: 0;
}

.uiLayer-specialProject.mfp-wrap .inner .specialProject {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .images img {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 0;
  grid-column-end: 1;
  width: 100%;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .images img + img {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 0;
  grid-column-end: 2;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info {
  position: relative;
  flex: 1 0 auto;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p, .kr .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p, .cn .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p, .ru .uiLayer-specialProject.mfp-wrap .inner .specialProject .product-info p {
  font-weight: 700;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper {
  display: flex;
  flex: 1 0 auto;
}
.uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper .soldOutMessage {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 1px 10px;
  padding: 0.0625rem 0.625rem  ;
  display: inline-block;
  margin: 0;
  border: 1px solid #dbdbdb;
  text-align: center;
  height: 100%;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper .soldOutMessage {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper .soldOutMessage {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper .soldOutMessage {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper .soldOutMessage {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-specialProject.mfp-wrap .inner .specialProject .soldOutWrapper .soldOutMessage {
  font-family: Arial, sans-serif;
}

.uiLayer-confirmLayer .message,
.uiLayer-confirmationAlert .message {
  margin: 15px 0;
  margin: 0.9375rem 0  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmLayer .message,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmationAlert .message {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-confirmLayer .message,
.jp .uiLayer-confirmationAlert .message {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-confirmLayer .message,
.kr .uiLayer-confirmationAlert .message {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-confirmLayer .message,
.cn .uiLayer-confirmationAlert .message {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-confirmLayer .message,
.ru .uiLayer-confirmationAlert .message {
  font-family: Arial, sans-serif;
}
.uiLayer-confirmLayer .buttonsRow,
.uiLayer-confirmationAlert .buttonsRow {
  display: flex;
  justify-content: center;
}
.uiLayer-confirmLayer .buttonsRow button + button,
.uiLayer-confirmationAlert .buttonsRow button + button {
  margin-left: 20px;
  margin-left: 1.25rem   ;
}
.uiLayer-confirmLayer .moveItemToWishList,
.uiLayer-confirmLayer .proceed,
.uiLayer-confirmationAlert .moveItemToWishList,
.uiLayer-confirmationAlert .proceed {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmLayer .moveItemToWishList,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmLayer .proceed,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmationAlert .moveItemToWishList,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmationAlert .proceed {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-confirmLayer .moveItemToWishList,
.jp .uiLayer-confirmLayer .proceed,
.jp .uiLayer-confirmationAlert .moveItemToWishList,
.jp .uiLayer-confirmationAlert .proceed {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-confirmLayer .moveItemToWishList,
.kr .uiLayer-confirmLayer .proceed,
.kr .uiLayer-confirmationAlert .moveItemToWishList,
.kr .uiLayer-confirmationAlert .proceed {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-confirmLayer .moveItemToWishList,
.cn .uiLayer-confirmLayer .proceed,
.cn .uiLayer-confirmationAlert .moveItemToWishList,
.cn .uiLayer-confirmationAlert .proceed {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-confirmLayer .moveItemToWishList,
.ru .uiLayer-confirmLayer .proceed,
.ru .uiLayer-confirmationAlert .moveItemToWishList,
.ru .uiLayer-confirmationAlert .proceed {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-confirmLayer .moveItemToWishList, .kr .uiLayer-confirmLayer .moveItemToWishList, .cn .uiLayer-confirmLayer .moveItemToWishList, .ru .uiLayer-confirmLayer .moveItemToWishList,
.jp .uiLayer-confirmLayer .proceed,
.kr .uiLayer-confirmLayer .proceed,
.cn .uiLayer-confirmLayer .proceed,
.ru .uiLayer-confirmLayer .proceed,
.jp .uiLayer-confirmationAlert .moveItemToWishList,
.kr .uiLayer-confirmationAlert .moveItemToWishList,
.cn .uiLayer-confirmationAlert .moveItemToWishList,
.ru .uiLayer-confirmationAlert .moveItemToWishList,
.jp .uiLayer-confirmationAlert .proceed,
.kr .uiLayer-confirmationAlert .proceed,
.cn .uiLayer-confirmationAlert .proceed,
.ru .uiLayer-confirmationAlert .proceed {
  font-weight: 700;
}
.uiLayer-confirmLayer .moveItemToWishList:active, .uiLayer-confirmLayer .moveItemToWishList:focus, .uiLayer-confirmLayer .moveItemToWishList:hover,
.uiLayer-confirmLayer .proceed:active,
.uiLayer-confirmLayer .proceed:focus,
.uiLayer-confirmLayer .proceed:hover,
.uiLayer-confirmationAlert .moveItemToWishList:active,
.uiLayer-confirmationAlert .moveItemToWishList:focus,
.uiLayer-confirmationAlert .moveItemToWishList:hover,
.uiLayer-confirmationAlert .proceed:active,
.uiLayer-confirmationAlert .proceed:focus,
.uiLayer-confirmationAlert .proceed:hover {
  background-color: #ffffff;
  color: #000000;
}
.uiLayer-confirmLayer .cancel,
.uiLayer-confirmationAlert .cancel {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmLayer .cancel,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-confirmationAlert .cancel {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-confirmLayer .cancel,
.jp .uiLayer-confirmationAlert .cancel {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-confirmLayer .cancel,
.kr .uiLayer-confirmationAlert .cancel {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-confirmLayer .cancel,
.cn .uiLayer-confirmationAlert .cancel {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-confirmLayer .cancel,
.ru .uiLayer-confirmationAlert .cancel {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-confirmLayer .cancel, .kr .uiLayer-confirmLayer .cancel, .cn .uiLayer-confirmLayer .cancel, .ru .uiLayer-confirmLayer .cancel,
.jp .uiLayer-confirmationAlert .cancel,
.kr .uiLayer-confirmationAlert .cancel,
.cn .uiLayer-confirmationAlert .cancel,
.ru .uiLayer-confirmationAlert .cancel {
  font-weight: 700;
}
.uiLayer-confirmLayer .cancel:active, .uiLayer-confirmLayer .cancel:focus, .uiLayer-confirmLayer .cancel:hover,
.uiLayer-confirmationAlert .cancel:active,
.uiLayer-confirmationAlert .cancel:focus,
.uiLayer-confirmationAlert .cancel:hover {
  background-color: #000000;
  color: #ffffff;
}

.cookieLaw {
  bottom: 30px;
  bottom: 1.875rem   ;
  z-index: 100;
  max-width: 61.5%;
  transform: translateX(63%);
  position: fixed;
  background: #ffffff;
}
.cookieLaw .cookieLawWrapper {
  padding: 48px 63px 63px;
  padding: 3rem 3.9375rem 3.9375rem ;
}
.cookieLaw .cookieLawWrapper .cookieLawContent {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem   ;
}
.cookieLaw .cookieLawWrapper .description {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cookieLaw .cookieLawWrapper .description {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .cookieLaw .cookieLawWrapper .description {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cookieLaw .cookieLawWrapper .description {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cookieLaw .cookieLawWrapper .description {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cookieLaw .cookieLawWrapper .description {
  font-family: Arial, sans-serif;
}
.cookieLaw .cookieLawWrapper a {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cookieLaw .cookieLawWrapper a {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .cookieLaw .cookieLawWrapper a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cookieLaw .cookieLawWrapper a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cookieLaw .cookieLawWrapper a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cookieLaw .cookieLawWrapper a {
  font-family: Arial, sans-serif;
}
.cookieLaw button {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  border: 1px solid #000000;
  position: relative;
  overflow: hidden;
  max-width: 111px;
  max-width: 6.9375rem   ;
  max-height: 30px;
  max-height: 1.875rem   ;
  padding: 6px 28px;
  padding: 0.375rem 1.75rem  ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .cookieLaw button {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .cookieLaw button {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .cookieLaw button {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .cookieLaw button {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .cookieLaw button {
  font-family: Arial, sans-serif;
}
.cookieLaw button:active, .cookieLaw button:focus, .cookieLaw button:hover {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  background-color: #ffffff;
  color: #000000;
}
.cookieLaw button:hover {
  padding: 6px 28px;
  padding: 0.375rem 1.75rem  ;
}

#tc-privacy-wrapper .tc-privacy-block-text,
#tc-privacy-wrapper .tc-privacy-block-button {
  width: 100%;
}
#tc-privacy-wrapper .tc-privacy-banner {
  padding: 18px;
  padding: 1.125rem   ;
}
#tc-privacy-wrapper .tc-privacy-text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #tc-privacy-wrapper .tc-privacy-text {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #tc-privacy-wrapper .tc-privacy-text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #tc-privacy-wrapper .tc-privacy-text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #tc-privacy-wrapper .tc-privacy-text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #tc-privacy-wrapper .tc-privacy-text {
  font-family: Arial, sans-serif;
}
#tc-privacy-wrapper .tc-privacy-text p {
  margin: 0 auto;
}
#tc-privacy-wrapper .tc-privacy-button {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  border: 1px solid #000000;
  position: relative;
  overflow: hidden;
  margin: 10px;
  margin: 0.625rem   ;
  float: right;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #tc-privacy-wrapper .tc-privacy-button {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #tc-privacy-wrapper .tc-privacy-button {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #tc-privacy-wrapper .tc-privacy-button {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #tc-privacy-wrapper .tc-privacy-button {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #tc-privacy-wrapper .tc-privacy-button {
  font-family: Arial, sans-serif;
}
#tc-privacy-wrapper .tc-privacy-button:active, #tc-privacy-wrapper .tc-privacy-button:focus, #tc-privacy-wrapper .tc-privacy-button:hover {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  background-color: #ffffff;
  color: #000000;
}

#countries .cycTitle {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  margin-top: 27px;
  margin-top: 1.6875rem   ;
  margin-bottom: 28px;
  margin-bottom: 1.75rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .cycTitle {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #countries .cycTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #countries .cycTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #countries .cycTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #countries .cycTitle {
  font-family: Arial, sans-serif;
}
.jp #countries .cycTitle, .kr #countries .cycTitle, .cn #countries .cycTitle, .ru #countries .cycTitle {
  font-weight: 700;
}

#countries a,
.uiLayer-countriesLayer a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
  line-height: 25px;
  line-height: 1.5625rem   ;
  position: relative;
}
#countries a:active, #countries a:focus, #countries a:hover,
.uiLayer-countriesLayer a:active,
.uiLayer-countriesLayer a:focus,
.uiLayer-countriesLayer a:hover {
  border-bottom-color: currentColor;
}
#countries .columns-4,
.uiLayer-countriesLayer .columns-4 {
  column-count: 4;
}
#countries .chooseYourCountries,
#countries .text,
.uiLayer-countriesLayer .chooseYourCountries,
.uiLayer-countriesLayer .text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .chooseYourCountries,
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .text,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-countriesLayer .chooseYourCountries,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-countriesLayer .text {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #countries .chooseYourCountries,
.jp #countries .text,
.jp .uiLayer-countriesLayer .chooseYourCountries,
.jp .uiLayer-countriesLayer .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #countries .chooseYourCountries,
.kr #countries .text,
.kr .uiLayer-countriesLayer .chooseYourCountries,
.kr .uiLayer-countriesLayer .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #countries .chooseYourCountries,
.cn #countries .text,
.cn .uiLayer-countriesLayer .chooseYourCountries,
.cn .uiLayer-countriesLayer .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #countries .chooseYourCountries,
.ru #countries .text,
.ru .uiLayer-countriesLayer .chooseYourCountries,
.ru .uiLayer-countriesLayer .text {
  font-family: Arial, sans-serif;
}
#countries .chooseYourCountries .label,
#countries .text .label,
.uiLayer-countriesLayer .chooseYourCountries .label,
.uiLayer-countriesLayer .text .label {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .chooseYourCountries .label,
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .text .label,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-countriesLayer .chooseYourCountries .label,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-countriesLayer .text .label {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #countries .chooseYourCountries .label,
.jp #countries .text .label,
.jp .uiLayer-countriesLayer .chooseYourCountries .label,
.jp .uiLayer-countriesLayer .text .label {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #countries .chooseYourCountries .label,
.kr #countries .text .label,
.kr .uiLayer-countriesLayer .chooseYourCountries .label,
.kr .uiLayer-countriesLayer .text .label {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #countries .chooseYourCountries .label,
.cn #countries .text .label,
.cn .uiLayer-countriesLayer .chooseYourCountries .label,
.cn .uiLayer-countriesLayer .text .label {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #countries .chooseYourCountries .label,
.ru #countries .text .label,
.ru .uiLayer-countriesLayer .chooseYourCountries .label,
.ru .uiLayer-countriesLayer .text .label {
  font-family: Arial, sans-serif;
}
.jp #countries .chooseYourCountries .label, .kr #countries .chooseYourCountries .label, .cn #countries .chooseYourCountries .label, .ru #countries .chooseYourCountries .label,
.jp #countries .text .label,
.kr #countries .text .label,
.cn #countries .text .label,
.ru #countries .text .label,
.jp .uiLayer-countriesLayer .chooseYourCountries .label,
.kr .uiLayer-countriesLayer .chooseYourCountries .label,
.cn .uiLayer-countriesLayer .chooseYourCountries .label,
.ru .uiLayer-countriesLayer .chooseYourCountries .label,
.jp .uiLayer-countriesLayer .text .label,
.kr .uiLayer-countriesLayer .text .label,
.cn .uiLayer-countriesLayer .text .label,
.ru .uiLayer-countriesLayer .text .label {
  font-weight: 700;
}
#countries .chooseYourCountries,
.uiLayer-countriesLayer .chooseYourCountries {
  margin-bottom: 64px;
  margin-bottom: 4rem   ;
}
#countries .chooseYourCountries .nations,
.uiLayer-countriesLayer .chooseYourCountries .nations {
  margin-left: 20px;
  margin-left: 1.25rem   ;
}
#countries #countriesOptions,
.uiLayer-countriesLayer #countriesOptions {
  margin-top: 74px;
  margin-top: 4.625rem   ;
}
#countries .countriesList li,
#countries .additionalCountries li,
.uiLayer-countriesLayer .countriesList li,
.uiLayer-countriesLayer .additionalCountries li {
  margin: 5px auto;
  margin: 0.3125rem auto  ;
}
@media (min-width: 769px) {
  #countries .countriesList li,
#countries .additionalCountries li,
.uiLayer-countriesLayer .countriesList li,
.uiLayer-countriesLayer .additionalCountries li {
    width: 70%;
  }
}
#countries .countriesList li.selected a,
#countries .additionalCountries li.selected a,
.uiLayer-countriesLayer .countriesList li.selected a,
.uiLayer-countriesLayer .additionalCountries li.selected a {
  border-bottom: 1px solid #000000;
}
#countries .countriesList li.selected .text,
#countries .additionalCountries li.selected .text,
.uiLayer-countriesLayer .countriesList li.selected .text,
.uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-weight: normal;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .countriesList li.selected .text,
html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .additionalCountries li.selected .text,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-countriesLayer .countriesList li.selected .text,
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #countries .countriesList li.selected .text,
.jp #countries .additionalCountries li.selected .text,
.jp .uiLayer-countriesLayer .countriesList li.selected .text,
.jp .uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #countries .countriesList li.selected .text,
.kr #countries .additionalCountries li.selected .text,
.kr .uiLayer-countriesLayer .countriesList li.selected .text,
.kr .uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #countries .countriesList li.selected .text,
.cn #countries .additionalCountries li.selected .text,
.cn .uiLayer-countriesLayer .countriesList li.selected .text,
.cn .uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #countries .countriesList li.selected .text,
.ru #countries .additionalCountries li.selected .text,
.ru .uiLayer-countriesLayer .countriesList li.selected .text,
.ru .uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-family: Arial, sans-serif;
}
.jp #countries .countriesList li.selected .text, .kr #countries .countriesList li.selected .text, .cn #countries .countriesList li.selected .text, .ru #countries .countriesList li.selected .text,
.jp #countries .additionalCountries li.selected .text,
.kr #countries .additionalCountries li.selected .text,
.cn #countries .additionalCountries li.selected .text,
.ru #countries .additionalCountries li.selected .text,
.jp .uiLayer-countriesLayer .countriesList li.selected .text,
.kr .uiLayer-countriesLayer .countriesList li.selected .text,
.cn .uiLayer-countriesLayer .countriesList li.selected .text,
.ru .uiLayer-countriesLayer .countriesList li.selected .text,
.jp .uiLayer-countriesLayer .additionalCountries li.selected .text,
.kr .uiLayer-countriesLayer .additionalCountries li.selected .text,
.cn .uiLayer-countriesLayer .additionalCountries li.selected .text,
.ru .uiLayer-countriesLayer .additionalCountries li.selected .text {
  font-weight: 700;
}
#countries .countriesList li.af,
#countries .additionalCountries li.af,
.uiLayer-countriesLayer .countriesList li.af,
.uiLayer-countriesLayer .additionalCountries li.af {
  display: none;
}
#countries .visually-hidden,
.uiLayer-countriesLayer .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.uiLayer-shippingLink .contribution {
  margin-bottom: 22px;
  margin-bottom: 1.375rem   ;
}
.uiLayer-shippingLink .contribution [role=cell] {
  display: block;
}
.uiLayer-shippingLink .contribution .costs .discounted,
.uiLayer-shippingLink .contribution .costs .free .currency {
  display: none;
}

.shippingReturns [role=columnheader] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.idContribution_1:nth-child(3) {
  display: none;
}

.uiLayer-returnLink [target=_blank] {
  text-transform: uppercase;
}
.uiLayer-returnLink [target=_blank]::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  width: 10px;
  width: 0.625rem   ;
  height: 10px;
  height: 0.625rem   ;
  margin-left: 4px;
  margin-left: 0.25rem   ;
  content: "";
  display: inline-block;
}
.domContentLoaded .uiLayer-returnLink [target=_blank]::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-topright.svg");
}
html.edge .uiLayer-returnLink [target=_blank]::after {
  width: 10px;
  height: 11px;
}

.uiLayer .loginLayer {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer .loginLayer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .uiLayer .loginLayer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer .loginLayer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer .loginLayer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer .loginLayer {
  font-family: Arial, sans-serif;
}
.uiLayer .loginLayer #passwordRecoveryLink .buttonToLink {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}
.uiLayer .loginLayer #passwordRecoveryLink .buttonToLink:active, .uiLayer .loginLayer #passwordRecoveryLink .buttonToLink:focus, .uiLayer .loginLayer #passwordRecoveryLink .buttonToLink:hover {
  border-bottom-color: transparent;
}
.uiLayer .loginLayer form.loginForm {
  width: 70%;
}
.uiLayer .loginLayer .privacyContainer {
  margin: 20px 0 35px;
  margin: 1.25rem 0 2.1875rem ;
}
.uiLayer .loginLayer .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  padding: 20px 73px;
  padding: 1.25rem 4.5625rem  ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer .loginLayer .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer .loginLayer .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer .loginLayer .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer .loginLayer .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer .loginLayer .submit {
  font-family: Arial, sans-serif;
}
.jp .uiLayer .loginLayer .submit, .kr .uiLayer .loginLayer .submit, .cn .uiLayer .loginLayer .submit, .ru .uiLayer .loginLayer .submit {
  font-weight: 700;
}
.uiLayer .loginLayer .submit:active, .uiLayer .loginLayer .submit:focus, .uiLayer .loginLayer .submit:hover {
  background-color: #ffffff;
  color: #000000;
}

#popUpEmailDifferentCountry .layer-title {
  color: #d80000;
}
#popUpEmailDifferentCountry #changeCountry {
  text-transform: uppercase;
}

.wechat-layer-content {
  text-align: center;
}
.wechat-layer-content__image {
  max-width: 100%;
  max-height: 55vh;
}

.uiLayer-userConsentsObserver .inner {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-userConsentsObserver .inner {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-userConsentsObserver .inner {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-userConsentsObserver .inner {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-userConsentsObserver .inner {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-userConsentsObserver .inner {
  font-family: Arial, sans-serif;
}
.uiLayer-userConsentsObserver .userConsents-description {
  margin-bottom: 10px;
  margin-bottom: 0.625rem   ;
}
.uiLayer-userConsentsObserver .userConsents-declineConsequences--alert {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem   ;
}
.uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  margin-right: 10px;
  margin-right: 0.625rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-userConsentsObserver .userConsents-declineTerms--btn, .kr .uiLayer-userConsentsObserver .userConsents-declineTerms--btn, .cn .uiLayer-userConsentsObserver .userConsents-declineTerms--btn, .ru .uiLayer-userConsentsObserver .userConsents-declineTerms--btn {
  font-weight: 700;
}
.uiLayer-userConsentsObserver .userConsents-declineTerms--btn:active, .uiLayer-userConsentsObserver .userConsents-declineTerms--btn:focus, .uiLayer-userConsentsObserver .userConsents-declineTerms--btn:hover {
  background-color: #000000;
  color: #ffffff;
}
.uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-userConsentsObserver .userConsents-consentTerms--btn, .kr .uiLayer-userConsentsObserver .userConsents-consentTerms--btn, .cn .uiLayer-userConsentsObserver .userConsents-consentTerms--btn, .ru .uiLayer-userConsentsObserver .userConsents-consentTerms--btn {
  font-weight: 700;
}
.uiLayer-userConsentsObserver .userConsents-consentTerms--btn:active, .uiLayer-userConsentsObserver .userConsents-consentTerms--btn:focus, .uiLayer-userConsentsObserver .userConsents-consentTerms--btn:hover {
  background-color: #ffffff;
  color: #000000;
}

.uiLayer-getRecoveryPassword .inner {
  max-width: 515px;
  max-width: 32.1875rem   ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-getRecoveryPassword .inner {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-getRecoveryPassword .inner {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-getRecoveryPassword .inner {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-getRecoveryPassword .inner {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-getRecoveryPassword .inner {
  font-family: Arial, sans-serif;
}
.uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-weight: normal;
  margin-bottom: 20px;
  margin-bottom: 1.25rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-getRecoveryPassword .forgotPasswordButton, .kr .uiLayer-getRecoveryPassword .forgotPasswordButton, .cn .uiLayer-getRecoveryPassword .forgotPasswordButton, .ru .uiLayer-getRecoveryPassword .forgotPasswordButton {
  font-weight: 700;
}
.uiLayer-getRecoveryPassword .fieldRow.email {
  margin-top: 20px;
  margin-top: 1.25rem   ;
}
.uiLayer-getRecoveryPassword .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  width: 30%;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-getRecoveryPassword .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-getRecoveryPassword .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-getRecoveryPassword .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-getRecoveryPassword .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-getRecoveryPassword .submit {
  font-family: Arial, sans-serif;
}
.jp .uiLayer-getRecoveryPassword .submit, .kr .uiLayer-getRecoveryPassword .submit, .cn .uiLayer-getRecoveryPassword .submit, .ru .uiLayer-getRecoveryPassword .submit {
  font-weight: 700;
}
.uiLayer-getRecoveryPassword .submit:active, .uiLayer-getRecoveryPassword .submit:focus, .uiLayer-getRecoveryPassword .submit:hover {
  background-color: #ffffff;
  color: #000000;
}
.uiLayer-getRecoveryPassword .close,
.uiLayer-getRecoveryPassword .mandatory {
  display: none;
}

.uiLayer-governanceLayer .governance {
  width: 400px;
  width: 25rem   ;
  display: block;
}
.uiLayer-governanceLayer .governance-download {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  margin-top: 15px;
  margin-top: 0.9375rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .uiLayer-governanceLayer .governance-download {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .uiLayer-governanceLayer .governance-download {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .uiLayer-governanceLayer .governance-download {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .uiLayer-governanceLayer .governance-download {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .uiLayer-governanceLayer .governance-download {
  font-family: Arial, sans-serif;
}
.uiLayer-governanceLayer .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow-underlined.svg");
  width: 10px;
  width: 0.625rem   ;
  height: 10px;
  height: 0.625rem   ;
  margin-left: 5px;
  margin-left: 0.3125rem   ;
  display: inline-block;
}

.menu-section-wrapper {
  z-index: 80;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 350px;
  transform: translateX(-350px);
  transition: transform 0.3s ease-out;
}
[data-section=menu-section] .menu-section-wrapper {
  transform: translateX(0);
}
.menu-open .menu-section-wrapper, .menu-opening .menu-section-wrapper {
  visibility: visible;
}
@media (min-width: 1024px) {
  .menu-section-wrapper {
    visibility: visible;
    overflow: visible;
    position: relative;
    order: 2;
    transform: none;
    background-color: transparent;
    width: auto;
    transition: none;
    margin-right: -14px;
    margin-right: -0.875rem   ;
  }
}
@media (min-width: 1610px) {
  .menu-section-wrapper {
    margin-right: -29px;
    margin-right: -1.8125rem   ;
  }
  body#home .menu-section-wrapper, body#newbalance .menu-section-wrapper {
    margin-right: -15px;
    margin-right: -0.9375rem   ;
  }
}
@media (min-width: 1661px) {
  .menu-section-wrapper {
    margin-right: -14px;
    margin-right: -0.875rem   ;
  }
}
.menu-section-wrapper .login-button,
.menu-section-wrapper .login-buttonDisabled {
  padding-left: 15px;
  padding-left: 0.9375rem   ;
  padding-right: 15px;
  padding-right: 0.9375rem   ;
}
.menu-section-wrapper .login-button .login,
.menu-section-wrapper .login-button a,
.menu-section-wrapper .login-buttonDisabled .login,
.menu-section-wrapper .login-buttonDisabled a {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .menu-section-wrapper .login-button .login,
html:not(.jp):not(.kr):not(.cn):not(.ru) .menu-section-wrapper .login-button a,
html:not(.jp):not(.kr):not(.cn):not(.ru) .menu-section-wrapper .login-buttonDisabled .login,
html:not(.jp):not(.kr):not(.cn):not(.ru) .menu-section-wrapper .login-buttonDisabled a {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .menu-section-wrapper .login-button .login,
.jp .menu-section-wrapper .login-button a,
.jp .menu-section-wrapper .login-buttonDisabled .login,
.jp .menu-section-wrapper .login-buttonDisabled a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .menu-section-wrapper .login-button .login,
.kr .menu-section-wrapper .login-button a,
.kr .menu-section-wrapper .login-buttonDisabled .login,
.kr .menu-section-wrapper .login-buttonDisabled a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .menu-section-wrapper .login-button .login,
.cn .menu-section-wrapper .login-button a,
.cn .menu-section-wrapper .login-buttonDisabled .login,
.cn .menu-section-wrapper .login-buttonDisabled a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .menu-section-wrapper .login-button .login,
.ru .menu-section-wrapper .login-button a,
.ru .menu-section-wrapper .login-buttonDisabled .login,
.ru .menu-section-wrapper .login-buttonDisabled a {
  font-family: Arial, sans-serif;
}
.jp .menu-section-wrapper .login-button .login, .kr .menu-section-wrapper .login-button .login, .cn .menu-section-wrapper .login-button .login, .ru .menu-section-wrapper .login-button .login,
.jp .menu-section-wrapper .login-button a,
.kr .menu-section-wrapper .login-button a,
.cn .menu-section-wrapper .login-button a,
.ru .menu-section-wrapper .login-button a,
.jp .menu-section-wrapper .login-buttonDisabled .login,
.kr .menu-section-wrapper .login-buttonDisabled .login,
.cn .menu-section-wrapper .login-buttonDisabled .login,
.ru .menu-section-wrapper .login-buttonDisabled .login,
.jp .menu-section-wrapper .login-buttonDisabled a,
.kr .menu-section-wrapper .login-buttonDisabled a,
.cn .menu-section-wrapper .login-buttonDisabled a,
.ru .menu-section-wrapper .login-buttonDisabled a {
  font-weight: 700;
}
.menu-section-wrapper .login-button a,
.menu-section-wrapper .login-buttonDisabled a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
  display: inline-block;
}
.menu-section-wrapper .login-button a:active, .menu-section-wrapper .login-button a:focus, .menu-section-wrapper .login-button a:hover,
.menu-section-wrapper .login-buttonDisabled a:active,
.menu-section-wrapper .login-buttonDisabled a:focus,
.menu-section-wrapper .login-buttonDisabled a:hover {
  border-bottom-color: currentColor;
}

.menu-section {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.show-shoes-logo .menu-section {
  margin-top: 21px;
  margin-top: 1.3125rem   ;
}
.menu-section .login-button {
  flex-grow: 1;
}

.main-menu__submenu--level-0 {
  padding-top: 21px;
  padding-top: 1.3125rem   ;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-0 {
    padding-top: 0;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .main-menu__submenu-wrapper--level-1::before {
    display: none;
    top: 81px;
    top: 5.0625rem   ;
    max-height: 692px;
    max-height: 43.25rem   ;
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100vw;
    height: 100vh;
  }
  .show-shoes-logo .main-menu__submenu-wrapper--level-1::before {
    top: 90px;
    top: 5.625rem   ;
  }
  .whitetheme .main-menu__submenu-wrapper--level-1::before {
    background-color: #ffffff;
  }
  .blacktheme .main-menu__submenu-wrapper--level-1::before {
    background-color: #000000;
  }
  .submenu-open .main-menu__submenu-wrapper--level-1::before {
    display: block;
  }
  body.js-has-promotions .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.0625rem    + var(--promo-strip-height));
  }
  body.js-has-promotions.show-shoes-logo .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.625rem    + var(--promo-strip-height));
  }
  body.js-newsletterPrompt-open .main-menu__submenu-wrapper--level-1::before {
    top: 367px;
    top: 22.9375rem   ;
  }
  body.show-shoes-logo.js-newsletterPrompt-open .main-menu__submenu-wrapper--level-1::before {
    top: 376px;
    top: 23.5rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-last-step .main-menu__submenu-wrapper--level-1::before {
    top: 641px;
    top: 40.0625rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-last-step.show-shoes-logo .main-menu__submenu-wrapper--level-1::before {
    top: 650px;
    top: 40.625rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-thankyou-step .main-menu__submenu-wrapper--level-1::before {
    top: 285px;
    top: 17.8125rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-thankyou-step.show-shoes-logo .main-menu__submenu-wrapper--level-1::before {
    top: 294px;
    top: 18.375rem   ;
  }
  body.js-has-promotions.js-newsletterPrompt-open .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.0625rem    + var(--promo-strip-height) + 17.875rem   );
  }
  body.show-shoes-logo.js-has-promotions.js-newsletterPrompt-open .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.625rem    + var(--promo-strip-height) + 17.875rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-last-step .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.0625rem    + var(--promo-strip-height) + 35rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-last-step.show-shoes-logo .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.625rem    + var(--promo-strip-height) + 35rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-thankyou-step .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.0625rem    + var(--promo-strip-height) + 12.75rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-thankyou-step.show-shoes-logo .main-menu__submenu-wrapper--level-1::before {
    top: calc(5.625rem    + var(--promo-strip-height) + 12.75rem   );
  }
}
.main-menu__submenu--level-1 {
  z-index: 82;
  padding: 21px 4px 21px 15px;
  padding: 1.3125rem 0.25rem 1.3125rem 0.9375rem;
  visibility: hidden;
  width: 350px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transform: translateX(350px);
  transition: transform 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  background-color: #ffffff;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-1 {
    top: 81px;
    top: 5.0625rem   ;
    padding: 8px 16px;
    padding: 0.5rem 1rem  ;
    max-height: 692px;
    max-height: 43.25rem   ;
    max-width: 1920px;
    max-width: 120rem   ;
    background-color: transparent;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100vw;
  }
  .show-shoes-logo .main-menu__submenu--level-1 {
    top: 90px;
    top: 5.625rem   ;
  }
  .main-menu__submenu--level-1::before {
    left: 30px;
    left: 1.875rem   ;
    right: 45px;
    right: 2.8125rem   ;
    top: 44px;
    top: 2.75rem   ;
    position: absolute;
    content: "";
    height: 2px;
    background-color: #000000;
  }
  body.js-has-promotions .main-menu__submenu--level-1 {
    top: calc(5.0625rem    + var(--promo-strip-height));
  }
  body.js-has-promotions.show-shoes-logo .main-menu__submenu--level-1 {
    top: calc(5.625rem    + var(--promo-strip-height));
  }
  body.js-newsletterPrompt-open .main-menu__submenu--level-1 {
    top: 367px;
    top: 22.9375rem   ;
  }
  body.js-newsletterPrompt-open.show-shoes-logo .main-menu__submenu--level-1 {
    top: 376px;
    top: 23.5rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-last-step .main-menu__submenu--level-1 {
    top: 641px;
    top: 40.0625rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-last-step.show-shoes-logo .main-menu__submenu--level-1 {
    top: 650px;
    top: 40.625rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-thankyou-step .main-menu__submenu--level-1 {
    top: 285px;
    top: 17.8125rem   ;
  }
  body.js-newsletterPrompt-open.js-nl-prompt-thankyou-step.show-shoes-logo .main-menu__submenu--level-1 {
    top: 294px;
    top: 18.375rem   ;
  }
  body.js-has-promotions.js-newsletterPrompt-open .main-menu__submenu--level-1 {
    top: calc(5.0625rem    + var(--promo-strip-height) + 17.875rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.show-shoes-logo .main-menu__submenu--level-1 {
    top: calc(5.625rem    + var(--promo-strip-height) + 17.875rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-last-step .main-menu__submenu--level-1 {
    top: calc(5.0625rem    + var(--promo-strip-height) + 35rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-last-step.show-shoes-logo .main-menu__submenu--level-1 {
    top: calc(5.625rem    + var(--promo-strip-height) + 35rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-thankyou-step .main-menu__submenu--level-1 {
    top: calc(5.0625rem    + var(--promo-strip-height) + 12.75rem   );
  }
  body.js-has-promotions.js-newsletterPrompt-open.js-nl-prompt-thankyou-step.show-shoes-logo .main-menu__submenu--level-1 {
    top: calc(5.0625rem    + var(--promo-strip-height) + 12.75rem   );
  }
}
@media (min-width: 1610px) {
  .main-menu__submenu--level-1::before {
    right: 30px;
    right: 1.875rem   ;
  }
}
@media (min-width: 1661px) {
  body:not(#home):not(#newbalance):not(#customlandingpage) .main-menu__submenu--level-1 {
    max-width: 1670px;
    max-width: 104.375rem   ;
  }
}
.main-menu__submenu--level-1.main-menu__submenu--expanded {
  visibility: visible;
  transform: translateX(0);
}
@media (min-width: 768px) {
  .main-menu__submenu--level-1.main-menu__submenu--expanded {
    display: block;
  }
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-1.main-menu__submenu--expanded {
    background-color: #ffffff;
    display: flex;
  }
}
.main-menu__submenu--level-1.main-menu__submenu--visible {
  visibility: visible;
}
.main-menu__submenu--level-2 {
  padding: 8px 16px;
  padding: 0.5rem 1rem  ;
  display: none;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-2 {
    top: 60px;
    top: 3.75rem   ;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.main-menu__submenu--level-2.main-menu__submenu--expanded {
  display: block;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-2.main-menu__submenu--expanded {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
}
.main-menu__submenu--level-3 {
  padding: 0 0 2px 20px;
  padding: 0 0 0.125rem 1.25rem;
  display: none;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-3 {
    padding: 0;
  }
}
.main-menu__submenu--level-3.main-menu__submenu--expanded {
  display: block;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-3 .main-menu__leaf .text {
    line-height: 1;
  }
}
.main-menu__submenu--level-4 {
  padding: 0 0 2px 20px;
  padding: 0 0 0.125rem 1.25rem;
  display: none;
}
.main-menu__submenu--level-4.main-menu__submenu--expanded {
  display: block;
}
.main-menu__submenu--level-5 {
  padding: 0 0 2px 20px;
  padding: 0 0 0.125rem 1.25rem;
  display: none;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-5 {
    padding-left: 0;
    display: flex;
  }
}
.main-menu__submenu--level-5.main-menu__submenu--expanded {
  display: block;
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-5.main-menu__submenu--expanded {
    display: flex;
  }
}
.main-menu__button, .main-menu__back-button, .main-menu__leaf {
  width: 100%;
  text-align: left;
}
.main-menu__button .text, .main-menu__back-button .text, .main-menu__leaf .text {
  font-size: 12px;
  font-size: 0.75rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
  line-height: 1;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button .text, html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__back-button .text, html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__leaf .text {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .main-menu__button .text, .jp .main-menu__back-button .text, .jp .main-menu__leaf .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .main-menu__button .text, .kr .main-menu__back-button .text, .kr .main-menu__leaf .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .main-menu__button .text, .cn .main-menu__back-button .text, .cn .main-menu__leaf .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .main-menu__button .text, .ru .main-menu__back-button .text, .ru .main-menu__leaf .text {
  font-family: Arial, sans-serif;
}
.main-menu__button .text:active, .main-menu__button .text:focus, .main-menu__button .text:hover, .main-menu__back-button .text:active, .main-menu__back-button .text:focus, .main-menu__back-button .text:hover, .main-menu__leaf .text:active, .main-menu__leaf .text:focus, .main-menu__leaf .text:hover {
  border-bottom-color: currentColor;
}
@media (min-width: 1024px) {
  .main-menu__button .text, .main-menu__back-button .text, .main-menu__leaf .text {
    font-size: 14px;
    font-size: 0.875rem   ;
    letter-spacing: 1.6px;
    letter-spacing: 0.1rem   ;
    line-height: 1.5;
    text-transform: uppercase;
  }
  html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button .text, html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__back-button .text, html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__leaf .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
  }
  .jp .main-menu__button .text, .jp .main-menu__back-button .text, .jp .main-menu__leaf .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  }
  .kr .main-menu__button .text, .kr .main-menu__back-button .text, .kr .main-menu__leaf .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
  }
  .cn .main-menu__button .text, .cn .main-menu__back-button .text, .cn .main-menu__leaf .text {
    font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
  }
  .ru .main-menu__button .text, .ru .main-menu__back-button .text, .ru .main-menu__leaf .text {
    font-family: Arial, sans-serif;
  }
}
.main-menu__button, .main-menu__back-button {
  padding: 13px 14px;
  padding: 0.8125rem 0.875rem  ;
}
@media (min-width: 1024px) {
  .main-menu__button {
    padding: 9px 14px;
    padding: 0.5625rem 0.875rem  ;
  }
}
.main-menu__leaf {
  padding: 13px 14px;
  padding: 0.8125rem 0.875rem  ;
}
@media (min-width: 1024px) {
  .main-menu__leaf {
    padding: 9px 14px;
    padding: 0.5625rem 0.875rem  ;
  }
}
.main-menu__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-menu__button:disabled {
  opacity: 1;
}
@media (min-width: 1024px) {
  .main-menu__button .text {
    border-bottom: 3px solid transparent;
  }
}
.main-menu__button .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow_down.svg");
  width: 11px;
  width: 0.6875rem   ;
  height: 11px;
  height: 0.6875rem   ;
  transform: rotate(0);
  transition: transform 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  display: block;
}
@media (min-width: 1024px) {
  .main-menu__button .icon {
    display: none;
  }
}
.main-menu__button--expanded .text {
  font-size: 12px;
  font-size: 0.75rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  line-height: 1;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button--expanded .text {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .main-menu__button--expanded .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .main-menu__button--expanded .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .main-menu__button--expanded .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .main-menu__button--expanded .text {
  font-family: Arial, sans-serif;
}
.jp .main-menu__button--expanded .text, .kr .main-menu__button--expanded .text, .cn .main-menu__button--expanded .text, .ru .main-menu__button--expanded .text {
  font-weight: 700;
}
@media (min-width: 1024px) {
  .main-menu__button--expanded .text {
    font-size: 14px;
    font-size: 0.875rem   ;
    letter-spacing: 1.6px;
    letter-spacing: 0.1rem   ;
    line-height: 1.5;
    text-transform: uppercase;
    border-bottom-color: currentColor;
  }
  html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button--expanded .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
  }
  .jp .main-menu__button--expanded .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  }
  .kr .main-menu__button--expanded .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
  }
  .cn .main-menu__button--expanded .text {
    font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
  }
  .ru .main-menu__button--expanded .text {
    font-family: Arial, sans-serif;
  }
  .jp .main-menu__button--expanded .text, .kr .main-menu__button--expanded .text, .cn .main-menu__button--expanded .text, .ru .main-menu__button--expanded .text {
    font-weight: 700;
  }
}
.main-menu__button--expanded .icon {
  transform: rotate(-180deg);
}
@media (min-width: 1024px) {
  .main-menu__button--level-0 .text {
    font-size: 14px;
    font-size: 0.875rem   ;
    letter-spacing: 1.6px;
    letter-spacing: 0.1rem   ;
    line-height: 1.5;
    text-transform: uppercase;
  }
  html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button--level-0 .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
  }
  .jp .main-menu__button--level-0 .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  }
  .kr .main-menu__button--level-0 .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
  }
  .cn .main-menu__button--level-0 .text {
    font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
  }
  .ru .main-menu__button--level-0 .text {
    font-family: Arial, sans-serif;
  }
  .jp .main-menu__button--level-0 .text, .kr .main-menu__button--level-0 .text, .cn .main-menu__button--level-0 .text, .ru .main-menu__button--level-0 .text {
    font-weight: 700;
  }
}
.main-menu__button--level-0 .icon {
  transform: rotate(-90deg);
}
@media (min-width: 1024px) {
  .main-menu__button--level-0.main-menu__button--active-at-landing .text {
    border-bottom-color: currentColor;
  }
}
@media (min-width: 1024px) {
  .main-menu__button--level-1 .text, .main-menu__button--level-2 .text {
    line-height: 1;
  }
}
@media (min-width: 1024px) {
  .main-menu__button--level-1 .text {
    padding-bottom: 10px;
    padding-bottom: 0.625rem   ;
  }
}
@media (min-width: 1024px) {
  .main-menu__button--level-2 {
    pointer-events: none;
  }
}
@media (min-width: 1024px) {
  .main-menu__button--level-2 .text {
    font-size: 14px;
    font-size: 0.875rem   ;
    letter-spacing: 1.6px;
    letter-spacing: 0.1rem   ;
    line-height: 1.5;
    text-transform: uppercase;
    line-height: 1;
  }
  html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button--level-2 .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
  }
  .jp .main-menu__button--level-2 .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  }
  .kr .main-menu__button--level-2 .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
  }
  .cn .main-menu__button--level-2 .text {
    font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
  }
  .ru .main-menu__button--level-2 .text {
    font-family: Arial, sans-serif;
  }
  .jp .main-menu__button--level-2 .text, .kr .main-menu__button--level-2 .text, .cn .main-menu__button--level-2 .text, .ru .main-menu__button--level-2 .text {
    font-weight: 700;
  }
}
.main-menu [data-button-code=images] {
  display: none;
}
.main-menu__leaf {
  border: none;
  display: block;
}
.main-menu__leaf--selected .text {
  border-bottom-color: currentColor;
}
.main-menu__back-button {
  padding: 14px 0 24px;
  padding: 0.875rem 0 1.5rem ;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .main-menu__back-button {
    display: none;
  }
}
.main-menu__back-button .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow_left.svg");
  margin-right: 5px;
  margin-right: 0.3125rem   ;
  background-position: left;
  display: block;
  width: 10px;
  height: 10px;
}
.main-menu::after {
  margin: 11px 15px 0;
  margin: 0.6875rem 0.9375rem 0 ;
  content: "";
  display: block;
  height: 1px;
  background-color: #dbdbdb;
}
@media (min-width: 1024px) {
  .main-menu::after {
    display: none;
  }
}

a.main-menu__leaf[data-level="1"] {
  padding-top: 5px;
  padding-top: 0.3125rem   ;
}

a.main-menu__button--level-0 {
  border-bottom: none;
}

@media (min-width: 1024px) {
  .main-menu__submenu--expanded .main-menu__submenu--level-3 {
    display: block;
  }
}

@media (min-width: 1025px) {
  .main-menu__submenu--level-3.main-menu__submenu--order-0, .main-menu__submenu--level-3.main-menu__submenu--order-1 {
    max-height: 740px;
    max-height: 46.25rem   ;
  }
}

@media (min-width: 1024px) {
  .main-menu__submenu--level-3.main-menu__submenu--wrapped {
    columns: 2;
  }
}
@media (min-width: 1024px) {
  .main-menu__submenu--level-3.main-menu__submenu--wrapped > li {
    display: inline-block;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .main-menu__button-wrapper--level-4:nth-child(7) {
    height: 50%;
  }
}

@media (min-width: 1024px) {
  .main-menu__button-wrapper--level-1 {
    margin-right: 5px;
    margin-right: 0.3125rem   ;
  }
}

[class*=_orangelabel] > button .text, [class*=_orangelabel] > a .text {
  color: #CC4B00;
}
[class*=_orangelabel] .main-menu__button .text:hover {
  border-bottom-color: #ffffff;
}

@media (min-width: 1024px) {
  .main-menu__button-wrapper--level-2.main-menu__button-wrapper--order-0 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}
@media (min-width: 1024px) {
  .main-menu__button-wrapper--level-2.main-menu__button-wrapper--order-1 {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}

@media (min-width: 1024px) {
  .main-menu__submenu-wrapper--level-3 {
    padding-bottom: 20px;
    padding-bottom: 1.25rem   ;
  }
}
@media (min-width: 1024px) {
  .main-menu__submenu-wrapper--level-3.main-menu__submenu-wrapper--order-0 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}
@media (min-width: 1024px) {
  .main-menu__submenu-wrapper--level-3.main-menu__submenu-wrapper--order-1 {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}

.main-menu__button-wrapper__close {
  display: none;
}
@media (min-width: 1024px) {
  .main-menu__button-wrapper__close {
    right: 45px;
    right: 2.8125rem   ;
    top: 13px;
    top: 0.8125rem   ;
    display: block;
    position: absolute;
  }
  .main-menu__button-wrapper__close .text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .main-menu__button-wrapper__close .icon {
    width: 26px;
    width: 1.625rem   ;
    height: 26px;
    height: 1.625rem   ;
    display: block;
  }
  .main-menu__button-wrapper__close .icon:after, .main-menu__button-wrapper__close .icon:before {
    width: 16px;
    width: 1rem   ;
    height: 1px;
    height: 0.0625rem   ;
    top: 12px;
    top: 0.75rem   ;
    right: 3px;
    right: 0.1875rem   ;
    content: "";
    position: absolute;
    background-color: #000000;
  }
  .main-menu__button-wrapper__close .icon:after {
    transform: rotateZ(45deg);
  }
  .main-menu__button-wrapper__close .icon:before {
    transform: rotateZ(-45deg);
  }
  .main-menu__button-wrapper__close .icon:active:after, .main-menu__button-wrapper__close .icon:active:before, .main-menu__button-wrapper__close .icon:focus:after, .main-menu__button-wrapper__close .icon:focus:before, .main-menu__button-wrapper__close .icon:hover:after, .main-menu__button-wrapper__close .icon:hover:before {
    background-color: #737373;
  }
}
@media (min-width: 1610px) {
  .main-menu__button-wrapper__close {
    right: 30px;
    right: 1.875rem   ;
  }
}

@media (min-width: 768px) {
  .main-menu__button-wrapper--images {
    display: none;
  }
}

@media (min-width: 1024px) {
  .main-menu__submenu-wrapper.main-menu__submenu-wrapper--images {
    padding: 0 14px 12px 14px;
    padding: 0 0.875rem 0.75rem 0.875rem;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }
}
@media (min-width: 1024px) {
  .main-menu__submenu-wrapper.main-menu__submenu-wrapper--images img {
    width: 100%;
  }
}

.main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .main-menu__button {
  pointer-events: none;
}
@media (min-width: 1024px) {
  .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-size: 14px;
    font-size: 0.875rem   ;
    letter-spacing: 1.6px;
    letter-spacing: 0.1rem   ;
    line-height: 1.5;
    text-transform: uppercase;
  }
  html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
  }
  .jp .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  }
  .kr .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
  }
  .cn .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
  }
  .ru .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-family: Arial, sans-serif;
  }
  .jp .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text, .kr .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text, .cn .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text, .ru .main-menu__submenu--archivio .main-menu__button-wrapper--level-4 .text {
    font-weight: 700;
  }
}

.submenu-open .main-menu__button--level-0 {
  display: none;
}
@media (min-width: 1024px) {
  .submenu-open .main-menu__button--level-0 {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom {
    margin-top: -39px;
    margin-top: -2.4375rem   ;
    margin-left: 50%;
  }
  .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom .text {
    font-size: 14px;
    font-size: 0.875rem   ;
    letter-spacing: 1.6px;
    letter-spacing: 0.1rem   ;
    line-height: 1.5;
    text-transform: uppercase;
  }
  html:not(.jp):not(.kr):not(.cn):not(.ru) .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
  }
  .jp .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  }
  .kr .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
  }
  .cn .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom .text {
    font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
  }
  .ru .main-menu__button-wrapper--level-4.main-menu__button-wrapper-others_alignbottom .text {
    font-family: Arial, sans-serif;
  }
}

@media (min-width: 1024px) {
  .main-menu__button-wrapper-stoneisland30_alignbottom {
    margin-top: 21px;
    margin-top: 1.3125rem   ;
  }
}

.using-mouse .main-menu__button-wrapper--identity_notitle button {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.miniCart {
  height: 100%;
  box-sizing: border-box;
}
.miniCart__content {
  padding: 30px 43px;
  padding: 1.875rem 2.6875rem  ;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  height: 100%;
}
.sidebar-section .miniCart__content {
  padding: 0;
}
.sidebar-section .miniCart__content footer {
  background: #ffffff;
  color: #000000;
}
.edge .miniCart__content {
  display: flex;
  flex-direction: column;
}
.miniCart__header {
  padding: 0 23px 7px;
  padding: 0 1.4375rem 0.4375rem ;
}
.miniCart__close-button {
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  padding: 0;
  display: block;
  position: absolute;
  right: 30px;
  right: 1.875rem   ;
  top: 27px;
  top: 1.6875rem   ;
  width: 26px;
  width: 1.625rem   ;
  height: 26px;
  height: 1.625rem   ;
}
.miniCart__close-button:after, .miniCart__close-button:before {
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
  content: "";
  position: absolute;
  background-color: #000000;
}
.miniCart__close-button:after {
  transform: rotateZ(45deg);
}
.miniCart__close-button:before {
  transform: rotateZ(-45deg);
}
.miniCart__close-button:active:after, .miniCart__close-button:active:before, .miniCart__close-button:focus:after, .miniCart__close-button:focus:before, .miniCart__close-button:hover:after, .miniCart__close-button:hover:before {
  background-color: #737373;
}
.miniCart__close-button .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.miniCart__title {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 6px;
  margin-bottom: 0.375rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart__title {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .miniCart__title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart__title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart__title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart__title {
  font-family: Arial, sans-serif;
}
.jp .miniCart__title, .kr .miniCart__title, .cn .miniCart__title, .ru .miniCart__title {
  font-weight: 700;
}
.miniCart .layer-empty {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.miniCart .itemsCount {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart .itemsCount {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .miniCart .itemsCount {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart .itemsCount {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart .itemsCount {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart .itemsCount {
  font-family: Arial, sans-serif;
}
.miniCart__items {
  position: relative;
  overflow-y: auto;
}
.edge .miniCart__items {
  height: 100%;
}
.miniCart__footer {
  padding: 10px 7px 31px;
  padding: 0.625rem 0.4375rem 1.9375rem ;
}
.miniCart__product-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: 24% auto auto;
  grid-template-columns: 24% auto auto;
  grid-column-gap: 0.625rem   ;
  padding: 25px 0;
  padding: 1.5625rem 0  ;
  margin: 0 23px;
  margin: 0 1.4375rem  ;
  border-top: 1px solid #dbdbdb;
}
.miniCart__product-image {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
}
.miniCart__product-image picture {
  width: 100%;
  height: 0;
  padding-top: 127.31%;
  position: relative;
  display: block;
}
.miniCart__product-image picture > img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #dbdbdb;
}
.miniCart__product-image a {
  display: block;
  border: 1px solid transparent;
  transition: border-color 0.2s ease-out;
}
.miniCart__product-image a:hover {
  border: 1px solid #000000;
}
.miniCart__product-image img {
  width: 100%;
}
.miniCart__product-name {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  padding-bottom: 21px;
  padding-bottom: 1.3125rem   ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart__product-name {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .miniCart__product-name {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart__product-name {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart__product-name {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart__product-name {
  font-family: Arial, sans-serif;
}
.jp .miniCart__product-name, .kr .miniCart__product-name, .cn .miniCart__product-name, .ru .miniCart__product-name {
  font-weight: 700;
}
.edge .miniCart__product-name {
  margin-left: 24px;
  margin-left: 1.5rem   ;
}
.miniCart__product-info {
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row-align: end;
      align-self: end;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart__product-info {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .miniCart__product-info {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart__product-info {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart__product-info {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart__product-info {
  font-family: Arial, sans-serif;
}
.edge .miniCart__product-info {
  margin-left: 24px;
  margin-left: 1.5rem   ;
}
.miniCart__product-info .label {
  display: inline-flex;
  margin-right: 3px;
  margin-right: 0.1875rem   ;
}
.miniCart__product-info .label::after {
  content: ":";
}
.miniCart__product-info .size .label {
  text-transform: uppercase;
}
.miniCart__product-info .editItemQuantity .inner {
  display: flex;
}
.miniCart__product-info .editItemQuantity .label {
  display: inline-flex;
  margin-right: 3px;
  margin-right: 0.1875rem   ;
}
.miniCart__product-info .editItemQuantity .label::after {
  content: ":";
}
.miniCart__product-price {
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row-align: end;
      align-self: end;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart__product-price {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .miniCart__product-price {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart__product-price {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart__product-price {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart__product-price {
  font-family: Arial, sans-serif;
}
.jp .miniCart__product-price, .kr .miniCart__product-price, .cn .miniCart__product-price, .ru .miniCart__product-price {
  font-weight: 700;
}
.edge .miniCart__product-price {
  margin-left: 24px;
  margin-left: 1.5rem   ;
}
.miniCart__product-price .itemPrice {
  display: flex;
  flex-direction: column;
}
.miniCart__product-price .itemPrice .full.price {
  text-decoration: line-through;
  color: #737373;
  order: -1;
}
.miniCart__product-price .itemPrice .full,
.miniCart__product-price .itemPrice .discounted {
  display: flex;
}
.miniCart__product-price .itemPrice .currency {
  margin-right: 5px;
  margin-right: 0.3125rem   ;
}
.miniCart__product-price .itemPrice .compare-prices,
.miniCart__product-price .itemPrice .markdown {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.miniCart__product-actions {
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column-align: end;
      justify-self: end;
}
.edge .miniCart__product-actions {
  margin-left: 24px;
  margin-left: 1.5rem   ;
}
.miniCart .removeItem {
  background-color: transparent;
  border: none;
  color: inherit;
  padding: 8px;
  margin: 0 -8px -8px;
  margin: 0 -0.5rem -0.5rem ;
  display: flex;
  align-items: center;
}
.miniCart .removeItem .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/trashbin.svg");
  display: block;
  width: 13px;
  width: 0.8125rem   ;
  height: 18px;
  height: 1.125rem   ;
}
.miniCart .removeItem .text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
  margin-left: 10px;
  margin-left: 0.625rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart .removeItem .text {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .miniCart .removeItem .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart .removeItem .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart .removeItem .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart .removeItem .text {
  font-family: Arial, sans-serif;
}
.miniCart .removeItem .text:active, .miniCart .removeItem .text:focus, .miniCart .removeItem .text:hover {
  border-bottom-color: transparent;
}
.miniCart .products-price {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  padding: 10px 0;
  padding: 0.625rem 0  ;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart .products-price {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .miniCart .products-price {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart .products-price {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart .products-price {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart .products-price {
  font-family: Arial, sans-serif;
}
.jp .miniCart .products-price, .kr .miniCart .products-price, .cn .miniCart .products-price, .ru .miniCart .products-price {
  font-weight: 700;
}
.miniCart .products-price .paylater-container {
  flex-grow: 1;
  width: 100%;
  padding: 0 4px;
  padding: 0 0.25rem  ;
}
.miniCart .products-price .unchanged {
  display: none;
}
.miniCart .products-price .withPromo {
  display: flex;
  flex-direction: column;
}
.miniCart .products-price .originalValue.striked {
  text-decoration: line-through;
  color: #737373;
}
.miniCart .promotions {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem   ;
  border-top: 3px solid #000000;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
}
.miniCart .promotions .longDescription {
  display: none;
}
.miniCart .goToCartLink {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  display: block;
  text-align: center;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart .goToCartLink {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .miniCart .goToCartLink {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart .goToCartLink {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart .goToCartLink {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart .goToCartLink {
  font-family: Arial, sans-serif;
}
.jp .miniCart .goToCartLink, .kr .miniCart .goToCartLink, .cn .miniCart .goToCartLink, .ru .miniCart .goToCartLink {
  font-weight: 700;
}
.miniCart .goToCartLink:active, .miniCart .goToCartLink:focus, .miniCart .goToCartLink:hover {
  background-color: #ffffff;
  color: #000000;
}
.miniCart .paypalOrLabel {
  text-align: center;
  margin: 8px 0;
  margin: 0.5rem 0  ;
  display: block;
  text-transform: uppercase;
}
.miniCart .paypalExpressCheckoutButton {
  background-color: #ffffff;
  display: block;
  margin-bottom: 0;
  width: 100%;
}
.miniCart .paypalExpressCheckoutButton img {
  width: 62%;
  display: block;
  margin: 0 auto;
}
.miniCart .paypalExpressCheckoutButton .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.miniCart .paypalExpressCheckoutButton.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.miniCart .ppe_noGiftMessage {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-top: 0.625rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .miniCart .ppe_noGiftMessage {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .miniCart .ppe_noGiftMessage {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .miniCart .ppe_noGiftMessage {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .miniCart .ppe_noGiftMessage {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .miniCart .ppe_noGiftMessage {
  font-family: Arial, sans-serif;
}
.jp .miniCart .ppe_noGiftMessage, .kr .miniCart .ppe_noGiftMessage, .cn .miniCart .ppe_noGiftMessage, .ru .miniCart .ppe_noGiftMessage {
  font-weight: 700;
}
.miniCart .sidebar-loading .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/loader-spinner.svg");
  width: 32px;
  width: 2rem   ;
  height: 32px;
  height: 2rem   ;
  margin: -16px 0 -16px;
  margin: -1rem 0 -1rem ;
  display: block;
  position: absolute;
  animation: rotate 1.5s linear infinite;
  top: 50%;
  right: 50%;
}

html.openMinicart:not(.locked) {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
html.openMinicart .overlayMain {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  transition: opacity 0.3s ease-out;
  opacity: 1;
  display: block;
}

.promostrip-opc .promotions {
  height: 72px;
  height: 4.5rem   ;
  border-bottom: 2px solid #000000;
}

.promostrip-minicart .promotions {
  min-height: 90px;
  min-height: 5.625rem   ;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #dbdbdb;
}
.promostrip-minicart .shortDescription {
  padding: 10px 0;
  padding: 0.625rem 0  ;
}

.header__promostrip {
  padding: 8px 0;
  padding: 0.5rem 0  ;
  background-color: #000000;
}
.header__promostrip .promotions {
  min-height: 21px;
  min-height: 1.3125rem   ;
  padding: 0 36px;
  padding: 0 2.25rem  ;
  color: #ffffff;
}
.header__promostrip .shortDescription {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__promostrip .shortDescription {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header__promostrip .shortDescription {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__promostrip .shortDescription {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__promostrip .shortDescription {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__promostrip .shortDescription {
  font-family: Arial, sans-serif;
}

.promostrip-opc .shortDescription,
.promostrip-minicart .shortDescription {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .promostrip-opc .shortDescription,
html:not(.jp):not(.kr):not(.cn):not(.ru) .promostrip-minicart .shortDescription {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .promostrip-opc .shortDescription,
.jp .promostrip-minicart .shortDescription {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .promostrip-opc .shortDescription,
.kr .promostrip-minicart .shortDescription {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .promostrip-opc .shortDescription,
.cn .promostrip-minicart .shortDescription {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .promostrip-opc .shortDescription,
.ru .promostrip-minicart .shortDescription {
  font-family: Arial, sans-serif;
}
.jp .promostrip-opc .shortDescription, .kr .promostrip-opc .shortDescription, .cn .promostrip-opc .shortDescription, .ru .promostrip-opc .shortDescription,
.jp .promostrip-minicart .shortDescription,
.kr .promostrip-minicart .shortDescription,
.cn .promostrip-minicart .shortDescription,
.ru .promostrip-minicart .shortDescription {
  font-weight: 700;
}

.promostrip-opc,
.promostrip-minicart,
.header__promostrip {
  display: none;
  position: relative;
}
.js-has-promotions .promostrip-opc,
.js-has-promotions .promostrip-minicart,
.js-has-promotions .header__promostrip {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-height: 48px;
}
.promostrip-opc .promotions.noPromotions,
.promostrip-minicart .promotions.noPromotions,
.header__promostrip .promotions.noPromotions {
  display: none;
}
.promostrip-opc .promotionTitle,
.promostrip-minicart .promotionTitle,
.header__promostrip .promotionTitle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.promostrip-opc .promotionsList,
.promostrip-minicart .promotionsList,
.header__promostrip .promotionsList {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
.js-promostrip-multislide .promostrip-opc .shortDescription,
.js-promostrip-multislide .promostrip-minicart .shortDescription,
.js-promostrip-multislide .header__promostrip .shortDescription {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.js-promostrip-multislide .promostrip-opc .active .shortDescription,
.js-promostrip-multislide .promostrip-minicart .active .shortDescription,
.js-promostrip-multislide .header__promostrip .active .shortDescription {
  border: none;
  clip: auto;
  height: auto;
  margin: 0;
  overflow: auto;
  position: relative;
  width: auto;
  opacity: 1;
}
.promostrip-opc .longDescription,
.promostrip-minicart .longDescription,
.header__promostrip .longDescription {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.promostrip-opc .pause,
.promostrip-opc .play,
.promostrip-opc .next,
.promostrip-opc .prev,
.promostrip-minicart .pause,
.promostrip-minicart .play,
.promostrip-minicart .next,
.promostrip-minicart .prev,
.header__promostrip .pause,
.header__promostrip .play,
.header__promostrip .next,
.header__promostrip .prev {
  -webkit-appearance: none;
          appearance: none;
  letter-spacing: inherit;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  cursor: pointer;
  z-index: 55;
  position: absolute;
  display: none;
}
.js-promostrip-multislide .promostrip-opc .pause,
.js-promostrip-multislide .promostrip-opc .play,
.js-promostrip-multislide .promostrip-opc .next,
.js-promostrip-multislide .promostrip-opc .prev,
.js-promostrip-multislide .promostrip-minicart .pause,
.js-promostrip-multislide .promostrip-minicart .play,
.js-promostrip-multislide .promostrip-minicart .next,
.js-promostrip-multislide .promostrip-minicart .prev,
.js-promostrip-multislide .header__promostrip .pause,
.js-promostrip-multislide .header__promostrip .play,
.js-promostrip-multislide .header__promostrip .next,
.js-promostrip-multislide .header__promostrip .prev {
  display: block;
}
.promostrip-opc .pause,
.promostrip-minicart .pause,
.header__promostrip .pause {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  right: 25px;
  right: 1.5625rem   ;
  padding: 6px;
  padding: 0.375rem   ;
  bottom: 0;
}
.promostrip-opc .pause .icon,
.promostrip-minicart .pause .icon,
.header__promostrip .pause .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/pause_1.svg");
  width: 12px;
  width: 0.75rem   ;
  height: 12px;
  height: 0.75rem   ;
  display: block;
}
.header .promostrip-opc .pause .icon,
.header .promostrip-minicart .pause .icon,
.header .header__promostrip .pause .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/pause_1_white.svg");
}
.promostrip-opc .pause:focus,
.promostrip-minicart .pause:focus,
.header__promostrip .pause:focus {
  border: none;
  clip: auto;
  height: auto;
  margin: 0;
  overflow: auto;
  position: relative;
  width: auto;
  position: absolute;
}
.miniCart .promostrip-opc .pause,
.miniCart .promostrip-minicart .pause,
.miniCart .header__promostrip .pause {
  right: 40px;
  right: 2.5rem   ;
}
.promostrip-opc .pause.disabled,
.promostrip-minicart .pause.disabled,
.header__promostrip .pause.disabled {
  opacity: 0.5;
}
.promostrip-opc .play,
.promostrip-minicart .play,
.header__promostrip .play {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  padding: 6px;
  padding: 0.375rem   ;
  bottom: 0;
  right: 0;
}
.promostrip-opc .play .icon,
.promostrip-minicart .play .icon,
.header__promostrip .play .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/play_1.svg");
  width: 12px;
  width: 0.75rem   ;
  height: 12px;
  height: 0.75rem   ;
  display: block;
}
.header .promostrip-opc .play .icon,
.header .promostrip-minicart .play .icon,
.header .header__promostrip .play .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/play_1_white.svg");
}
.promostrip-opc .play:focus,
.promostrip-minicart .play:focus,
.header__promostrip .play:focus {
  border: none;
  clip: auto;
  height: auto;
  margin: 0;
  overflow: auto;
  position: relative;
  width: auto;
  position: absolute;
}
.miniCart .promostrip-opc .play, .header .promostrip-opc .play,
.miniCart .promostrip-minicart .play,
.header .promostrip-minicart .play,
.miniCart .header__promostrip .play,
.header .header__promostrip .play {
  right: 20px;
  right: 1.25rem   ;
}
.promostrip-opc .play.disabled,
.promostrip-minicart .play.disabled,
.header__promostrip .play.disabled {
  opacity: 0.5;
}
.promostrip-opc .prev,
.promostrip-minicart .prev,
.header__promostrip .prev {
  padding: 25px 0;
  padding: 1.5625rem 0  ;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.promostrip-opc .prev .icon,
.promostrip-minicart .prev .icon,
.header__promostrip .prev .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow_left.svg");
  width: 15px;
  width: 0.9375rem   ;
  height: 15px;
  height: 0.9375rem   ;
  display: block;
}
.header .promostrip-opc .prev .icon,
.header .promostrip-minicart .prev .icon,
.header .header__promostrip .prev .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow_left_white.svg");
}
.header .promostrip-opc .prev,
.header .promostrip-minicart .prev,
.header .header__promostrip .prev {
  padding: 15px 15px;
  padding: 0.9375rem 0.9375rem  ;
}
.promostrip-opc .next,
.promostrip-minicart .next,
.header__promostrip .next {
  padding: 25px 0;
  padding: 1.5625rem 0  ;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.promostrip-opc .next .icon,
.promostrip-minicart .next .icon,
.header__promostrip .next .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow_right.svg");
  width: 15px;
  width: 0.9375rem   ;
  height: 15px;
  height: 0.9375rem   ;
  display: block;
}
.header .promostrip-opc .next .icon,
.header .promostrip-minicart .next .icon,
.header .header__promostrip .next .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/arrow_right_white.svg");
}
.header .promostrip-opc .next,
.header .promostrip-minicart .next,
.header .header__promostrip .next {
  padding: 15px 15px;
  padding: 0.9375rem 0.9375rem  ;
}
.promostrip-opc .open,
.promostrip-minicart .open,
.header__promostrip .open {
  display: none;
}

#userbar {
  width: 500px;
  width: 31.25rem   ;
  padding: 31px 65px;
  padding: 1.9375rem 4.0625rem  ;
  z-index: 80;
  visibility: hidden;
  transition: transform 0.3s ease-out;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translate3d(31.25rem   , 0, 0);
  background-color: #ffffff;
}
[data-section=search-section] #userbar, [data-section=account-section] #userbar, [data-section=minicart-section] #userbar {
  transform: translate3d(0, 0, 0);
}
.sidebar-opened #userbar, .sidebar-opening #userbar {
  visibility: visible;
}
[data-section=minicart-section] #userbar .minicart-section {
  display: block;
}
[data-section=search-section] #userbar .search-section {
  display: block;
}
[data-section=account-section] #userbar .account-section {
  display: block;
}
[data-section=account-section] #userbar .account-section {
  padding-right: 15px;
  padding-right: 0.9375rem   ;
  position: relative;
}
[data-section=search-section] #userbar .search-section {
  position: relative;
}
#userbar .close-button {
  width: 26px;
  width: 1.625rem   ;
  height: 26px;
  height: 1.625rem   ;
  top: 27px;
  top: 1.6875rem   ;
  right: 33px;
  right: 2.0625rem   ;
  z-index: 90;
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
#userbar .close-button:after, #userbar .close-button:before {
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
  content: "";
  position: absolute;
  background-color: #000000;
}
#userbar .close-button:after {
  transform: rotateZ(45deg);
}
#userbar .close-button:before {
  transform: rotateZ(-45deg);
}
#userbar .close-button:active:after, #userbar .close-button:active:before, #userbar .close-button:focus:after, #userbar .close-button:focus:before, #userbar .close-button:hover:after, #userbar .close-button:hover:before {
  background-color: #737373;
}
#userbar .close-button .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#userbar .sidebar-loading {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.sidebar-section {
  height: 100%;
  display: none;
}

@media (min-width: 1024px) {
  .login-button {
    display: none;
  }
}
#sidebarOverlay {
  visibility: hidden;
  position: fixed;
  background-color: #dbdbdb;
  opacity: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: opacity 0.3s ease-out 0s, z-index 0s linear 0.5s;
}
.sidebar-opened #sidebarOverlay, .sidebar-opening #sidebarOverlay, .menu-open #sidebarOverlay, .menu-opening #sidebarOverlay {
  z-index: 75;
  visibility: visible;
  transition: opacity 0.3s ease-out 0s, z-index 0s linear 0s;
  opacity: 0.8;
}
[data-section=menu-section] #sidebarOverlay {
  left: 349px;
}

.overlayHiddenClose {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
[data-section=minicart-section] .overlayHiddenClose, [data-section=search-section] .overlayHiddenClose {
  left: 0;
  width: 36%;
}
.sidebar-opened .overlayHiddenClose, .menu-open .overlayHiddenClose {
  display: block;
}

.menu-open .header__skip-link {
  display: none;
}

.header__sidebar {
  width: 350px;
  width: 21.875rem   ;
  z-index: 80;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  flex-direction: column;
}
[data-section=menu-section] .header__sidebar {
  display: flex;
}
@media (min-width: 1024px) {
  .header__sidebar {
    background-color: transparent;
    position: relative;
    width: auto;
    height: auto;
  }
}
.header__sidebar .login-button {
  padding-top: 20px;
  padding-top: 1.25rem   ;
}
.header__sidebar .login-button button {
  text-align: left;
}
.header__sidebar .login-button .text {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__sidebar .login-button .text {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp .header__sidebar .login-button .text {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__sidebar .login-button .text {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__sidebar .login-button .text {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__sidebar .login-button .text {
  font-family: Arial, sans-serif;
}
.jp .header__sidebar .login-button .text, .kr .header__sidebar .login-button .text, .cn .header__sidebar .login-button .text, .ru .header__sidebar .login-button .text {
  font-weight: 700;
}

.header__sidebar-footer {
  background-color: #000000;
  color: #ffffff;
  padding: 20px 16px;
  padding: 1.25rem 1rem  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) .header__sidebar-footer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp .header__sidebar-footer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr .header__sidebar-footer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn .header__sidebar-footer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru .header__sidebar-footer {
  font-family: Arial, sans-serif;
}
@media (min-width: 1024px) {
  .header__sidebar-footer {
    display: none;
  }
}
.header__sidebar-footer .utilsLinks li {
  margin-bottom: 20px;
  margin-bottom: 1.25rem   ;
}
.header__sidebar-footer .utilsLinks a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
}
.header__sidebar-footer .utilsLinks a:active, .header__sidebar-footer .utilsLinks a:focus, .header__sidebar-footer .utilsLinks a:hover {
  border-bottom-color: currentColor;
}
.header__sidebar-footer .shippingCountry .value {
  text-transform: uppercase;
}
.header__sidebar-footer .followUs {
  margin-bottom: 20px;
  margin-bottom: 1.25rem   ;
  padding: 20px 10px 0;
  padding: 1.25rem 0.625rem 0 ;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ffffff;
}
.header__sidebar-footer .followUs a {
  border: none;
  display: block;
}
.header__sidebar-footer .followUs .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.header__sidebar-footer .followUs svg {
  height: 15px;
  height: 0.9375rem   ;
}
.header__sidebar-footer .followUs .facebook .hover,
.header__sidebar-footer .followUs .instagram .hover,
.header__sidebar-footer .followUs .twitter .hover,
.header__sidebar-footer .followUs .pinterest .hover,
.header__sidebar-footer .followUs .youtube .hover,
.header__sidebar-footer .followUs .snapchat .hover,
.header__sidebar-footer .followUs .wechat .hover,
.header__sidebar-footer .followUs .weibo .hover,
.header__sidebar-footer .followUs .littleredbook .hover,
.header__sidebar-footer .followUs .vimeo .hover,
.header__sidebar-footer .followUs .vk .hover {
  display: none;
}
.header__sidebar-footer .followUs .facebook a:active .normal, .header__sidebar-footer .followUs .facebook a:focus .normal, .header__sidebar-footer .followUs .facebook a:hover .normal,
.header__sidebar-footer .followUs .instagram a:active .normal,
.header__sidebar-footer .followUs .instagram a:focus .normal,
.header__sidebar-footer .followUs .instagram a:hover .normal,
.header__sidebar-footer .followUs .twitter a:active .normal,
.header__sidebar-footer .followUs .twitter a:focus .normal,
.header__sidebar-footer .followUs .twitter a:hover .normal,
.header__sidebar-footer .followUs .pinterest a:active .normal,
.header__sidebar-footer .followUs .pinterest a:focus .normal,
.header__sidebar-footer .followUs .pinterest a:hover .normal,
.header__sidebar-footer .followUs .youtube a:active .normal,
.header__sidebar-footer .followUs .youtube a:focus .normal,
.header__sidebar-footer .followUs .youtube a:hover .normal,
.header__sidebar-footer .followUs .snapchat a:active .normal,
.header__sidebar-footer .followUs .snapchat a:focus .normal,
.header__sidebar-footer .followUs .snapchat a:hover .normal,
.header__sidebar-footer .followUs .wechat a:active .normal,
.header__sidebar-footer .followUs .wechat a:focus .normal,
.header__sidebar-footer .followUs .wechat a:hover .normal,
.header__sidebar-footer .followUs .weibo a:active .normal,
.header__sidebar-footer .followUs .weibo a:focus .normal,
.header__sidebar-footer .followUs .weibo a:hover .normal,
.header__sidebar-footer .followUs .littleredbook a:active .normal,
.header__sidebar-footer .followUs .littleredbook a:focus .normal,
.header__sidebar-footer .followUs .littleredbook a:hover .normal,
.header__sidebar-footer .followUs .vimeo a:active .normal,
.header__sidebar-footer .followUs .vimeo a:focus .normal,
.header__sidebar-footer .followUs .vimeo a:hover .normal,
.header__sidebar-footer .followUs .vk a:active .normal,
.header__sidebar-footer .followUs .vk a:focus .normal,
.header__sidebar-footer .followUs .vk a:hover .normal {
  display: none;
}
.header__sidebar-footer .followUs .facebook a:active .hover, .header__sidebar-footer .followUs .facebook a:focus .hover, .header__sidebar-footer .followUs .facebook a:hover .hover,
.header__sidebar-footer .followUs .instagram a:active .hover,
.header__sidebar-footer .followUs .instagram a:focus .hover,
.header__sidebar-footer .followUs .instagram a:hover .hover,
.header__sidebar-footer .followUs .twitter a:active .hover,
.header__sidebar-footer .followUs .twitter a:focus .hover,
.header__sidebar-footer .followUs .twitter a:hover .hover,
.header__sidebar-footer .followUs .pinterest a:active .hover,
.header__sidebar-footer .followUs .pinterest a:focus .hover,
.header__sidebar-footer .followUs .pinterest a:hover .hover,
.header__sidebar-footer .followUs .youtube a:active .hover,
.header__sidebar-footer .followUs .youtube a:focus .hover,
.header__sidebar-footer .followUs .youtube a:hover .hover,
.header__sidebar-footer .followUs .snapchat a:active .hover,
.header__sidebar-footer .followUs .snapchat a:focus .hover,
.header__sidebar-footer .followUs .snapchat a:hover .hover,
.header__sidebar-footer .followUs .wechat a:active .hover,
.header__sidebar-footer .followUs .wechat a:focus .hover,
.header__sidebar-footer .followUs .wechat a:hover .hover,
.header__sidebar-footer .followUs .weibo a:active .hover,
.header__sidebar-footer .followUs .weibo a:focus .hover,
.header__sidebar-footer .followUs .weibo a:hover .hover,
.header__sidebar-footer .followUs .littleredbook a:active .hover,
.header__sidebar-footer .followUs .littleredbook a:focus .hover,
.header__sidebar-footer .followUs .littleredbook a:hover .hover,
.header__sidebar-footer .followUs .vimeo a:active .hover,
.header__sidebar-footer .followUs .vimeo a:focus .hover,
.header__sidebar-footer .followUs .vimeo a:hover .hover,
.header__sidebar-footer .followUs .vk a:active .hover,
.header__sidebar-footer .followUs .vk a:focus .hover,
.header__sidebar-footer .followUs .vk a:hover .hover {
  display: block;
}

.emergencyShippingHeaderAlert {
  max-width: 1665px;
  max-width: 104.0625rem   ;
  padding: 0 28px;
  padding: 0 1.75rem  ;
  margin: 30px auto 30px;
  margin: 1.875rem auto 1.875rem ;
  text-align: center;
  color: #000000;
}
body#home .emergencyShippingHeaderAlert, body#customlandingpage .emergencyShippingHeaderAlert, body#newbalance .emergencyShippingHeaderAlert {
  max-width: 1950px;
  max-width: 121.875rem   ;
}
body#newbalance .emergencyShippingHeaderAlert {
  color: #ffffff;
}
.emergencyShippingHeaderAlert .emergencyShippingHeaderAlert-content {
  padding: 20px;
  padding: 1.25rem   ;
  border: 1px solid #ccc;
}

#subscribenewsletter #main .pageTitle {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 50px 0 0;
  margin: 3.125rem 0 0 ;
  padding: 0;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .pageTitle {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #subscribenewsletter #main .pageTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #subscribenewsletter #main .pageTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #subscribenewsletter #main .pageTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #subscribenewsletter #main .pageTitle {
  font-family: Arial, sans-serif;
}
#subscribenewsletter #main .newsletterForm {
  padding-top: 30px;
  padding-top: 1.875rem   ;
}
#subscribenewsletter #main .newsletterForm form {
  width: 70%;
}
#subscribenewsletter #main .newsletterForm .description,
#subscribenewsletter #main .newsletterForm .disclaimer {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .newsletterForm .description,
html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .newsletterForm .disclaimer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #subscribenewsletter #main .newsletterForm .description,
.jp #subscribenewsletter #main .newsletterForm .disclaimer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #subscribenewsletter #main .newsletterForm .description,
.kr #subscribenewsletter #main .newsletterForm .disclaimer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #subscribenewsletter #main .newsletterForm .description,
.cn #subscribenewsletter #main .newsletterForm .disclaimer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #subscribenewsletter #main .newsletterForm .description,
.ru #subscribenewsletter #main .newsletterForm .disclaimer {
  font-family: Arial, sans-serif;
}
#subscribenewsletter #main .newsletterForm .fieldRow.Gender {
  display: none;
}
#subscribenewsletter #main .newsletterForm .fieldRow.Email {
  width: 50%;
}
#subscribenewsletter #main .newsletterForm .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .newsletterForm .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #subscribenewsletter #main .newsletterForm .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #subscribenewsletter #main .newsletterForm .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #subscribenewsletter #main .newsletterForm .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #subscribenewsletter #main .newsletterForm .submit {
  font-family: Arial, sans-serif;
}
.jp #subscribenewsletter #main .newsletterForm .submit, .kr #subscribenewsletter #main .newsletterForm .submit, .cn #subscribenewsletter #main .newsletterForm .submit, .ru #subscribenewsletter #main .newsletterForm .submit {
  font-weight: 700;
}
#subscribenewsletter #main .newsletterForm .submit:active, #subscribenewsletter #main .newsletterForm .submit:focus, #subscribenewsletter #main .newsletterForm .submit:hover {
  background-color: #ffffff;
  color: #000000;
}
#subscribenewsletter #main .newsletterForm .successLayer {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  min-height: 400px;
  min-height: 25rem   ;
  text-align: center;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .newsletterForm .successLayer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #subscribenewsletter #main .newsletterForm .successLayer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #subscribenewsletter #main .newsletterForm .successLayer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #subscribenewsletter #main .newsletterForm .successLayer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #subscribenewsletter #main .newsletterForm .successLayer {
  font-family: Arial, sans-serif;
}
#subscribenewsletter #main .newsletterForm .successLayer .backToHome {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  margin-top: 35px;
  margin-top: 2.1875rem   ;
  display: inline-block;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .newsletterForm .successLayer .backToHome {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #subscribenewsletter #main .newsletterForm .successLayer .backToHome {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #subscribenewsletter #main .newsletterForm .successLayer .backToHome {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #subscribenewsletter #main .newsletterForm .successLayer .backToHome {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #subscribenewsletter #main .newsletterForm .successLayer .backToHome {
  font-family: Arial, sans-serif;
}

#main .unsubscribeNewsletterForm {
  padding: 35px 0;
  padding: 2.1875rem 0  ;
  width: 70%;
}
#main .unsubscribeNewsletterForm .newsletterTitle {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #main .unsubscribeNewsletterForm .newsletterTitle {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #main .unsubscribeNewsletterForm .newsletterTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #main .unsubscribeNewsletterForm .newsletterTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #main .unsubscribeNewsletterForm .newsletterTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #main .unsubscribeNewsletterForm .newsletterTitle {
  font-family: Arial, sans-serif;
}
#main .unsubscribeNewsletterForm .newsletterDescription {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem   ;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #main .unsubscribeNewsletterForm .newsletterDescription {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #main .unsubscribeNewsletterForm .newsletterDescription {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #main .unsubscribeNewsletterForm .newsletterDescription {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #main .unsubscribeNewsletterForm .newsletterDescription {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #main .unsubscribeNewsletterForm .newsletterDescription {
  font-family: Arial, sans-serif;
}
#main .unsubscribeNewsletterForm .fieldRow.Email {
  width: 50%;
}
#main .unsubscribeNewsletterForm .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #main .unsubscribeNewsletterForm .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}
.jp #main .unsubscribeNewsletterForm .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #main .unsubscribeNewsletterForm .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #main .unsubscribeNewsletterForm .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #main .unsubscribeNewsletterForm .submit {
  font-family: Arial, sans-serif;
}
.jp #main .unsubscribeNewsletterForm .submit, .kr #main .unsubscribeNewsletterForm .submit, .cn #main .unsubscribeNewsletterForm .submit, .ru #main .unsubscribeNewsletterForm .submit {
  font-weight: 700;
}
#main .unsubscribeNewsletterForm .submit:active, #main .unsubscribeNewsletterForm .submit:focus, #main .unsubscribeNewsletterForm .submit:hover {
  background-color: #ffffff;
  color: #000000;
}
#main .successLayer {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  min-height: 200px;
  min-height: 12.5rem   ;
  text-align: center;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #main .successLayer {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #main .successLayer {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #main .successLayer {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #main .successLayer {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #main .successLayer {
  font-family: Arial, sans-serif;
}
#main .successLayer h2 {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
}
html:not(.jp):not(.kr):not(.cn):not(.ru) #main .successLayer h2 {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}
.jp #main .successLayer h2 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
.kr #main .successLayer h2 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}
.cn #main .successLayer h2 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}
.ru #main .successLayer h2 {
  font-family: Arial, sans-serif;
}
#main .successLayer a {
  display: inline-block;
}

body:not(#home):not(#cart):not(#confirmation):not(#thankyou):not(#checkoutpaypalexpress):not(#customlandingpage):not(#newbalance):not(#customercare) #main > .content-wrapper {
  max-width: 1610px;
  max-width: 100.625rem   ;
  margin: 0 auto 73px;
  margin: 0 auto 4.5625rem ;
  padding: 0 12px;
  padding: 0 0.75rem  ;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1610px) {
  body:not(#home):not(#cart):not(#confirmation):not(#thankyou):not(#checkoutpaypalexpress):not(#customlandingpage):not(#newbalance):not(#customercare) #main > .content-wrapper {
    padding: 0;
  }
}

#siteOverlay {
  opacity: 0;
  transition: transform 0.3s ease-out;
  z-index: 90;
  background-color: #dbdbdb;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
}
#siteOverlay.loading {
  z-index: 110;
  opacity: 0.6;
  visibility: visible;
}
#siteOverlay.menuOpen, #siteOverlay.active {
  background-color: #dbdbdb;
  visibility: visible;
  z-index: 8;
  opacity: 0.6;
}
#siteOverlay.sidebarOpen {
  visibility: visible;
}
#siteOverlay.visible {
  opacity: 1;
  visibility: visible;
}
body.pushleft #siteOverlay {
  transform: translateX(-500px);
  z-index: 110;
}
.openSidebar #siteOverlay {
  visibility: hidden;
}

.grecaptcha-badge {
  visibility: hidden;
}

.payPalExpressButton[hidden] {
  display: none;
}

#acc-alert {
  display: none;
}

#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary,
#onesignal-popover-container #onesignal-popover-dialog .slidedown-button.primary,
#onesignal-popover-container #onesignal-slidedown-dialog .popover-button.primary,
#onesignal-popover-container #onesignal-slidedown-dialog .slidedown-button.primary,
#onesignal-slidedown-container #onesignal-popover-dialog .popover-button.primary,
#onesignal-slidedown-container #onesignal-popover-dialog .slidedown-button.primary,
#onesignal-slidedown-container #onesignal-slidedown-dialog .popover-button.primary,
#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-button.primary {
  background: #000 !important;
}

#onesignal-slidedown-container #onesignal-slidedown-dialog .primary.slidedown-button + .secondary.slidedown-button {
  color: #000 !important;
}

.emergencyShippingHeaderAlert {
  max-width: 1665px;
  max-width: 104.0625rem   ;
  padding: 0 28px;
  padding: 0 1.75rem  ;
  margin: 30px auto 30px;
  margin: 1.875rem auto 1.875rem ;
  text-align: center;
  color: #000000;
}
body#home .emergencyShippingHeaderAlert, body#customlandingpage .emergencyShippingHeaderAlert, body#newbalance .emergencyShippingHeaderAlert {
  max-width: 1950px;
  max-width: 121.875rem   ;
}
body#newbalance .emergencyShippingHeaderAlert {
  color: #ffffff;
}
.emergencyShippingHeaderAlert .emergencyShippingHeaderAlert-content {
  padding: 20px;
  padding: 1.25rem   ;
  border: 1px solid #ccc;
}

body.experience header.header {
  z-index: 10;
}

#headerContainer {
  background: #fff;
}

body[id$=_jsp] .emergencyShippingHeaderAlert {
  display: none;
}

#container {
  transition: transform 0.3s ease-out;
  background-color: #ffffff;
  position: relative;
  margin: 0 auto;
  max-width: 1610px;
}
#container.promoMarginHome {
  padding-top: 38px !important;
}
#container.promoMargin {
  padding-top: 98px !important;
}
@media (max-width: 1365px) {
  #container {
    transition: transform 0.3s ease-out, padding 0.3s ease-out;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #container {
    padding-top: 58px;
  }
}
.tablet #container {
  margin-bottom: 0;
}
#container #main {
  padding: 0;
  margin: 0 auto;
  overflow: visible;
}
#container #main:before, #container #main:after {
  content: " ";
  display: table;
}
#container #main:after {
  clear: both;
}
/*# sourceMappingURL=../maps/desktop/shared.css.map */