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 {
  opacity: .5;
  pointer-events: none;
}

#siteOverlay {
  opacity: 0;
  transition: transform 0.2s ease-out;
  z-index: 90;
  background-color: #dbdbdb;
  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;
}

.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: dotted;
  outline-width: thin;
  outline-offset: -1px;
}

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

.withBlur5Transition {
  transition: filter .5s linear;
}

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

:focus {
  outline-color: #919191;
  outline-style: dotted;
  outline-width: thin;
  outline-offset: -1px;
}

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

@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;
     -moz-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);
  }
}

.spinner {
  z-index: 110;
  animation: rotate 1.5s linear infinite;
  width: 32px;
  width: 2rem   ;
  height: 32px;
  height: 2rem   ;
  display: block;
  margin: -16px 0 -16px;
  margin: -1rem 0 -1rem ;
  position: fixed;
  left: 50%;
  top: 50%;
}

#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 .4s, color .4s, background-color .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 .3s ease-out .2s forwards;
}

#main .video-js .vjs-social-share-link:nth-child(2) {
  animation: social_share-slide .3s ease-out .3s forwards;
  float: right;
}

#main .video-js .vjs-social-share-link:nth-child(3) {
  animation: social_share-slide .3s ease-out .4s forwards;
}

#main .video-js .vjs-social-share-link:nth-child(4) {
  animation: social_share-slide .3s ease-out .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;
  }
}

@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);
  }
}

:not(.ie) 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;
  padding-left: 16px;
  padding-right: 16px;
}

.ie main {
  display: block;
}

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

html.ie main [target="_blank"]::after,
html.edge main [target="_blank"]::after, html.ie
.confirmation-bottom-row [target="_blank"]::after,
html.edge
.confirmation-bottom-row [target="_blank"]::after, html.ie
.header__webpushContainer [target="_blank"]::after,
html.edge
.header__webpushContainer [target="_blank"]::after {
  width: 10px;
  height: 11px;
}

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

html.ie footer [target="_blank"]::after,
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: 0.0625rem    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: 0.0625rem    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;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
}

.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;
  background-color: #000000;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
}

.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;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
}

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

.fieldRow + .fieldRow {
  margin-top: 4px;
  margin-top: 0.25rem   ;
}

.fieldRow:not(.checkbox) .fieldLabel {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem   ;
}

.fieldLabel + .fieldValue {
  margin-top: 3px;
  margin-top: 0.1875rem   ;
}

.fieldValue {
  position: relative;
}

[type="text"],
[type="password"],
[type="email"],
[type="tel"],
[type="number"],
select,
textarea,
.selectize-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  background-color: #ffffff;
  width: 100%;
  border: 1px solid #dbdbdb;
  padding: 10px;
  padding: 0.625rem   ;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  font-family: inherit;
}

.invalidRow [type="text"], .invalidRow
[type="password"], .invalidRow
[type="email"], .invalidRow
[type="tel"], .invalidRow
[type="number"], .invalidRow
select, .invalidRow
textarea, .invalidRow
.selectize-input {
  border-color: #d80000;
}

/**/
.checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.checkbox .fieldValue {
  flex-basis: 40px;
  flex-basis: 2.5rem   ;
}

.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;
     -moz-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 {
  position: relative;
  display: block;
  pointer-events: none;
  width: 20px;
  width: 1.25rem   ;
  height: 20px;
  height: 1.25rem   ;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  border-radius: 0.625rem   ;
}

[type="radio"]:checked ~ .radioIcon {
  border-color: #000000;
}

[type="radio"]:checked ~ .radioIcon::after {
  content: " ";
  position: absolute;
  top: 6px;
  top: 0.375rem   ;
  left: 6px;
  left: 0.375rem   ;
  width: 6px;
  width: 0.375rem   ;
  height: 6px;
  height: 0.375rem   ;
  border-radius: 3px;
  border-radius: 0.1875rem   ;
  background-color: #000000;
}

[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 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  letter-spacing: inherit;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50px;
  width: 3.125rem   ;
  align-items: center;
  position: absolute;
  right: 1px;
  top: 1px;
  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 {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd_hover.svg");
  content: none;
}

.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 {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd_hover.svg");
  content: none;
}

.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;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
}

.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;
  background-color: #000000;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
}

.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;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
}

.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 .selectTitle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

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

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

.intl-tel-input {
  width: 100%;
}

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

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

#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 .DoubleBannerText_desk,
#grid .updater .grid .PortraitBannerText_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 {
  -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 {
    -ms-grid-row-align: center;
        align-self: center;
  }
}

#grid .updater .grid .DoubleBannerText_desk .slot + .slot,
#grid .updater .grid .PortraitBannerText_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 {
    -ms-grid-row-align: center;
        align-self: center;
  }
}

#grid .updater .grid .DoubleBannerText_desk .slot_image,
#grid .updater .grid .PortraitBannerText_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 {
  align-self: flex-start;
}

#grid .updater .grid .DoubleBannerText_desk .slot_image .downloadAppTitle,
#grid .updater .grid .PortraitBannerText_desk .slot_image .downloadAppTitle {
  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) #grid .updater .grid .DoubleBannerText_desk .slot_image .downloadAppTitle, html:not(.jp):not(.kr):not(.cn):not(.ru)
#grid .updater .grid .PortraitBannerText_desk .slot_image .downloadAppTitle {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #grid .updater .grid .DoubleBannerText_desk .slot_image .downloadAppTitle, .jp
#grid .updater .grid .PortraitBannerText_desk .slot_image .downloadAppTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #grid .updater .grid .DoubleBannerText_desk .slot_image .downloadAppTitle, .kr
#grid .updater .grid .PortraitBannerText_desk .slot_image .downloadAppTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #grid .updater .grid .DoubleBannerText_desk .slot_image .downloadAppTitle, .cn
#grid .updater .grid .PortraitBannerText_desk .slot_image .downloadAppTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #grid .updater .grid .DoubleBannerText_desk .slot_image .downloadAppTitle, .ru
#grid .updater .grid .PortraitBannerText_desk .slot_image .downloadAppTitle {
  font-family: Arial, sans-serif;
}

#grid .updater .grid .DoubleBannerText_desk .slot.alignright.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerText_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 {
    max-width: 60%;
  }
}

#grid .updater .grid .DoubleBannerText_desk .slot.aligncenter.slot_text .contentWrapper,
#grid .updater .grid .PortraitBannerText_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 {
  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 {
    max-width: 60%;
  }
}

#grid .updater .grid .DoubleBannerText_desk .slot.slot_text .contentWrapper > .ctabutton,
#grid .updater .grid .PortraitBannerText_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 {
  margin: 0;
}

#grid .updater .grid .DoubleBannerText_desk .slot.slot_image .ctaWrapper,
#grid .updater .grid .PortraitBannerText_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 {
  -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 {
  -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 .FullBannerVideo_desk .contentWrapper .downloadAppTitle {
  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) #grid .updater .grid .FullBannerVideo_desk .contentWrapper .downloadAppTitle {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #grid .updater .grid .FullBannerVideo_desk .contentWrapper .downloadAppTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #grid .updater .grid .FullBannerVideo_desk .contentWrapper .downloadAppTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #grid .updater .grid .FullBannerVideo_desk .contentWrapper .downloadAppTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #grid .updater .grid .FullBannerVideo_desk .contentWrapper .downloadAppTitle {
  font-family: Arial, sans-serif;
}

#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 .slot {
  display: flex;
  width: 100%;
}

#grid .updater .grid .slot.alignleft {
  text-align: left;
}

#grid .updater .grid .slot.alignleft .downloadAppContainer {
  justify-content: flex-start;
}

#grid .updater .grid .slot.aligncenter {
  text-align: center;
}

#grid .updater .grid .slot.aligncenter .downloadAppContainer {
  justify-content: center;
}

#grid .updater .grid .slot.alignright {
  text-align: right;
}

#grid .updater .grid .slot.alignright .contentWrapper {
  margin-left: auto;
}

#grid .updater .grid .slot.alignright .downloadAppContainer {
  justify-content: flex-end;
}

#grid .updater .grid .slot .slotInnerWrapper {
  width: 100%;
}

.ie #grid .updater .grid .slot .slotInnerWrapper {
  height: 100%;
}

#grid .updater .grid .slot .innerModuleWrap {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

#grid .updater .grid .slot img {
  width: 100%;
}

#grid .updater .grid .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) #grid .updater .grid .slot .headline {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #grid .updater .grid .slot .headline {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #grid .updater .grid .slot .headline {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #grid .updater .grid .slot .headline {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #grid .updater .grid .slot .headline {
  font-family: Arial, sans-serif;
}

#grid .updater .grid .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;
}

#grid .updater .grid .slot .headline a:active, #grid .updater .grid .slot .headline a:focus, #grid .updater .grid .slot .headline a:hover {
  border-bottom-color: transparent;
}

#grid .updater .grid .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) #grid .updater .grid .slot .bodycopy {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #grid .updater .grid .slot .bodycopy {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #grid .updater .grid .slot .bodycopy {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #grid .updater .grid .slot .bodycopy {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #grid .updater .grid .slot .bodycopy {
  font-family: Arial, sans-serif;
}

#grid .updater .grid .slot .bodycopy:not(:first-child) {
  margin-top: 20px;
  margin-top: 1.25rem   ;
}

#grid .updater .grid .slot .ctaWrapper {
  margin-top: 26px;
  margin-top: 1.625rem   ;
}

#grid .updater .grid .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) #grid .updater .grid .slot .ctabutton {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #grid .updater .grid .slot .ctabutton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #grid .updater .grid .slot .ctabutton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #grid .updater .grid .slot .ctabutton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #grid .updater .grid .slot .ctabutton {
  font-family: Arial, sans-serif;
}

#grid .updater .grid .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;
}

#grid .updater .grid .slot .ctabutton:active:before, #grid .updater .grid .slot .ctabutton:focus:before, #grid .updater .grid .slot .ctabutton:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}

#grid .updater .grid .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;
}

#grid .updater .grid .slot .ctabutton:active:after, #grid .updater .grid .slot .ctabutton:focus:after, #grid .updater .grid .slot .ctabutton:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}

#grid .updater .grid .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;
}

#grid .updater .grid .slot .ctabutton:active a:after, #grid .updater .grid .slot .ctabutton:focus a:after, #grid .updater .grid .slot .ctabutton:hover a:after {
  animation: none;
}

#grid .updater .grid .slot .ctabutton a {
  border: none;
}

#grid .updater .grid .slot .ctabutton:not(:last-child) {
  margin-right: 25px;
  margin-right: 1.5625rem   ;
}

#grid .updater .grid .slot .downloadAppContainer {
  margin: 15px 0 0 0;
  margin: 0.9375rem 0 0 0;
  display: flex;
}

#grid .updater .grid .slot .downloadAppContainer a:not(:last-child) {
  margin-right: 25px;
  margin-right: 1.5625rem   ;
}

#grid .updater .grid .slot .downloadAppContainer .downloadiOS,
#grid .updater .grid .slot .downloadAppContainer .downloadAndroid {
  border-bottom: none;
  display: inline-flex;
  width: 168px;
  width: 10.5rem   ;
}

#grid .updater .grid .slot .downloadAppContainer .downloadiOS img,
#grid .updater .grid .slot .downloadAppContainer .downloadAndroid img {
  max-width: 168px;
  max-width: 10.5rem   ;
  -ms-grid-row-align: center;
      align-self: center;
}

#grid .updater .grid .slot .downloadAppContainer .downloadiOS::after,
#grid .updater .grid .slot .downloadAppContainer .downloadAndroid::after {
  display: none;
}

#grid .updater .grid .slot .downloadAppContainer .downloadiOS:focus,
#grid .updater .grid .slot .downloadAppContainer .downloadAndroid:focus {
  outline-offset: 5px;
}

#grid .updater .grid .slot .downloadAppTitle {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  margin: 0;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) #grid .updater .grid .slot .downloadAppTitle {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #grid .updater .grid .slot .downloadAppTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #grid .updater .grid .slot .downloadAppTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #grid .updater .grid .slot .downloadAppTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #grid .updater .grid .slot .downloadAppTitle {
  font-family: Arial, sans-serif;
}

#grid .updater .grid .slot_image .headline {
  margin: 8px 0 0;
  margin: 0.5rem 0 0 ;
}

#grid .updater .grid .slot_image .ctabutton {
  margin: 10px 0 0;
  margin: 0.625rem 0 0 ;
}

#grid .updater .grid .slot_text .downloadAppTitle:not(:first-child) {
  margin: 78px 0 0 0;
  margin: 4.875rem 0 0 0;
}

#grid .updater .grid .slot_video {
  position: relative;
  flex-direction: column;
}

#grid .updater .grid .slot_video.still:hover .still-image-player-icon {
  border: 2px solid #000000;
  color: #ffffff;
  background-color: #000000;
}

#grid .updater .grid .slot_video.still:hover .still-image-player-icon span::before {
  border-left: 0.875rem    solid #fff;
}

#grid .updater .grid .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 .4s, color .4s, background-color .4s;
}

#grid .updater .grid .slot_video.still .still-image-player-icon span {
  height: 100%;
  width: 100%;
  position: absolute;
}

#grid .updater .grid .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%;
}

#grid .updater .grid .slot_video .video-wrapper .video-js {
  position: absolute;
  top: 0;
  height: 0;
}

#grid .updater .grid .slot_video .video-player {
  max-width: 1610px;
  max-width: 100.625rem   ;
  width: 100%;
  display: flex;
}

#grid .updater .grid .slot_video .video-player .video-js .vjs-time-control {
  align-items: center;
}

#grid .updater .grid .slot_video .video-player .video-js.still-image-custom-ratio {
  padding-top: 41.30%;
}

#grid .updater .grid .slot_video .video-player .vjs-social-overlay a {
  border-bottom: 0;
}

#grid .updater .grid .slot_video .video-player .vjs-social-share-link:after {
  display: none;
}

#grid .updater .grid .slot_video .video-hidden {
  display: none;
}

#grid .updater .grid .slot_video .still-image {
  cursor: pointer;
  font-size: 0;
}

#grid .updater .grid .slot_video .still-image img {
  transition: opacity .3s ease-in-out;
  opacity: 1;
  z-index: 2;
  position: relative;
}

#grid .updater .grid .slot_video .still-image img.fadeOut {
  transition: opacity .5s ease-in-out;
  opacity: 0;
}

#grid .updater .grid .slot_video .still-image img.hide {
  visibility: hidden;
  z-index: -1;
}

#grid .updater .grid .slot_video .vjs-poster {
  background-size: cover;
}

#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   ;
  background: #ffffff;
  -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 .updater .grid .textover.downloadapp .contentWrapper {
  min-height: 122px;
  min-height: 7.625rem   ;
}

.ie #grid .updater .grid .DoubleBannerText_desk .slot {
  padding: 0 15px 0 0;
  padding: 0 0.9375rem 0 0;
}

.ie #grid .updater .grid .DoubleBannerText_desk .slot_text .contentWrapper {
  width: 100%;
  max-width: 100%;
  margin-left: 30%;
}

.ie #grid .updater .grid .DoubleBannerText_desk .slot + .slot {
  padding: 0 0 0 15px;
  padding: 0 0 0 0.9375rem;
}

.ie #grid .updater .grid .LandscapeBannerText_desk .slot_text .contentWrapper {
  padding: 0 15px 0 0;
  padding: 0 0.9375rem 0 0;
  width: 100%;
  max-width: 100%;
  margin-left: 30%;
}

.ie #grid .updater .grid .LandscapeBannerText_desk .slot_text + .slot {
  padding: 0 0 0 15px;
  padding: 0 0 0 0.9375rem;
}

.ie #grid .updater .grid .PortraitBannerText_desk .slot_image + .slot_text .contentWrapper {
  margin-left: 5%;
}

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

@media (min-width: 1920px) {
  #gallery #grid {
    padding: 0;
  }
}

#gallery #grid .Text_desk .slot .contentWrapper {
  max-width: 34%;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  #gallery #grid .Text_desk .slot .contentWrapper {
    max-width: 70%;
  }
}

#gallery #grid .Text_desk .slot .contentWrapper .title {
  margin: 0;
}

#gallery #grid .Text_desk .slot .contentWrapper .bodycopy {
  margin-top: 59px;
  margin-top: 3.6875rem   ;
}

#gallery #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 {
  display: none;
}

#gallery #grid .Text_desk .slot.notitle .contentWrapper .bodycopy, #gallery #grid .Text_desk .slot.noheadline .contentWrapper .bodycopy {
  margin-top: 0;
}

#gallery #grid .PortraitBannerText_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 {
    max-width: 100%;
  }
}

#gallery #grid .PortraitBannerText_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 {
  display: none;
}

#gallery #grid .PortraitBannerText_desk .slot.slot_text.notitle .contentWrapper .bodycopy, #gallery #grid .PortraitBannerText_desk .slot.slot_text.noheadline .contentWrapper .bodycopy {
  margin-top: 0;
}

@media (min-width: 1200px) {
  #gallery #grid .PortraitBannerText_desk .slot.slot_text .contentWrapper {
    max-width: 90%;
    margin-right: 0;
  }
}

#gallery #grid .SlideshowDouble_desk {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#gallery #grid .SlideshowDouble_desk .arrows-container {
  left: 48.7%;
  right: auto;
  top: calc(50% - 15px);
}

@media (max-width: 1200px) {
  #gallery #grid .SlideshowDouble_desk .arrows-container {
    left: 48%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #gallery #grid .SlideshowDouble_desk .arrows-container {
    left: 47.8%;
  }
}

@media (min-width: 1600px) {
  #gallery #grid .SlideshowDouble_desk .arrows-container {
    left: 48.8%;
  }
}

#gallery #grid .SlideshowDouble_desk .arrows-container .slick-prev {
  left: 0;
}

#gallery #grid .SlideshowDouble_desk .arrows-container .slick-next {
  right: 0;
}

#gallery #grid .SlideshowDouble_desk .dots-container {
  max-width: calc(100% - 60px);
  margin: 0 auto;
}

#gallery #grid .SlideshowDouble_desk .slick-slider {
  margin: 0;
}

#gallery #grid .SlideshowDouble_desk .slick-list {
  overflow: visible;
  width: 100%;
}

#gallery #grid .SlideshowDouble_desk .slick-list .slotInnerWrapper {
  padding: 30px;
  padding: 1.875rem   ;
  width: 100%;
}

#gallery #grid .SlideshowDouble_desk .slick-track {
  width: 100%;
}

#gallery #grid .SlideshowDouble_desk .slick-dots {
  margin: 0;
}

#gallery #grid .Product_desk {
  display: flex;
  justify-content: center;
}

#gallery #grid .Product_desk .slot {
  width: initial;
  flex-basis: 25%;
}

#gallery #grid .Product_desk .slot a {
  border-bottom: 0;
}

#gallery #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 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp #gallery #grid .Product_desk .slot .title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #gallery #grid .Product_desk .slot .title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #gallery #grid .Product_desk .slot .title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #gallery #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 {
  font-weight: 700;
}

@media (min-width: 769px) {
  #gallery #grid .Product_desk .slot .title {
    word-break: normal;
  }
}

#gallery #grid .Product_desk .slot > div {
  width: 100%;
}

#gallery #grid .Product_desk .slot .selectedColor {
  text-align: center;
}

#gallery #grid .Product_desk .slot .selectColor .rgbColor {
  right: 3px;
  right: 0.1875rem   ;
  cursor: initial;
}

#gallery #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 {
  cursor: initial;
}

#gallery #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 {
  margin-right: 10px;
  margin-right: 0.625rem   ;
  order: 1;
  color: #919191;
  text-decoration: line-through;
  float: inherit;
}

#gallery #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 {
  order: 2;
  margin-left: 0;
}

#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;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
}

#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;
  background-color: #000000;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
}

#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;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
}

#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 {
  border-top: 1px solid #dbdbdb;
  margin-top: 29px;
  margin-top: 1.8125rem   ;
  padding-top: 25px;
  padding-top: 1.5625rem   ;
}

#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 {
  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;
}

#suggestionContainer {
  position: absolute;
  width: 100%;
  top: 71px;
  top: 4.4375rem   ;
  left: 15px;
  left: 0.9375rem   ;
  text-transform: uppercase;
  background-color: #ffffff;
  z-index: 1;
}

#suggestionContainer .suggestionTitle,
#suggestionContainer .NumItems {
  display: none;
}

#suggestionContainer .suggestions li {
  margin-bottom: 19px;
  margin-bottom: 1.1875rem   ;
}

#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) #suggestionContainer .suggestions li a {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #suggestionContainer .suggestions li a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #suggestionContainer .suggestions li a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #suggestionContainer .suggestions li a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #suggestionContainer .suggestions li a {
  font-family: Arial, sans-serif;
}

#suggestionContainer .suggestions li a:active, #suggestionContainer .suggestions li a:focus, #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;
}

.mfp-content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mfp-content > .inner {
  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;
  max-height: 90%;
  overflow-y: auto;
}

.mfp-content > .inner.nations {
  max-width: 1024px;
  max-width: 64rem   ;
}

.mfp-ready .mfp-content > .inner {
  opacity: 1;
}

.mfp-removing .mfp-content > .inner {
  opacity: 0;
}

#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) #ui-layer-title {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp #ui-layer-title {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #ui-layer-title {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #ui-layer-title {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #ui-layer-title {
  font-family: Arial, sans-serif;
}

.jp #ui-layer-title,
.kr #ui-layer-title,
.cn #ui-layer-title,
.ru #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 {
  content: '';
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  background-color: #000000;
  position: absolute;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
}

.mfp-close:after {
  transform: rotateZ(45deg);
}

.mfp-close:before {
  transform: rotateZ(-45deg);
}

.error-content-404 {
  text-align: center;
  padding: 95px 0;
  padding: 5.9375rem 0  ;
}

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

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__logo {
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+DQo8c3ZnIGlkPSJMYXllcl8yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yNjUuMyAzNTYuOCAyMzIuOCA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSItMjY1LjMgMzU2LjggMjMyLjggODAiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJtLTE0MC43IDQxMC40YzEuNiAwIDIuMSAxIDIuMSAyLjZ2MTguNWMwIDEuOC0wLjQgMi42LTIuMSAyLjd2MmgxMHYtMmMtMS44LTAuMS0yLjMtMC44LTIuMy0yLjl2LTE4LjNjMC0xLjggMC42LTIuNyAyLjMtMi43di0yaC0xMHYyLjF6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0ibS0xMTYuMSA0MjIuN2MtMS41LTEuOC0yLjktMy4xLTMuNC0zLjUtMC41LTAuNS0yLTItMy0yLjktMS0xLTEuNS0xLjgtMS43LTIuNXMtMC4zLTIuMiAwLjQtMi45YzAuNy0wLjggMS42LTEgMi43LTAuOSAxIDAuMSAyLjIgMSAyLjkgMS45IDAuNiAwLjkgMS4yIDIgMS40IDIuNyAwLjIgMC44IDAuMyAxLjIgMC40IDEuMyAwIDAuMSAwLjEgMC44IDAuMiAwLjhoMi40di04LjNoLTEuN3MtMC4yIDAuNS0wLjQgMC42LTAuNSAwLTAuNiAwYy0wLjItMC4xLTEuNy0wLjgtMy40LTEuMXMtNC0wLjItNS41IDAuNmMtMC44IDAuNC0xLjUgMC45LTIuMiAxLjUtMC43IDAuNy0xLjIgMS40LTEuNCAyLjItMC41IDEuNS0wLjcgMy4zLTAuMSA1czEuNyAzLjEgMi43IDQuMmMwLjQgMC41IDEuMiAxLjMgMi4xIDIuMWwyLjMgMi4zYzAuNyAwLjcgMS42IDEuNSAyLjUgMi43IDEgMS4zIDEuNCAyLjQgMS4yIDMuNnMtMC43IDEuOS0xLjQgMi4yYy0wLjcgMC40LTEuNyAwLjYtMi44IDAuMnMtMS44LTEuMi0yLjEtMS44Yy0wLjQtMC42LTAuOS0xLjctMS4yLTIuNnMtMC41LTIuMS0wLjUtMi4xaC0yLjF2OC41aDEuNWMwLjEtMC4yIDAuNC0wLjYgMC43LTAuNyAwLjUtMC4yIDAuOS0wLjIgMS40IDAgMC40IDAuMiAwLjkgMC40IDEuNiAwLjYgMSAwLjMgMi4xIDAuNSAzLjQgMC40IDEuNC0wLjEgMS45LTAuMyAyLjktMC44czIuMy0xLjQgMy4xLTNjMC45LTEuNyAxLjEtMy44IDAuOC01LjUtMC44LTItMS43LTMuMy0zLjEtNC44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0tMTY2IDQzNC4yYy0yLjEgMC0zLjMtMS41LTMuMy0zLjh2LTcuOGMzIDAgNS42IDEuMSA2IDMuN2gxLjl2LTkuMWgtMmMtMC40IDIuNC0zIDMuMy02IDMuM3YtMTAuMmgxLjZjMi42IDAgNS4yIDAuNyA2LjkgMy45aDEuOHYtNS45aC0xOC42djJjMS43IDAuMSAyLjUgMC45IDIuNSAyLjd2MTguMWMwIDItMC41IDIuOS0yLjMgM3YyaDE4LjJsMC43LTcuMWgtMS45Yy0xLjEgMy41LTMuMyA1LjItNS41IDUuMnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJtLTE4Ny4xIDQxMC40YzIuMSAwLjMgMi41IDEuNSAyLjUgNC41djEwLjZoLTAuMWwtMTAuNS0xNy4xaC04LjF2MmMxLjEgMC4zIDMgMSAzLjggMi43djE0LjljMCA0LjMtMC41IDUuNC0yLjUgNi4zdjJoNy41di0yYy0yLjMtMC40LTIuNy0xLjktMi43LTQuNHYtMTQuN2wwLjEgMC4yIDEyLjkgMjEuM2gxLjl2LTIyLjNjMC0xLjYgMC4yLTIuOCAwLjktMy40czIuMi0wLjUgMi4yLTAuNXYtMmgtNy45djEuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJtLTIyNS45IDQwOC4zaC0yMS45djYuMWgxLjhjMC43LTMuNyA0LjItNC4xIDYuMi00LjF2MjEuMmMwIDEuOC0wLjQgMi42LTIuMiAyLjd2MmgxMC43di0yYy0yLjItMC4xLTIuMi0xLjItMi4yLTN2LTIwLjljMiAwIDUgMC42IDUuOCA0LjFoMnYtNi4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0tMjUxLjYgNDIyLjZjLTEuNS0xLjgtMi45LTMuMS0zLjQtMy41LTAuNS0wLjUtMi0yLTMtMi45LTEtMS0xLjUtMS44LTEuNy0yLjVzLTAuMy0yLjIgMC40LTIuOWMwLjctMC44IDEuNi0xIDIuNy0wLjkgMSAwLjEgMi4yIDEgMi45IDEuOXMxLjIgMiAxLjQgMi43YzAuMiAwLjggMC4zIDEuMiAwLjMgMS4zczAuMSAwLjggMC4yIDAuOGgyLjR2LTguM2gtMS43cy0wLjIgMC41LTAuNCAwLjYtMC41IDAtMC42IDBjLTAuMi0wLjEtMS43LTAuOC0zLjQtMS4xcy00LTAuMi01LjUgMC42Yy0wLjkgMC40LTEuNSAwLjktMi4yIDEuNS0wLjcgMC43LTEuMiAxLjQtMS40IDIuMi0wLjUgMS41LTAuNyAzLjMtMC4xIDVzMS43IDMuMSAyLjYgNC4yYzAuNCAwLjUgMS4yIDEuMyAyLjEgMi4xIDEgMSAxLjkgMS45IDIuMyAyLjQgMC43IDAuNyAxLjYgMS41IDIuNSAyLjcgMSAxLjMgMS40IDIuNCAxLjIgMy42cy0wLjcgMS45LTEuNCAyLjJjLTAuNyAwLjQtMS43IDAuNi0yLjggMC4ycy0xLjgtMS4yLTIuMS0xLjhjLTAuNC0wLjYtMC45LTEuNy0xLjItMi42cy0wLjUtMi4xLTAuNS0yLjFoLTIuMXY4LjVoMS41YzAuMS0wLjIgMC40LTAuNiAwLjgtMC43IDAuNS0wLjIgMC45LTAuMiAxLjQgMCAwLjQgMC4yIDAuOSAwLjQgMS42IDAuNiAxIDAuMyAyLjEgMC41IDMuNCAwLjQgMS40LTAuMSAyLTAuMyAyLjktMC44IDEtMC41IDIuMy0xLjQgMy4xLTMgMC45LTEuNyAxLjEtMy44IDAuOC01LjUtMC43LTIuMS0xLjYtMy4zLTMtNC45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0tMjE0LjQgNDA3LjljLTMuMSAwLTExLjYgMi0xMS42IDE0LjNzOCAxNC43IDExLjYgMTQuNyAxMS42LTIuMyAxMS42LTE0LjdjLTAuMS0xMi40LTguNy0xNC4zLTExLjYtMTQuM3ptMy41IDIzLjZjLTAuNyAxLjYtMS41IDMuMi0zLjUgMy4ycy0zLjMtMi0zLjctMy41Yy0wLjQtMS41LTAuOC00LjgtMC44LTkgMC4xLTQuMiAwLjUtNy4zIDAuOC04LjVzMS4zLTMuNyAzLjctMy43YzEuNiAwIDMgMS4zIDMuNiAzLjIgMC41IDEuOSAwLjkgNi4zIDAuOSA4LjktMC4xIDIuNi0wLjMgNy44LTEgOS40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0tMTQzLjMgMzg1bC01LjctMjguMi01LjcgMjguMi0yOC4yIDUuNyAyOC4yIDUuNyA1LjcgMjguMiA1LjctMjguMiAyOC4yLTUuNy0yOC4yLTUuN3ptLTM2IDUuN2wyNC45LTUgNSA1aC0yOS45em0zMC4zIDMwLjNsLTUtMjQuOSA1LTV2MjkuOXptMC02MC42bDUgMjQuOS01IDV2LTI5Ljl6bTUuNCAzNS4zbC00LjktNWgyOS44bC0yNC45IDV6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0ibS01OS43IDQxMC40YzIuMSAwLjMgMi41IDEuNiAyLjUgNC42djEwLjZoLTAuMWwtMTAuNS0xNy4yaC03LjJ2MmMxLjEgMC4zIDIuNyAyLjUgMi43IDIuNXYxNi4yYy0wLjEgMi0wLjIgMy45LTEgNC44LTAuMyAwLjMtMC42IDAuNC0xIDAuNC0xLjEgMC0xLjYtMC45LTIuNi01bC01LjQtMjAuOWgtNS43bDAuNyAyLjItNS4xIDE3LjdjLTEuMiA0LjQtMS43IDUuNi0zLjIgNi40djEuN2g2Ljh2LTEuN2MtMS4zLTAuNS0xLjktMS43LTEuOS0yLjkgMC0wLjUgMC4zLTEuNiAwLjUtMi40bDAuNy0yLjVoNi4xbDAuOCAzLjFjMC4zIDEuNCAwLjUgMS45IDAuNSAyLjQgMCAxLjEtMC41IDIuMS0xLjcgMi40djEuN2gxNi44di0xLjhjLTIuMy0wLjQtMi45LTIuMy0yLjktNC44di0xNC45bDAuMSAwLjIgMTMgMjEuNGgydi0yMi4zYzAtMi4zIDAuMi0zLjYgMS44LTMuOXYtMi4xaC02Ljd2Mi4xem0tMjkuMSAxMy45bDIuNC05LjdoMC4xbDIuMyA5LjdoLTQuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJtLTQzLjkgNDA4LjNoLTh2Mi4xYzEuMSAwLjMgMS40IDEuMyAxLjQgMi41djE4LjJjMCAxLjkgMC4xIDIuOC0xLjQgM3YyLjFoOC44YzguOSAwIDEwLjctNy40IDEwLjctMTQgMC0xMC0zLjktMTMuOS0xMS41LTEzLjl6bTEuMyAyNS45Yy0xLjMgMC0yLjEtMC42LTIuMS0zLjJ2LTIwLjdoMC43YzIuOSAwIDUuMiAyLjIgNS4yIDExLjcgMCA3LjItMC44IDEyLjItMy44IDEyLjJ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0ibS0xMDMuMyA0MzQuMmMtMS41IDAtMS40LTEuNS0xLjQtNC4zdi0xNi43YzAtMS44IDAuNS0yLjcgMi4yLTIuOHYtMmgtOS42djJjMS41IDAuMSAxLjkgMC45IDEuOSAyLjh2MTguMmMwIDEuOC0wLjIgMi43LTEuOSAyLjl2MmgxNS4zbDAuOC03aC0xLjdjLTEuMyAzLjItMy40IDQuOS01LjYgNC45eiIvPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
}

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 {
  background: transparent;
  color: #ffffff;
}

.footer__nl-container .newsletterForm input:-ms-input-placeholder {
  color: #ffffff;
}

.footer__nl-container .newsletterForm input::-ms-input-placeholder {
  color: #ffffff;
}

.footer__nl-container .newsletterForm input::placeholder {
  color: #ffffff;
}

.footer__nl-container .newsletterForm #_Gender_Wrapper,
.footer__nl-container .newsletterForm h2 {
  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 #_Email_Wrapper .fieldLabel {
  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;
}

body.appDownloadFooterActive .footer__download-app {
  display: flex;
}

.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;
  color: #919191;
  margin: 0 0 14px;
  margin: 0 0 0.875rem ;
}

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 li a {
  padding: 5px;
  padding: 0.3125rem   ;
  display: block;
  border: 0;
}

.footer__socials .followUs li a span.text {
  display: none;
}

.footer__socials .followUs li a span.icon {
  display: block;
}

.footer__socials .followUs li a span.icon::before {
  content: "";
}

.footer__socials-follow-block {
  width: 86%;
}

.footer__socials .facebook .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-facebook.svg");
  width: 6px;
  width: 0.375rem   ;
  height: 15px;
  height: 0.9375rem   ;
}

.footer__socials .facebook .icon:active, .footer__socials .facebook .icon:focus, .footer__socials .facebook .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-facebook-hover.svg");
}

.footer__socials .facebook .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-facebook-hover.svg");
  content: none;
}

html.ie .footer__socials .facebook .icon,
html.edge .footer__socials .facebook .icon {
  width: 6px;
  height: 15px;
}

.footer__socials .instagram .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-instagram.svg");
  width: 13px;
  width: 0.8125rem   ;
  height: 13px;
  height: 0.8125rem   ;
}

.footer__socials .instagram .icon:active, .footer__socials .instagram .icon:focus, .footer__socials .instagram .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-instagram-hover.svg");
}

.footer__socials .instagram .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-instagram-hover.svg");
  content: none;
}

html.ie .footer__socials .instagram .icon,
html.edge .footer__socials .instagram .icon {
  width: 13px;
  height: 13px;
}

.footer__socials .twitter .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-twitter.svg");
  width: 13px;
  width: 0.8125rem   ;
  height: 14px;
  height: 0.875rem   ;
}

.footer__socials .twitter .icon:active, .footer__socials .twitter .icon:focus, .footer__socials .twitter .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-twitter-hover.svg");
}

.footer__socials .twitter .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-twitter-hover.svg");
  content: none;
}

html.ie .footer__socials .twitter .icon,
html.edge .footer__socials .twitter .icon {
  width: 13px;
  height: 14px;
}

.footer__socials .pinterest .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-pinterest.svg");
  width: 12px;
  width: 0.75rem   ;
  height: 14px;
  height: 0.875rem   ;
}

.footer__socials .pinterest .icon:active, .footer__socials .pinterest .icon:focus, .footer__socials .pinterest .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-pinterest-hover.svg");
}

.footer__socials .pinterest .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-pinterest-hover.svg");
  content: none;
}

html.ie .footer__socials .pinterest .icon,
html.edge .footer__socials .pinterest .icon {
  width: 12px;
  height: 14px;
}

.footer__socials .youtube .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-youtube.svg");
  width: 17px;
  width: 1.0625rem   ;
  height: 12px;
  height: 0.75rem   ;
}

.footer__socials .youtube .icon:active, .footer__socials .youtube .icon:focus, .footer__socials .youtube .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-youtube-hover.svg");
}

.footer__socials .youtube .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-youtube-hover.svg");
  content: none;
}

html.ie .footer__socials .youtube .icon,
html.edge .footer__socials .youtube .icon {
  width: 17px;
  height: 12px;
}

.footer__socials .snapchat .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-snapchat.svg");
  width: 14px;
  width: 0.875rem   ;
  height: 13px;
  height: 0.8125rem   ;
}

.footer__socials .snapchat .icon:active, .footer__socials .snapchat .icon:focus, .footer__socials .snapchat .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-snapchat-hover.svg");
}

.footer__socials .snapchat .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-snapchat-hover.svg");
  content: none;
}

html.ie .footer__socials .snapchat .icon,
html.edge .footer__socials .snapchat .icon {
  width: 14px;
  height: 13px;
}

.footer__socials .wechat .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-wechat.svg");
  width: 17px;
  width: 1.0625rem   ;
  height: 14px;
  height: 0.875rem   ;
}

.footer__socials .wechat .icon:active, .footer__socials .wechat .icon:focus, .footer__socials .wechat .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-wechat-hover.svg");
}

.footer__socials .wechat .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-wechat-hover.svg");
  content: none;
}

html.ie .footer__socials .wechat .icon,
html.edge .footer__socials .wechat .icon {
  width: 17px;
  height: 14px;
}

.footer__socials .weibo .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-weibo.svg");
  width: 16px;
  width: 1rem   ;
  height: 13px;
  height: 0.8125rem   ;
}

.footer__socials .weibo .icon:active, .footer__socials .weibo .icon:focus, .footer__socials .weibo .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-weibo-hover.svg");
}

.footer__socials .weibo .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-weibo-hover.svg");
  content: none;
}

html.ie .footer__socials .weibo .icon,
html.edge .footer__socials .weibo .icon {
  width: 16px;
  height: 13px;
}

.footer__socials .vimeo .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-vimeo.svg");
  width: 16px;
  width: 1rem   ;
  height: 13px;
  height: 0.8125rem   ;
}

.footer__socials .vimeo .icon:active, .footer__socials .vimeo .icon:focus, .footer__socials .vimeo .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-vimeo-hover.svg");
}

.footer__socials .vimeo .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-vimeo-hover.svg");
  content: none;
}

html.ie .footer__socials .vimeo .icon,
html.edge .footer__socials .vimeo .icon {
  width: 16px;
  height: 13px;
}

.footer__logo {
  height: 48px;
  height: 3rem   ;
  align-self: flex-end;
  background-repeat: no-repeat;
  background-position: right;
  width: 14%;
}

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

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 li 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;
  margin: 0 20px;
  margin: 0 1.25rem  ;
}

.footer__legal-area ul li a:active, .footer__legal-area ul li a:focus, .footer__legal-area ul li a:hover {
  border-bottom-color: currentColor;
}

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

.appDownloadLayerActive #appDownloadLayer {
  height: 70px;
  height: 4.375rem   ;
  background-color: #000000;
  color: #ffffff;
  overflow: hidden;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.appDownloadLayerActive #appDownloadLayer .icon-close, .appDownloadLayerActive #appDownloadLayer .appDownloadLink {
  height: auto;
}

.appDownloadLayerActive #appDownloadLayer .appDownloadInfo {
  display: flex;
  align-items: center;
}

.appDownloadLayerActive #appDownloadLayer .icon-close {
  margin: 0 10px;
  margin: 0 0.625rem  ;
}

.appDownloadLayerActive #appDownloadLayer .downloadIcon {
  height: 50px;
  height: 3.125rem   ;
}

.appDownloadLayerActive #appDownloadLayer img {
  height: 100%;
}

@media (min-width: 1025px) {
  .appDownloadLayerActive #appDownloadLayer {
    display: none;
  }
}

.appDownloadLayerActive #appDownloadLayer .downloadText {
  margin-left: 5px;
  margin-left: 0.3125rem   ;
}

.appDownloadLayerActive #appDownloadLayer .downloadText p {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  height: auto;
  margin: 0;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .appDownloadLayerActive #appDownloadLayer .downloadText p {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .appDownloadLayerActive #appDownloadLayer .downloadText p {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .appDownloadLayerActive #appDownloadLayer .downloadText p {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .appDownloadLayerActive #appDownloadLayer .downloadText p {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .appDownloadLayerActive #appDownloadLayer .downloadText p {
  font-family: Arial, sans-serif;
}

.appDownloadLayerActive #appDownloadLayer .downloadText p .freeInfo {
  text-transform: uppercase;
}

.appDownloadLayerActive #appDownloadLayer .appDownloadLink {
  margin-left: 50px;
  margin-left: 3.125rem   ;
  text-decoration: none;
}

.appDownloadLayerActive #appDownloadLayer.hidden {
  display: none;
}

#appDownloadLayer {
  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: dotted;
  outline-width: thin;
  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;
}

.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;
  }
  .ie .header__inner {
    height: 90px;
    height: 5.625rem   ;
  }
}

@media (min-width: 1661px) {
  body:not(#home) .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;
     -moz-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;
}

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

.ie .header__logo-wrapper {
  margin-left: 0;
}

@media (min-width: 1024px) {
  .header__logo-wrapper {
    margin-bottom: 21px;
    margin-bottom: 1.3125rem   ;
    order: 1;
    margin-left: 0;
  }
  .ie .header__logo-wrapper {
    top: 15px;
    top: 0.9375rem   ;
    position: absolute;
  }
}

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

.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 {
    right: 30px;
    right: 1.875rem   ;
  }
}

@media (min-width: 1661px) {
  .header__navigation-wrapper {
    right: 0;
  }
  body#home .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__webpushContainer {
  margin: 30px;
  margin: 1.875rem   ;
  padding: 31px 36px;
  padding: 1.9375rem 2.25rem  ;
  border: 1px solid #000000;
  position: relative;
}

.header__webpushContainer .titleAndClose {
  display: flex;
  justify-content: space-between;
}

.header__webpushContainer .titleAndClose h2 {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  margin: 13px 0 0;
  margin: 0.8125rem 0 0 ;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .header__webpushContainer .titleAndClose h2 {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .header__webpushContainer .titleAndClose h2 {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .header__webpushContainer .titleAndClose h2 {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .header__webpushContainer .titleAndClose h2 {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .header__webpushContainer .titleAndClose h2 {
  font-family: Arial, sans-serif;
}

.jp .header__webpushContainer .titleAndClose h2,
.kr .header__webpushContainer .titleAndClose h2,
.cn .header__webpushContainer .titleAndClose h2,
.ru .header__webpushContainer .titleAndClose h2 {
  font-weight: 700;
}

.header__webpushContainer .titleAndClose .closeButton {
  padding: 10px;
  padding: 0.625rem   ;
  position: relative;
}

.header__webpushContainer .titleAndClose .closeButton .icon {
  width: 26px;
  width: 1.625rem   ;
  height: 26px;
  height: 1.625rem   ;
  top: 8px;
  top: 0.5rem   ;
  right: -1px;
  right: -0.0625rem   ;
}

.header__webpushContainer .titleAndClose .closeButton .icon:after, .header__webpushContainer .titleAndClose .closeButton .icon:before {
  content: '';
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  background-color: #000000;
  position: absolute;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
}

.header__webpushContainer .titleAndClose .closeButton .icon:after {
  transform: rotateZ(45deg);
}

.header__webpushContainer .titleAndClose .closeButton .icon:before {
  transform: rotateZ(-45deg);
}

.header__webpushContainer .titleAndClose .closeButton .icon::before, .header__webpushContainer .titleAndClose .closeButton .icon::after {
  top: 8px;
  top: 0.5rem   ;
  right: -5px;
  right: -0.3125rem   ;
}

.header__webpushContainer .webPushBody {
  margin: 13px 0;
  margin: 0.8125rem 0  ;
}

.header__webpushContainer .buttonsForm {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: center;
}

.header__webpushContainer .buttonsForm .webPushAcceptButton {
  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: 0.0625rem    solid #000000;
  position: relative;
  overflow: hidden;
  min-width: 137px;
  min-width: 8.5625rem   ;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .header__webpushContainer .buttonsForm .webPushAcceptButton {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .header__webpushContainer .buttonsForm .webPushAcceptButton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .header__webpushContainer .buttonsForm .webPushAcceptButton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .header__webpushContainer .buttonsForm .webPushAcceptButton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .header__webpushContainer .buttonsForm .webPushAcceptButton {
  font-family: Arial, sans-serif;
}

.header__webpushContainer .buttonsForm .webPushAcceptButton:active, .header__webpushContainer .buttonsForm .webPushAcceptButton:focus, .header__webpushContainer .buttonsForm .webPushAcceptButton:hover {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  background-color: #ffffff;
  color: #000000;
}

.header__webpushContainer .buttonsForm .webPushDeclineButton {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  font-size: 14px;
  font-size: 0.875rem   ;
  text-transform: uppercase;
  background-color: #ffffff;
  color: #000000;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  border: 0.0625rem    solid #000000;
  position: relative;
  overflow: hidden;
  margin-right: 18px;
  margin-right: 1.125rem   ;
  min-width: 137px;
  min-width: 8.5625rem   ;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .header__webpushContainer .buttonsForm .webPushDeclineButton {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .header__webpushContainer .buttonsForm .webPushDeclineButton {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .header__webpushContainer .buttonsForm .webPushDeclineButton {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .header__webpushContainer .buttonsForm .webPushDeclineButton {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .header__webpushContainer .buttonsForm .webPushDeclineButton {
  font-family: Arial, sans-serif;
}

.header__webpushContainer .buttonsForm .webPushDeclineButton:active, .header__webpushContainer .buttonsForm .webPushDeclineButton:focus, .header__webpushContainer .buttonsForm .webPushDeclineButton:hover {
  padding: 10px 28px;
  padding: 0.625rem 1.75rem  ;
  background-color: #000000;
  color: #ffffff;
}

.header__webpushContainer .privacyPolicyInfo {
  margin-top: 16px;
  margin-top: 1rem   ;
}

.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: 0.0625rem    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  ;
}

#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 a.external:before,
.uiLayer-countriesLayer a.external:before {
  content: "*";
  font-size: 14px;
  font-size: 0.875rem   ;
  position: absolute;
  right: -6px;
  right: -0.375rem   ;
  width: 0;
}

#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 .shoppingBagCYCAlert,
.uiLayer-countriesLayer .shoppingBagCYCAlert {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  margin-top: 31px;
  margin-top: 1.9375rem   ;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem   ;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) #countries .shoppingBagCYCAlert, html:not(.jp):not(.kr):not(.cn):not(.ru)
.uiLayer-countriesLayer .shoppingBagCYCAlert {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #countries .shoppingBagCYCAlert, .jp
.uiLayer-countriesLayer .shoppingBagCYCAlert {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #countries .shoppingBagCYCAlert, .kr
.uiLayer-countriesLayer .shoppingBagCYCAlert {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #countries .shoppingBagCYCAlert, .cn
.uiLayer-countriesLayer .shoppingBagCYCAlert {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #countries .shoppingBagCYCAlert, .ru
.uiLayer-countriesLayer .shoppingBagCYCAlert {
  font-family: Arial, sans-serif;
}

#countries .shoppingBagCYCAlert:before,
.uiLayer-countriesLayer .shoppingBagCYCAlert:before {
  content: "*";
  display: inline;
  font-size: 14px;
  font-size: 0.875rem   ;
  margin-right: 5px;
  position: relative;
}

.uiLayer-shippingLink .contribution {
  margin-bottom: 22px;
  margin-bottom: 1.375rem   ;
}

.uiLayer-shippingLink .contribution .costs .discounted,
.uiLayer-shippingLink .contribution .costs .free .currency {
  display: none;
}

.uiLayer-returnLink [target="_blank"] {
  text-transform: uppercase;
}

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

html.ie .uiLayer-returnLink [target="_blank"]::after,
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 {
    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;
}

.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: '';
    background-color: #ffffff;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100vw;
    height: 100vh;
  }
  .submenu-open .main-menu__submenu-wrapper--level-1::before {
    display: block;
  }
  body.js-has-promotions .main-menu__submenu-wrapper--level-1::before {
    top: 106px;
    top: 6.625rem   ;
  }
  body.js-webpush-open .main-menu__submenu-wrapper--level-1::before {
    top: 367px;
    top: 22.9375rem   ;
  }
  body.js-has-promotions.js-webpush-open .main-menu__submenu-wrapper--level-1::before {
    top: 392px;
    top: 24.5rem   ;
  }
}

.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;
    /*body:not(#home) & {
                @include media(">desktop") {
                    @include REM(max-width, $header-max-width-large-screen);
                }
            }*/
  }
  .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: 106px;
    top: 6.625rem   ;
  }
  body.js-webpush-open .main-menu__submenu--level-1 {
    top: 367px;
    top: 22.9375rem   ;
  }
  body.js-has-promotions.js-webpush-open .main-menu__submenu--level-1 {
    top: 392px;
    top: 24.5rem   ;
  }
}

@media (min-width: 1610px) {
  .main-menu__submenu--level-1::before {
    right: 30px;
    right: 1.875rem   ;
  }
}

@media (min-width: 1661px) {
  body:not(#home) .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 {
    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;
}

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

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

@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 {
    content: '';
    width: 16px;
    width: 1rem   ;
    height: 1px;
    height: 0.0625rem   ;
    background-color: #000000;
    position: absolute;
    top: 12px;
    top: 0.75rem   ;
    right: 3px;
    right: 0.1875rem   ;
  }
  .main-menu__button-wrapper__close .icon:after {
    transform: rotateZ(45deg);
  }
  .main-menu__button-wrapper__close .icon:before {
    transform: rotateZ(-45deg);
  }
}

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

.ie .miniCart__content, .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;
     -moz-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 {
  content: '';
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  background-color: #000000;
  position: absolute;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
}

.miniCart__close-button:after {
  transform: rotateZ(45deg);
}

.miniCart__close-button:before {
  transform: rotateZ(-45deg);
}

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

.ie .miniCart__items, .edge .miniCart__items {
  height: 100%;
}

.miniCart__footer {
  padding: 10px 23px 0;
  padding: 0.625rem 1.4375rem 0 ;
}

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

.ie .miniCart__product-name, .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;
}

.ie .miniCart__product-info, .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;
}

.ie .miniCart__product-price, .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 .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;
}

.ie .miniCart__product-actions, .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;
}

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 .unchanged {
  display: none;
}

.miniCart .products-price .withPromo {
  display: flex;
  flex-direction: column;
}

.miniCart .promotions {
  padding: 19px;
  padding: 1.1875rem   ;
  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 .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/paypal_checkout_btn.png");
  height: 0;
  padding-bottom: 8.7%;
  width: 80%;
  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: .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;
}

html.openMinicart .appDownloadLayerActive .overlayMain {
  top: 70px;
  top: 70px/16pxrem   ;
}

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

.promostrip-opc .shortDescription {
  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) .promostrip-opc .shortDescription {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .promostrip-opc .shortDescription {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .promostrip-opc .shortDescription {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .promostrip-opc .shortDescription {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .promostrip-opc .shortDescription {
  font-family: Arial, sans-serif;
}

.jp .promostrip-opc .shortDescription,
.kr .promostrip-opc .shortDescription,
.cn .promostrip-opc .shortDescription,
.ru .promostrip-opc .shortDescription {
  font-weight: 700;
}

.promostrip-minicart .promotions {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #dbdbdb;
  height: 46px;
  height: 2.875rem   ;
}

.promostrip-minicart .shortDescription {
  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) .promostrip-minicart .shortDescription {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .promostrip-minicart .shortDescription {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .promostrip-minicart .shortDescription {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .promostrip-minicart .shortDescription {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .promostrip-minicart .shortDescription {
  font-family: Arial, sans-serif;
}

.jp .promostrip-minicart .shortDescription,
.kr .promostrip-minicart .shortDescription,
.cn .promostrip-minicart .shortDescription,
.ru .promostrip-minicart .shortDescription {
  font-weight: 700;
}

.header__promostrip .promotions {
  height: 25px;
  height: 1.5625rem   ;
  background-color: #000000;
  color: #ffffff;
}

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

.promostrip-opc .promotions.noPromotions,
.promostrip-minicart .promotions.noPromotions,
.header__promostrip .promotions.noPromotions {
  display: none;
}

.promostrip-opc .promotionList,
.promostrip-opc .bx-wrapper,
.promostrip-minicart .promotionList,
.promostrip-minicart .bx-wrapper,
.header__promostrip .promotionList,
.header__promostrip .bx-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}

.ie .promostrip-opc .bx-wrapper .promotionList, .ie
.promostrip-minicart .bx-wrapper .promotionList, .ie
.header__promostrip .bx-wrapper .promotionList {
  display: block;
}

.js-promostrip-multislide .promostrip-opc .shortDescription, .js-promostrip-multislide
.promostrip-minicart .shortDescription, .js-promostrip-multislide
.header__promostrip .shortDescription {
  display: none;
}

.js-promostrip-multislide .promostrip-opc .bx-wrapper .shortDescription, .js-promostrip-multislide
.promostrip-minicart .bx-wrapper .shortDescription, .js-promostrip-multislide
.header__promostrip .bx-wrapper .shortDescription {
  display: block;
}

.promostrip-opc .longDescription,
.promostrip-minicart .longDescription,
.header__promostrip .longDescription {
  display: none;
}

.promostrip-opc .promoControl,
.promostrip-opc .pause,
.promostrip-opc .play,
.promostrip-opc .next,
.promostrip-opc .prev,
.promostrip-minicart .promoControl,
.promostrip-minicart .pause,
.promostrip-minicart .play,
.promostrip-minicart .next,
.promostrip-minicart .prev,
.header__promostrip .promoControl,
.header__promostrip .pause,
.header__promostrip .play,
.header__promostrip .next,
.header__promostrip .prev {
  display: none;
}

.js-promostrip-multislide .promostrip-opc .promoControl, .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 .promoControl, .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 .promoControl, .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-opc .play,
.promostrip-opc .next,
.promostrip-opc .prev,
.promostrip-opc .open,
.promostrip-minicart .pause,
.promostrip-minicart .play,
.promostrip-minicart .next,
.promostrip-minicart .prev,
.promostrip-minicart .open,
.header__promostrip .pause,
.header__promostrip .play,
.header__promostrip .next,
.header__promostrip .prev,
.header__promostrip .open {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  letter-spacing: inherit;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 55;
}

.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;
  bottom: 0;
  right: 25px;
  right: 1.5625rem   ;
  padding: 6px;
  padding: 0.375rem   ;
}

.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");
  display: block;
  width: 12px;
  width: 0.75rem   ;
  height: 12px;
  height: 0.75rem   ;
}

.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: .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;
  bottom: 0;
  right: 0;
  padding: 6px;
  padding: 0.375rem   ;
}

.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");
  display: block;
  width: 12px;
  width: 0.75rem   ;
  height: 12px;
  height: 0.75rem   ;
}

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

.promostrip-opc .prev,
.promostrip-minicart .prev,
.header__promostrip .prev {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 25px 10px;
  padding: 1.5625rem 0.625rem  ;
}

.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");
  display: block;
  width: 15px;
  width: 0.9375rem   ;
  height: 15px;
  height: 0.9375rem   ;
}

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

.miniCart .promostrip-opc .prev,
.header .promostrip-opc .prev, .miniCart
.promostrip-minicart .prev,
.header
.promostrip-minicart .prev, .miniCart
.header__promostrip .prev,
.header
.header__promostrip .prev {
  padding: 15px 10px;
  padding: 0.9375rem 0.625rem  ;
}

.promostrip-opc .next,
.promostrip-minicart .next,
.header__promostrip .next {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 25px 10px;
  padding: 1.5625rem 0.625rem  ;
}

.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");
  display: block;
  width: 15px;
  width: 0.9375rem   ;
  height: 15px;
  height: 0.9375rem   ;
}

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

.miniCart .promostrip-opc .next,
.header .promostrip-opc .next, .miniCart
.promostrip-minicart .next,
.header
.promostrip-minicart .next, .miniCart
.header__promostrip .next,
.header
.header__promostrip .next {
  padding: 15px 10px;
  padding: 0.9375rem 0.625rem  ;
}

.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 {
  content: '';
  width: 16px;
  width: 1rem   ;
  height: 1px;
  height: 0.0625rem   ;
  background-color: #000000;
  position: absolute;
  top: 12px;
  top: 0.75rem   ;
  right: 3px;
  right: 0.1875rem   ;
}

#userbar .close-button:after {
  transform: rotateZ(45deg);
}

#userbar .close-button:before {
  transform: rotateZ(-45deg);
}

#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 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-bottom: 1.25rem   ;
  padding: 20px 10px 0;
  padding: 1.25rem 0.625rem 0 ;
  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 .icon {
  width: 15px;
  width: 0.9375rem   ;
  height: 15px;
  height: 0.9375rem   ;
  display: block;
}

.header__sidebar-footer .followUs .facebook .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-facebook.svg");
}

.header__sidebar-footer .followUs .facebook .icon:active, .header__sidebar-footer .followUs .facebook .icon:focus, .header__sidebar-footer .followUs .facebook .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-facebook-hover.svg");
}

.header__sidebar-footer .followUs .facebook .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-facebook-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .instagram .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-instagram.svg");
}

.header__sidebar-footer .followUs .instagram .icon:active, .header__sidebar-footer .followUs .instagram .icon:focus, .header__sidebar-footer .followUs .instagram .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-instagram-hover.svg");
}

.header__sidebar-footer .followUs .instagram .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-instagram-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .twitter .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-twitter.svg");
}

.header__sidebar-footer .followUs .twitter .icon:active, .header__sidebar-footer .followUs .twitter .icon:focus, .header__sidebar-footer .followUs .twitter .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-twitter-hover.svg");
}

.header__sidebar-footer .followUs .twitter .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-twitter-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .googleplus .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-googleplus.svg");
}

.header__sidebar-footer .followUs .googleplus .icon:active, .header__sidebar-footer .followUs .googleplus .icon:focus, .header__sidebar-footer .followUs .googleplus .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-googleplus-hover.svg");
}

.header__sidebar-footer .followUs .googleplus .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-googleplus-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .vimeo .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-vimeo.svg");
}

.header__sidebar-footer .followUs .vimeo .icon:active, .header__sidebar-footer .followUs .vimeo .icon:focus, .header__sidebar-footer .followUs .vimeo .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-vimeo-hover.svg");
}

.header__sidebar-footer .followUs .vimeo .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-vimeo-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .pinterest .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-pinterest.svg");
}

.header__sidebar-footer .followUs .pinterest .icon:active, .header__sidebar-footer .followUs .pinterest .icon:focus, .header__sidebar-footer .followUs .pinterest .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-pinterest-hover.svg");
}

.header__sidebar-footer .followUs .pinterest .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-pinterest-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .youtube .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-youtube.svg");
}

.header__sidebar-footer .followUs .youtube .icon:active, .header__sidebar-footer .followUs .youtube .icon:focus, .header__sidebar-footer .followUs .youtube .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-youtube-hover.svg");
}

.header__sidebar-footer .followUs .youtube .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-youtube-hover.svg");
  content: none;
}

.header__sidebar-footer .followUs .snapchat .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-snapchat.svg");
}

.header__sidebar-footer .followUs .snapchat .icon:active, .header__sidebar-footer .followUs .snapchat .icon:focus, .header__sidebar-footer .followUs .snapchat .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-snapchat-hover.svg");
}

.header__sidebar-footer .followUs .snapchat .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/socials/social-snapchat-hover.svg");
  content: none;
}

#subscribenewsletter #main .newsletterForm {
  padding-top: 30px;
  padding-top: 1.875rem   ;
}

#subscribenewsletter #main .newsletterForm form {
  width: 70%;
}

#subscribenewsletter #main .newsletterForm .formTitle {
  font-size: 24px;
  font-size: 1.5rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 1.875rem   ;
  padding: 0;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) #subscribenewsletter #main .newsletterForm .formTitle {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp #subscribenewsletter #main .newsletterForm .formTitle {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr #subscribenewsletter #main .newsletterForm .formTitle {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn #subscribenewsletter #main .newsletterForm .formTitle {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru #subscribenewsletter #main .newsletterForm .formTitle {
  font-family: Arial, sans-serif;
}

#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  ;
  min-height: 500px;
  min-height: 31.25rem   ;
  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: 400px;
  min-height: 25rem   ;
  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;
}

/**
 * selectize.scss (v0.8.7)
 * Copyright (c) 2014 Emanuel Kluge
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Emanuel Kluge <mail@emanuel-kluge.de>
 */
.selectize-control {
  position: relative;
  overflow: visible;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  -webkit-font-smoothing: inherit;
  color: #000000;
  font-family: "pf_dintext_proregular";
  font-size: 12px;
  letter-spacing: 0.1rem;
  line-height: 18px;
}

.jp .selectize-dropdown,
.jp .selectize-input,
.jp .selectize-input input, .kr .selectize-dropdown,
.kr .selectize-input,
.kr .selectize-input input {
  font-size: 12px;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border-radius: 0;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  display: inline-block;
  overflow: hidden;
  padding: 8px 8px;
  position: relative;
  width: 100%;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.dropdown-active {
  border-radius: 0 0 0 0;
}

.selectize-input > * {
  *display: inline;
  display: -moz-inline-stack;
  display: inline-block;
  float: left;
  margin-right: 20px;
  vertical-align: baseline;
  zoom: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}

.selectize-control.multi .selectize-input > div {
  background: #f2f2f2;
  border: 0 solid #d0d0d0;
  color: #000000;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  border: 0 solid #cacaca;
  color: #000000;
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  background: white;
  border: 0 solid white;
  color: #4d4d4d;
}

.selectize-input > input {
  box-shadow: none !important;
  -webkit-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  background: none !important;
  border: 0 none !important;
  line-height: inherit !important;
  margin: 0 2px 0 0 !important;
  max-height: none !important;
  max-width: 0% !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
  text-indent: -9999em;
  position: fixed !important;
}

.selectize-input:after {
  clear: left;
  content: ' ';
  display: block;
}

.selectize-input.dropdown-active:before {
  background: #f0f0f0;
  bottom: 0;
  content: ' ';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.selectize-dropdown {
  border-radius: 0 0 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  background: #fff;
  border-top: 0 none;
  border: 1px solid #dbdbdb;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 10;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  border-radius: 1px;
  background: rgba(125, 168, 208, 0.2);
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
  padding: 5px 8px;
  text-align: left;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  background: #fff;
  color: #000000;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: trasparent;
  color: rgba(0, 0, 0, 0.5);
}

.selectize-dropdown .active.create {
  color: rgba(0, 0, 0, 0.5);
}

.selectize-dropdown .create {
  color: rgba(0, 0, 0, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  /* By using an em scale, the arrows will size with the font */
  transform: rotate(135deg);
  border-right: 1px solid black;
  border-top: 1px solid black;
  content: "";
  content: ' ';
  display: block;
  display: inline-block;
  float: right;
  font-size: 22px;
  height: 0.4em;
  position: absolute;
  right: 10px;
  top: 33%;
  width: 0.4em;
}

.RegisterPage .selectize-control.single .selectize-input:after {
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  transform: rotate(315deg);
  top: 48%;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 10px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-input, .selectize-input {
  height: 35px !important;
}

/* stylelint-disable */
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 10;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  border-bottom: 1px solid #ccc;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.preferred:nth-child(2) {
  display: none;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .iti-mobile .intl-tel-input.iti-container {
    left: 124px;
  }
  .iti-mobile .intl-tel-input .country-list {
    width: auto;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .iti-mobile .intl-tel-input.iti-container {
    left: 252px;
  }
  .iti-mobile .intl-tel-input .country-list {
    width: auto;
  }
}

/* stylelint-disable */
.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.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) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  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) {
  .iti-flag {
    background-image: url("//media.yoox.biz//ytos/resources/STONEISLAND/img/flags@2x.png?v=1");
  }
}

.iti-flag.np {
  background-color: transparent;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  transition: background-color .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  transition: background-color .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
  width: 1px;
  background-color: #dbdbdb;
  display: none;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #000000;
  width: 1px;
  /* there must be 'right' for ps__thumb-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

/*.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}*/
/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

body:not(#home):not(#cart):not(#confirmation):not(#thankyou) #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) #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;
}

body.pushleft.appDownloadLayerActive #siteOverlay {
  top: 70px;
}

.openSidebar #siteOverlay {
  visibility: hidden;
}

#acc-alert {
  display: none;
}

/*# sourceMappingURL=../../maps/v2/desktop/site.css.map */