html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
.checkBox,
.selectionBox,
.radioButton {
    font-size: 14px;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
@font-face {
    font-family: "Icons";
    src: url("./Icons-ae7c3edf87.eot");
    src: url("Icons-ae7c3edf87.eot?#iefix") format("eot"), url("Icons-e347bfba77.woff") format("woff"), url("Icons-068713496d.ttf") format("truetype"), url("Icons-34b9b56f8e.svg#Icons") format("svg")
}
[class^="icon-"],
[class*=" icon-"],
span.icon,
[class="mfp-close"],
[class="close"],
span.radioIcon,
span.checkboxIcon,
span.checkbox,
div.btn {
    font-family: "Icons";
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none
}
.icon-share:before {
    content: ""
}

.youtube .icon:before {
    content: ""
}

.pinterest .icon:before {
    content: ""
}

.instagram .icon:before {
    content: ""
}

.twitter .icon:before {
    content: ""
}

.googleplus .icon:before {
    content: ""
}

.facebook .icon:before {
    content: ""
}

.tumblr .icon:before,.icon-tumblr:before {
    content: ""
}

.snapchat .icon:before {
    content: ""
}

.vk .icon:before {
    content: ""
}

.icon-login:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.mainCartLink .inner .icon:before {
    content: ""
}

.icon-close:before,.close:before {
    content: ""
}

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

.icon-simple-arrow-down span:before {
    content: ""
}

.icon-simple-arrow-up span:before {
    content: ""
}

.radiobutton .radioIcon:before {
    content: ""
}

.selected .radiobutton .radioIcon:before {
    content: ""
}

.backToShoppingButton .icon:before {
    content: ""
}

.minicartProds .removeItem .icon:before {
    content: ""
}

.shippingCountryAlert .icon:before {
    content: ""
}

.icon-ordini-resi:before {
    content: ""
}

.icon-1:before {
    content: ""
}

.icon-10:before {
    content: ""
}

.icon-11:before {
    content: ""
}

.icon-12:before {
    content: ""
}

.icon-13:before {
    content: ""
}

.icon-14:before {
    content: ""
}

.icon-15:before {
    content: ""
}

.icon-16:before {
    content: ""
}

.icon-17:before {
    content: ""
}

.icon-18:before {
    content: ""
}

.icon-19:before {
    content: ""
}

.icon-2:before {
    content: ""
}

.icon-20:before {
    content: ""
}

.icon-22:before {
    content: ""
}

.icon-23:before {
    content: ""
}

.icon-24:before {
    content: ""
}

.icon-25:before {
    content: ""
}

.icon-26:before {
    content: ""
}

.icon-27:before {
    content: ""
}

.icon-28:before {
    content: ""
}

.icon-29:before {
    content: ""
}

.icon-3:before {
    content: ""
}

.icon-30:before {
    content: ""
}

.icon-31:before {
    content: ""
}

.icon-32:before {
    content: ""
}

.icon-33:before {
    content: ""
}

.icon-34:before {
    content: ""
}

.icon-4:before {
    content: ""
}

.icon-5:before {
    content: ""
}

.icon-6:before {
    content: ""
}

.icon-7:before {
    content: ""
}

.icon-8:before {
    content: ""
}

.icon-80:before {
    content: ""
}

.icon-81:before {
    content: ""
}

.icon-9:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-backtostore:before {
    content: ""
}

.icon-bag-box:before {
    content: ""
}

.icon-bag:before {
    content: ""
}

.icon-breathable:before {
    content: ""
}

.icon-bullett-1:before {
    content: ""
}

.icon-bullett-sel-1:before {
    content: ""
}

.icon-burger:before {
    content: ""
}

.icon-checkbox:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-drawing:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-flag-sel-1:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-fre-mobi:before {
    content: ""
}

.icon-freccia-giu:before {
    content: ""
}

.icon-freccia-su:before {
    content: ""
}

.icon-getdir:before {
    content: ""
}

.icon-gplus:before {
    content: ""
}

.icon-gps-marker:before {
    content: ""
}

.icon-gruppo:before {
    content: ""
}

.icon-ico-alert:before {
    content: ""
}

.icon-ics:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-insulation:before {
    content: ""
}

.icon-lens:before {
    content: ""
}

.icon-lightweight:before {
    content: ""
}

.icon-local-icon:before {
    content: ""
}

.icon-localcorner:before {
    content: ""
}

.icon-localflag:before {
    content: ""
}

.icon-locationpin:before {
    content: ""
}

.icon-logged-1:before {
    content: ""
}

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

.icon-logged:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-minus-off:before {
    content: ""
}

.icon-minus-on:before {
    content: ""
}

.icon-options:before {
    content: ""
}

.icon-ordini-resi-ico:before {
    content: ""
}

.icon-package:before {
    content: ""
}

.icon-partearr:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-plus-off:before {
    content: ""
}

.icon-plus-on:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-printsi:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-si-logo:before {
    content: ""
}

.icon-si-star:before {
    content: ""
}

.icon-snapchat:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-top:before {
    content: ""
}

.icon-trashbin:before {
    content: ""
}

.icon-truck:before {
    content: ""
}

.icon-tumblr:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-unlogged:before {
    content: ""
}

.icon-up-page:before {
    content: ""
}

.icon-v-checked:before {
    content: ""
}

.icon-v-scroll:before {
    content: ""
}

.icon-vk:before {
    content: ""
}

.icon-waterproof:before {
    content: ""
}

.icon-windproof:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}



#siteHeader.compact #headerWrapper .logo a {
    background-image: url("logo_star.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat
}
#siteFooter .logoContainer {
    background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/logo_w.svg");
    background-repeat: no-repeat
}
#siteHeaderCyc .logo a,
#siteHeader .logo a {
    background-image: url("logo.svg");
    background-repeat: no-repeat
}
@font-face {
    font-family: "Icons";
    src: url("Icons-ae7c3edf87.eot");
    src: url("Icons-ae7c3edf87.eot?#iefix") format("eot"), url("Icons-e347bfba77.woff") format("woff"), url("cons-068713496d.ttf") format("truetype"), url("Icons-34b9b56f8e.svg#Icons") format("svg")
}
[class^="icon-"],
[class*=" icon-"],
span.icon,
[class="mfp-close"],
[class="close"],
span.radioIcon,
span.checkboxIcon,
span.checkbox,
div.btn {
    font-family: "Icons";
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none
}

.icon-share:before {
    content: ""
}

.youtube .icon:before {
    content: ""
}

.pinterest .icon:before {
    content: ""
}

.instagram .icon:before {
    content: ""
}

.twitter .icon:before {
    content: ""
}

.googleplus .icon:before {
    content: ""
}

.facebook .icon:before {
    content: ""
}

.tumblr .icon:before,.icon-tumblr:before {
    content: ""
}

.snapchat .icon:before {
    content: ""
}

.vk .icon:before {
    content: ""
}

.icon-login:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.mainCartLink .inner .icon:before {
    content: ""
}

.icon-close:before,.close:before {
    content: ""
}

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

.icon-simple-arrow-down span:before {
    content: ""
}

.icon-simple-arrow-up span:before {
    content: ""
}

.radiobutton .radioIcon:before {
    content: ""
}

.selected .radiobutton .radioIcon:before {
    content: ""
}

.backToShoppingButton .icon:before {
    content: ""
}

.minicartProds .removeItem .icon:before {
    content: ""
}

.shippingCountryAlert .icon:before {
    content: ""
}

.icon-ordini-resi:before {
    content: ""
}

.icon-1:before {
    content: ""
}

.icon-10:before {
    content: ""
}

.icon-11:before {
    content: ""
}

.icon-12:before {
    content: ""
}

.icon-13:before {
    content: ""
}

.icon-14:before {
    content: ""
}

.icon-15:before {
    content: ""
}

.icon-16:before {
    content: ""
}

.icon-17:before {
    content: ""
}

.icon-18:before {
    content: ""
}

.icon-19:before {
    content: ""
}

.icon-2:before {
    content: ""
}

.icon-20:before {
    content: ""
}

.icon-22:before {
    content: ""
}

.icon-23:before {
    content: ""
}

.icon-24:before {
    content: ""
}

.icon-25:before {
    content: ""
}

.icon-26:before {
    content: ""
}

.icon-27:before {
    content: ""
}

.icon-28:before {
    content: ""
}

.icon-29:before {
    content: ""
}

.icon-3:before {
    content: ""
}

.icon-30:before {
    content: ""
}

.icon-31:before {
    content: ""
}

.icon-32:before {
    content: ""
}

.icon-33:before {
    content: ""
}

.icon-34:before {
    content: ""
}

.icon-4:before {
    content: ""
}

.icon-5:before {
    content: ""
}

.icon-6:before {
    content: ""
}

.icon-7:before {
    content: ""
}

.icon-8:before {
    content: ""
}

.icon-80:before {
    content: ""
}

.icon-81:before {
    content: ""
}

.icon-9:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-backtostore:before {
    content: ""
}

.icon-bag-box:before {
    content: ""
}

.icon-bag:before {
    content: ""
}

.icon-breathable:before {
    content: ""
}

.icon-bullett-1:before {
    content: ""
}

.icon-bullett-sel-1:before {
    content: ""
}

.icon-burger:before {
    content: ""
}

.icon-checkbox:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-drawing:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-flag-sel-1:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-fre-mobi:before {
    content: ""
}

.icon-freccia-giu:before {
    content: ""
}

.icon-freccia-su:before {
    content: ""
}

.icon-getdir:before {
    content: ""
}

.icon-gplus:before {
    content: ""
}

.icon-gps-marker:before {
    content: ""
}

.icon-gruppo:before {
    content: ""
}

.icon-ico-alert:before {
    content: ""
}

.icon-ics:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-insulation:before {
    content: ""
}

.icon-lens:before {
    content: ""
}

.icon-lightweight:before {
    content: ""
}

.icon-local-icon:before {
    content: ""
}

.icon-localcorner:before {
    content: ""
}

.icon-localflag:before {
    content: ""
}

.icon-locationpin:before {
    content: ""
}

.icon-logged-1:before {
    content: ""
}

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

.icon-logged:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-minus-off:before {
    content: ""
}

.icon-minus-on:before {
    content: ""
}

.icon-options:before {
    content: ""
}

.icon-ordini-resi-ico:before {
    content: ""
}

.icon-package:before {
    content: ""
}

.icon-partearr:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-plus-off:before {
    content: ""
}

.icon-plus-on:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-printsi:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-si-logo:before {
    content: ""
}

.icon-si-star:before {
    content: ""
}

.icon-snapchat:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-top:before {
    content: ""
}

.icon-trashbin:before {
    content: ""
}

.icon-truck:before {
    content: ""
}

.icon-tumblr:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-unlogged:before {
    content: ""
}

.icon-up-page:before {
    content: ""
}

.icon-v-checked:before {
    content: ""
}

.icon-v-scroll:before {
    content: ""
}

.icon-vk:before {
    content: ""
}

.icon-waterproof:before {
    content: ""
}

.icon-windproof:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}




@font-face {
    font-family: 'pf_dintext_probold';
    src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-bold-webfont.eot");
    src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-bold-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-bold-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-bold-webfont.svg#pf_dintext_probold") format("svg");
    font-weight: normal;
    font-style: normal
}
@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-weight: normal;
    font-style: normal
}
@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-weight: normal;
    font-style: normal
}
@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-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'pf_dintext_proitalic';
    src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-italic-webfont.eot");
    src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-italic-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-italic-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//pfdintextpro-italic-webfont.svg#pf_dintext_proitalic") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'andale_monoRegular';
    src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//andale_mono.eot");
    src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//andale_mono.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//andale_mono.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//andale_mono.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts//andale_mono.svg#andale_monoRegular") format("svg");
    font-weight: normal;
    font-style: normal
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    overflow: hidden;
    position: fixed;
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.touch .mfp-wrap {
    position: absolute
}
.mfp-container {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: auto
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    padding-top: 19px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    z-index: 14;
    max-height: 100%;
    text-align: left
}
.mfp-content .uiLayerContent {
    background: #fff;
    padding: 20px
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 13
}
.mfp-preloader a {
    color: #CCC
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    z-index: 15;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=65)
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
.mfp-fade.mfp-bg {
    transition: opacity .3s linear;
    opacity: 0
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
    transition: opacity .3s linear;
    opacity: 0
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    display: inline-block
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}
.popupLayer.noFullScreen.mfp-bg {
    display: none
}
.popupLayer.noFullScreen.mfp-wrap {
    background: #fff;
    border: 1px solid #ebebeb
}
.popupLayer.noFullScreen.mfp-wrap .popupTitle {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 2px
}
.popupLayer.noFullScreen.mfp-wrap .popupTitle {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .popupLayer.noFullScreen.mfp-wrap .popupTitle {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .popupLayer.noFullScreen.mfp-wrap .popupTitle {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .popupLayer.noFullScreen.mfp-wrap .popupTitle {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.popupLayer.noFullScreen .mfp-container {
    padding: 0
}
.popupLayer.noFullScreen .mfp-content {
    padding: 19px 20px 0px
}
.popupLayer.searchLayer .mfp-container {
    background-color: #fff;
    text-align: left;
    min-height: 30%;
    height: auto;
    position: absolute
}
.popupLayer.searchLayer .mfp-container .mfp-content {
    padding-top: 10px;
    width: 100%
}
.popupLayer.searchLayer .mfp-container .mfp-content form {
    position: relative;
    margin-top: 15px;
    text-align: left
}
.popupLayer.searchLayer .mfp-container .mfp-content form input[type="text"] {
    border: none;
    border-bottom: 1px solid #000;
    text-indent: 5px;
    letter-spacing: 1px;
    padding-bottom: 7px;
    text-transform: uppercase;
    background: none
}
.popupLayer.searchLayer .mfp-container .mfp-content form button[type="submit"] {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: none;
    font-size: 0;
    overflow: visible
}
.popupLayer.searchLayer .mfp-container .mfp-content form button.mfp-close {
    top: -25px;
    right: -22px
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer {
    padding: 20px 0 30px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestionTitle {
    display: none
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    height: 38px;
    line-height: 39px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li>a {
    padding-bottom: 3px;
    position: relative
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li>a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 1px;
    background-color: #000;
    border-bottom: none;
    transition: width 0.2s linear;
    transition-delay: 0ms
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li>a:hover:after {
    width: 100%;
    transition-delay: 200ms
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li>a:hover:before {
    width: 200px;
    transition-delay: 0ms
}
.popupLayer.searchLayer .mfp-container .mfp-content #suggestionContainer .suggestions li>a .NumItems {
    display: none
}
.popupLayer.searchLayer .mfp-close {
    top: 10px
}
.popupLayer.categoryMenuLayer.mfp-wrap,
.popupLayer.categoryMenuLayerJunior.mfp-wrap {
    position: absolute !important;
    top: 9px;
    left: 0;
    min-width: 482px;
    width: auto;
    height: auto
}
.popupLayer.categoryMenuLayer.mfp-wrap .mfp-close,
.popupLayer.categoryMenuLayerJunior.mfp-wrap .mfp-close {
    color: #000
}
.popupLayer.categoryMenuLayer.mfp-wrap .mfp-container,
.popupLayer.categoryMenuLayerJunior.mfp-wrap .mfp-container {
    position: relative;
    overflow-x: hidden
}
.popupLayer.filterLayer.mfp-wrap {
    position: absolute !important;
    top: 9px;
    right: 10px;
    left: auto;
    max-width: 605px;
    height: auto
}
.popupLayer.filterLayer.mfp-wrap .mfp-close {
    color: #000
}
.popupLayer.filterLayer.mfp-wrap .mfp-container {
    position: relative
}
.popupLayer.filterLayer.mfp-wrap.posfixed {
    position: fixed !important;
    top: 50px
}
#textSearchForm .popupLayer.filterLayer.mfp-wrap {
    right: 0
}
#textSearchForm .popupLayer.filterLayer.mfp-wrap.textsearchbehavior {
    position: fixed !important;
    right: 135px
}
@media only screen and (max-width: 1680px) {
    .popupLayer.filterLayer.mfp-wrap {
        right: 50px
    }
    #textSearchForm .popupLayer.filterLayer.mfp-wrap {
        right: 0
    }
    #textSearchForm .popupLayer.filterLayer.mfp-wrap.textsearchbehavior {
        right: 25px
    }
}
.popupLayer.lookLayer.mfp-bg {
    opacity: 0.5
}
.popupLayer.lookLayer.mfp-wrap {
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
.pushleft .popupLayer.lookLayer.mfp-wrap {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}
.popupLayer.lookLayer.mfp-wrap.mfp-ready {
    opacity: 1
}
.popupLayer.lookLayer.mfp-wrap.mfp-removing {
    opacity: 0
}
.popupLayer.lookLayer.mfp-wrap .mfp-content {
    background: #fff;
    border: 1px solid #ebebeb;
    padding-top: 0
}
.popupLayer.lookLayer.mfp-wrap .mfp-content .mfp-close {
    padding-right: 25px;
    padding-top: 25px
}
.popupLayer.lookLayer.mfp-wrap .mfp-content .soldOutMessage {
    margin-top: 15px
}
.uiLayer.mfp-bg {
    transition: opacity 0.3s;
    opacity: 0.1
}
.uiLayer.mfp-bg.mfp-ready {
    opacity: 0.8
}
.uiLayer.mfp-bg.mfp-removing {
    opacity: 0
}
.uiLayer.mfp-wrap .mfp-content {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    transition: all 0.5s;
    opacity: 0
}
.uiLayer.mfp-wrap.mfp-ready .mfp-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.uiLayer.mfp-wrap.mfp-removing .mfp-content {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0
}
.item .inner,
.itemInfoContainer .inner {
    background: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important
}
.uiLayer-loginForm .mfp-content a,
.uiLayer-getRecoveryPassword .mfp-content a {
    text-decoration: underline
}
.uiLayer-confirmAlert #confirmLayer .buttonsRow {
    text-align: center;
    margin-top: 15px
}
.uiLayer-uiConfirmationAlert .mfp-content {
    width: 600px;
    height: 300px
}
.uiLayer-uiConfirmationAlert .mfp-content .message {
    line-height: 30px;
    margin-bottom: 20px
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow {
    width: 100%
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel {
    transition: color, background-color;
    color: #000;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 14px;
    float: right
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .icon {
    display: none
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .text,
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .text,
.ru .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .label {
    font-family: Arial, sans-serif
}
.jp .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .text,
.jp .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .text,
.kr .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .cancel .hidden {
    display: none
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed {
    transition: color, background-color;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 14px;
    float: left
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .icon {
    display: none
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .text,
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .text,
.ru .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .label {
    font-family: Arial, sans-serif
}
.jp .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .text,
.jp .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .text,
.kr .uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-uiConfirmationAlert .mfp-content .buttonsRow .proceed .hidden {
    display: none
}
.f31Layer.mfp-wrap.uiLayer-returnLink .mfp-content {
    max-width: 728px
}
.f31Layer.mfp-wrap .mfp-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity, .3s, linear;
    max-width: none
}
.f31Layer.mfp-wrap .mfp-content .title,
.f31Layer.mfp-wrap .mfp-content h2,
.f31Layer.mfp-wrap .mfp-content h1,
.f31Layer.mfp-wrap .mfp-content .addNewTitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 14px
}
.f31Layer.mfp-wrap .mfp-content .inner {
    background: #fff;
    border: 1px solid #DBDBDB;
    padding: 38px;
    position: relative
}
.f31Layer.mfp-wrap .mfp-content .inner:before,
.f31Layer.mfp-wrap .mfp-content .inner:after {
    content: ' ';
    display: table
}
.f31Layer.mfp-wrap .mfp-content .inner:after {
    clear: both
}
.f31Layer.mfp-wrap .mfp-content p {
    margin-bottom: 5px
}
.f31Layer.mfp-wrap .mfp-content .buttonToLink {
    text-decoration: underline;
    margin-bottom: 20px
}
.uiLayer-quickBuyButton.mfp-wrap,
.uiLayer-quickBuyButton.mfp-bg {
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
.pushleft .uiLayer-quickBuyButton.mfp-wrap,
.pushleft .uiLayer-quickBuyButton.mfp-bg {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}
.uiLayer-quickBuyButton.mfp-wrap .sizeGuideLink,
.uiLayer-quickBuyButton.mfp-bg .sizeGuideLink {
    display: none
}
.uiLayer-quickBuyButton.mfp-wrap .mfp-content {
    width: 792px
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .uiLayer-quickBuyButton.mfp-wrap .mfp-content {
        width: 100%
    }
}
.uiLayer-sendToAFriendLink.mfp-wrap .mfp-content {
    width: 714px
}
.uiLayer-sendToAFriendLink.mfp-wrap .container {
    overflow: hidden
}
.uiLayer-guestPopup {
    position: fixed !important;
    width: 436px;
    height: auto !important;
    left: auto;
    top: auto !important;
    right: 35px;
    bottom: 35px
}
.cookielaw .uiLayer-guestPopup {
    bottom: 100px
}
.uiLayer-guestPopup .mfp-content .message {
    line-height: 30px;
    font-size: 24px
}
.uiLayer-guestPopup .mfp-content .buttonsRow {
    display: inline-block;
    width: 100%;
    padding: 0
}
.uiLayer-guestPopup .mfp-content .buttonsRow .cancel {
    transition: color, background-color;
    color: #000;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px;
    float: left
}
.uiLayer-guestPopup .mfp-content .buttonsRow .cancel .icon {
    display: none
}
.uiLayer-guestPopup .mfp-content .buttonsRow .cancel .text,
.uiLayer-guestPopup .mfp-content .buttonsRow .cancel .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .uiLayer-guestPopup .mfp-content .buttonsRow .cancel .text,
.ru .uiLayer-guestPopup .mfp-content .buttonsRow .cancel .label {
    font-family: Arial, sans-serif
}
.jp .uiLayer-guestPopup .mfp-content .buttonsRow .cancel .text,
.jp .uiLayer-guestPopup .mfp-content .buttonsRow .cancel .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .uiLayer-guestPopup .mfp-content .buttonsRow .cancel .text,
.kr .uiLayer-guestPopup .mfp-content .buttonsRow .cancel .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-guestPopup .mfp-content .buttonsRow .cancel .hidden {
    display: none
}
.uiLayer-guestPopup .mfp-content .buttonsRow .proceed {
    transition: color, background-color;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px;
    float: right
}
.uiLayer-guestPopup .mfp-content .buttonsRow .proceed .icon {
    display: none
}
.uiLayer-guestPopup .mfp-content .buttonsRow .proceed .text,
.uiLayer-guestPopup .mfp-content .buttonsRow .proceed .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .uiLayer-guestPopup .mfp-content .buttonsRow .proceed .text,
.ru .uiLayer-guestPopup .mfp-content .buttonsRow .proceed .label {
    font-family: Arial, sans-serif
}
.jp .uiLayer-guestPopup .mfp-content .buttonsRow .proceed .text,
.jp .uiLayer-guestPopup .mfp-content .buttonsRow .proceed .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .uiLayer-guestPopup .mfp-content .buttonsRow .proceed .text,
.kr .uiLayer-guestPopup .mfp-content .buttonsRow .proceed .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-guestPopup .mfp-content .buttonsRow .proceed .hidden {
    display: none
}
.uiLayer-guestPopup .mfp-content .buttonsRow .cancel,
.uiLayer-guestPopup .mfp-content .buttonsRow .proceed {
    min-width: 140px
}
.uiLayer-guestPopup .bannerNewsletterImage {
    display: none
}
.uiLayer-guestPopup .mfp-container {
    position: static;
    overflow: hidden;
    left: auto;
    top: auto;
    padding: 0
}
.userbar-open .uiLayer-guestPopup {
    right: 330px
}
.showCYCLayer .uiLayer-guestPopup {
    display: none
}
#item .mfp-bg {
    opacity: .5
}
.register .mfp-bg.passwordlayer {
    opacity: .5
}
.register .passwordlayer.mfp-ready .mfp-container {
    display: table
}
.register .passwordlayer.mfp-ready .mfp-content {
    display: table-cell;
    width: 50%
}
.register .passwordlayer.mfp-ready .popup {
    border: 1px solid #DBDBDB;
    width: 50%;
    margin: 0 auto;
    padding: 50px 20px;
    background: white;
    position: relative
}
#countries .mfp-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    opacity: .8
}
.uiLayer-otherCountries.mfp-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 1042
}
.uiLayer-otherCountries.mfp-wrap {
    overflow: visible !important;
    z-index: 1043
}
.uiLayer-otherCountries.uiLayer-countries {
    top: 0 !important
}
.uiLayer-otherCountries .inner {
    height: 100%;
    background: #fff;
    padding: 50px 65px 62px;
    border: 1px solid #dbdbdb;
    overflow: hidden
}
.uiLayer-otherCountries .mfp-content {
    overflow: visible !important
}
.uiLayer-otherCountries .mfp-content .inner {
    overflow: visible !important;
    padding: 50px
}
.uiLayer-copyrightLink .mfp-content {
    width: 50%
}
.uiLayer-copyrightLink .mfp-content .copyrightBody {
    line-height: 18px
}
a.popItemTitle {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase
}
.uiLayer-editUserEmailButton.mfp-wrap .inner,
.uiLayer-editUserPasswordButton.mfp-wrap .inner {
    min-width: 640px
}
#sidebar .loginLayer.mfp-wrap .mfp-close {
    top: 10px;
    right: 0;
    color: #000
}
#sidebar .loginLayer.mfp-wrap .mfp-container {
    background-color: #fff;
    height: auto;
    position: absolute
}
#sidebar .loginLayer.mfp-wrap .mfp-content {
    width: 100%
}
.f31Layer.mfp-wrap .loginLayer .loginLayerDescription {
    margin-bottom: 20px
}
.f31Layer.mfp-wrap .loginLayer #passwordRecoveryLink .text {
    text-decoration: underline
}
.f31Layer.mfp-wrap .loginLayer button.submit {
    padding: 11px 40px
}
.f31Layer.mfp-wrap .loginLayer .buttonToLink {
    padding: 0
}
html {
    box-sizing: border-box
}
html.locked,
html.locked body {
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}
*,
*:before,
*:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent
}
body {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #000
}
body {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru body {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp body {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr body {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
body.disableScroll {
    overflow: hidden
}
.touch body.disableScroll {
    position: fixed
}
body.mqTabletLand.disableScroll {
    width: 100%
}
html,
body {
    height: auto
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}
a:hover,
a:focus {
    text-decoration: none
}
ol,
ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}
img {
    display: block
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
.price.free {
    display: none
}
.invisible {
    opacity: 0
}
.mandatory {
    display: none
}
html.touch span,
html.touch ul,
html.touch li,
html.touch a {
    -webkit-tap-highlight-color: transparent
}
html.touch #mainContainer {
    position: static !important
}
html.touch #siteHeaderCyc .logo {
    margin: 5px auto 0 auto
}
#chooseYourCountryLayer h5,
#content .cycTitle,
#chooseYourCountryLayer .cycTitle {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: normal !important;
    letter-spacing: .07em;
    margin-bottom: 26px;
    text-align: center;
    text-transform: uppercase
}
#chooseYourCountryLayer h5,
#content .cycTitle,
#chooseYourCountryLayer .cycTitle {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #chooseYourCountryLayer h5,
#chooseYourCountryLayer .fonts-loaded.ru h5,
.fonts-loaded.ru #content .cycTitle,
#content .fonts-loaded.ru .cycTitle,
.fonts-loaded.ru #chooseYourCountryLayer .cycTitle,
#chooseYourCountryLayer .fonts-loaded.ru .cycTitle {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #chooseYourCountryLayer h5,
#chooseYourCountryLayer .fonts-loaded.jp h5,
.fonts-loaded.jp #content .cycTitle,
#content .fonts-loaded.jp .cycTitle,
.fonts-loaded.jp #chooseYourCountryLayer .cycTitle,
#chooseYourCountryLayer .fonts-loaded.jp .cycTitle {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #chooseYourCountryLayer h5,
#chooseYourCountryLayer .fonts-loaded.kr h5,
.fonts-loaded.kr #content .cycTitle,
#content .fonts-loaded.kr .cycTitle,
.fonts-loaded.kr #chooseYourCountryLayer .cycTitle,
#chooseYourCountryLayer .fonts-loaded.kr .cycTitle {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#chooseYourCountryLayer .nations li,
#content li,
#chooseYourCountryLayer li,
#countriesOptions .internationalSite {
    font-size: 11px;
    letter-spacing: .07em;
    margin: 0 auto 16px auto;
    padding-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    width: 70%
}
#chooseYourCountryLayer .nations li a,
#content li a,
#chooseYourCountryLayer li a,
#countriesOptions .internationalSite a {
    position: relative;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px
}
#chooseYourCountryLayer .nations li a:after,
#content li a:after,
#chooseYourCountryLayer li a:after,
#countriesOptions .internationalSite a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 1px;
    background-color: #000;
    border-bottom: none;
    transition: width 0.2s linear;
    transition-delay: 0ms
}
#content li a:hover:after,
#chooseYourCountryLayer li a:hover:after,
#countriesOptions .internationalSite a:hover:after {
    width: 100%;
    transition-delay: 200ms
}
#content li a:hover:before,
#chooseYourCountryLayer li a:hover:before,
#countriesOptions .internationalSite a:hover:before {
    width: 200px;
    transition-delay: 0ms
}
#content li a.external:before,
#chooseYourCountryLayer li a.external:before,
#countriesOptions .internationalSite a.external:before {
    content: "*";
    position: absolute;
    font-size: 12px;
    right: -6px
}
#content li.selected a,
#chooseYourCountryLayer li.selected a,
#countriesOptions .selected.internationalSite a {
    position: relative
}
#content li.selected a:after,
#chooseYourCountryLayer li.selected a:after,
#countriesOptions .selected.internationalSite a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 99%;
    height: 1px;
    background-color: #000;
    border-bottom: none
}
#content li.selected a:hover:after,
#chooseYourCountryLayer li.selected a:hover:after,
#countriesOptions .selected.internationalSite a:hover:after {
    width: 99%
}
body.showCYCLayer {
    overflow: hidden
}
#chooseYourCountryLayer {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: auto;
    opacity: 0;
    transition: display 0s, opacity 0.3s;
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500
}
#chooseYourCountryLayer .icon-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}
#chooseYourCountryLayer .nations {
    margin: 0 auto;
    width: 85%
}
#chooseYourCountryLayer .nations:before,
#chooseYourCountryLayer .nations:after {
    content: ' ';
    display: table
}
#chooseYourCountryLayer .nations:after {
    clear: both
}
#chooseYourCountryLayer.animate {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}
#chooseYourCountryLayer.animate #countriesLayerContainer {
    margin: 0 auto;
    max-width: 1600px;
    width: 100%
}
#content,
#chooseYourCountryLayer {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: auto;
    font-size: 10px;
    letter-spacing: .07em;
    line-height: 15px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase
}
#content:before,
#content:after,
#chooseYourCountryLayer:before,
#chooseYourCountryLayer:after {
    content: ' ';
    display: table
}
#content:after,
#chooseYourCountryLayer:after {
    clear: both
}
#content .chooseYourCountries,
#chooseYourCountryLayer .chooseYourCountries {
    margin-bottom: 40px
}
#content .nations,
#chooseYourCountryLayer .nations {
    width: 80%;
    margin: 0 auto
}
#content .nations .column:last-child,
#chooseYourCountryLayer .nations .column:last-child {
    margin-left: 5%;
    width: 20%
}
@media only screen and (max-width: 786px) {
    #content .nations .column:last-child,
    #chooseYourCountryLayer .nations .column:last-child {
        margin-left: 0;
        width: 23%
    }
}
body#countries {
    position: relative
}
body#countries:before,
body#countries:after {
    content: ' ';
    display: table
}
body#countries:after {
    clear: both
}
body#countries #container {
    margin: 0 auto !important;
    padding-top: 50px
}
#noCountry {
    opacity: 0;
    display: none;
    margin: 0 auto;
    padding-bottom: 90px;
    width: 575px
}
#noCountry:before,
#noCountry:after {
    content: ' ';
    display: table
}
#noCountry:after {
    clear: both
}
#noCountry.show {
    display: block
}
#siteHeaderCyc #btnMenuTablet {
    display: none !important
}
#siteHeaderCyc .logo {
    height: 54px;
    margin: 20px auto 0 auto;
    position: relative;
    width: 156px
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch #siteHeaderCyc .logo {
        width: 132px;
        height: 46px;
        margin: 10px auto
    }
}
#siteHeaderCyc .logo a {
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    fill: inherit;
    height: 100%;
    text-indent: -6000px;
    width: 100%
}
#siteHeaderCyc .logo a.collapse {
    width: 0;
    height: 0
}
#countriesOptions {
    float: left;
    font-size: 10px;
    letter-spacing: .07em;
    margin-top: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}
#countriesOptions .internationalSite {
    font-size: 10px;
    margin-bottom: 6px;
    text-align: center
}
#countriesOptions p {
    margin-bottom: 14px
}
#countriesOptions .shoppingBagCYCAlert {
    color: #888
}
#countriesOptions .shoppingBagCYCAlert:before {
    content: "*";
    display: inline;
    font-size: 14px;
    margin-right: 5px;
    position: relative
}
#countriesOptions .noEcommerce a {
    text-decoration: underline
}
.uiLayer-otherCountriesButton {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    bottom: 0;
    font-size: 11px;
    height: 460px;
    left: 0;
    letter-spacing: .07em;
    line-height: 15px;
    margin: auto;
    overflow: visible;
    position: fixed !important;
    right: 0;
    top: 0;
    z-index: 501
}
.uiLayer-otherCountriesButton {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-otherCountriesButton {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-otherCountriesButton {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-otherCountriesButton {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-otherCountriesButton .inner {
    width: 600px
}
.uiLayer-otherCountriesButton .mfp-content {
    padding: 0
}
.uiLayer-otherCountriesButton .mfp-container {
    overflow-x: hidden;
    padding: 0
}
.uiLayer-otherCountriesButton.thankYou {
    height: 100px
}
.uiLayer-otherCountriesButton p.intro {
    margin-bottom: 25px
}
.uiLayer-otherCountriesButton div.intro {
    text-transform: uppercase
}
.uiLayer-otherCountriesButton .privacy {
    text-transform: uppercase;
    clear: both
}
.uiLayer-otherCountriesButton .fieldRow {
    width: 220px;
    margin-bottom: 40px
}
.uiLayer-otherCountriesButton .fieldRow .field-validation-container {
    bottom: -20px
}
.uiLayer-otherCountriesButton button[type="submit"] {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 10px;
    height: 35px;
    letter-spacing: 0.12em;
    margin: 10px 0 15px 0;
    text-transform: uppercase;
    width: 100px
}
.uiLayer-otherCountriesButton button[type="submit"] {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-otherCountriesButton button[type="submit"] {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-otherCountriesButton button[type="submit"] {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-otherCountriesButton button[type="submit"] {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-otherCountriesButton p {
    text-transform: uppercase
}
.uiLayer-otherCountriesButton form {
    display: inline-block;
    width: 100%
}
.uiLayer-otherCountriesButton form .fieldValue {
    bottom: 0
}
.uiLayer-otherCountriesButton form .fieldValue input,
.uiLayer-otherCountriesButton form .fieldValue select {
    border-radius: 0;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    bottom: 0;
    color: #474747;
    float: left;
    font-size: 9px;
    height: 20px;
    letter-spacing: 0.3em;
    position: relative;
    text-transform: lowercase;
    width: 220px
}
.uiLayer-otherCountriesButton form .fieldValue input,
.uiLayer-otherCountriesButton form .fieldValue select {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-otherCountriesButton form .fieldValue input,
.fonts-loaded.ru .uiLayer-otherCountriesButton form .fieldValue select {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-otherCountriesButton form .fieldValue input,
.fonts-loaded.jp .uiLayer-otherCountriesButton form .fieldValue select {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-otherCountriesButton form .fieldValue input,
.fonts-loaded.kr .uiLayer-otherCountriesButton form .fieldValue select {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-otherCountriesButton form .fieldValue #OtherCountriesViewModel_Email {
    border: 1px solid #f1f1f1;
    height: 35px;
    text-indent: 8px
}
.uiLayer-otherCountriesButton form #OtherCountriesViewModel_SelectedCountry_Wrapper {
    margin-bottom: 20px
}
.uiLayer-otherCountriesButton form #OtherCountriesViewModel_SelectedCountry_Wrapper .field-validation-container {
    margin: 8px 0
}
.uiLayer-otherCountriesButton .otherCountriesLayer {
    margin: 0 auto
}
.uiLayer-otherCountriesButton .noEcommerce {
    clear: both;
    text-align: center;
    text-transform: uppercase
}
.uiLayer-otherCountriesButton .selectize-input.items input {
    display: none
}
@media screen and (max-height: 690px) {
    #chooseYourCountryLayer.animate {
        display: block
    }
}
#headerPromoSection {
    z-index: 11;
    display: none;
    left: 23%;
    top: 0
}
header.compact #headerPromoSection {
    left: 50%
}
@media only screen and (max-width: 1366px) {
    header.compact #headerPromoSection {
        left: 49%
    }
}
#headerPromoSection ul.promotionList {
    padding: 0 17px;
    max-width: 306px;
    text-transform: uppercase
}
body.activePromo #headerPromoSection {
    display: inline-block;
    min-width: 308px;
    position: absolute;
    text-align: right;
    border: 1px solid transparent;
    border-top: none;
    height: 30px;
    overflow: hidden
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .touch body.activePromo #headerPromoSection {
        height: 41px;
        position: fixed;
        top: 58px;
        width: 100%;
        left: 0;
        padding: 0;
        text-align: center;
        background-color: #fff
    }
}
body.activePromo #headerPromoSection .cross {
    width: 10px;
    height: 10px;
    position: relative;
    position: absolute;
    right: 13px;
    top: 14px;
    cursor: pointer
}
body.activePromo #headerPromoSection .cross:before,
body.activePromo #headerPromoSection .cross:after {
    position: absolute;
    left: 5px;
    content: ' ';
    height: calc(10px - 1px);
    width: 1px;
    background-color: #000
}
body.activePromo #headerPromoSection .cross:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}
body.activePromo #headerPromoSection .cross:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .touch body.activePromo #headerPromoSection .cross {
        width: 16px;
        height: 16px;
        position: relative;
        top: 13px;
        right: 24px;
        position: absolute
    }
    .touch body.activePromo #headerPromoSection .cross:before,
    .touch body.activePromo #headerPromoSection .cross:after {
        position: absolute;
        left: 8px;
        content: ' ';
        height: calc(16px - 1px);
        width: 1px;
        background-color: #000
    }
    .touch body.activePromo #headerPromoSection .cross:before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .touch body.activePromo #headerPromoSection .cross:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}
body.activePromo #headerPromoSection .slidingTitle {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 11px;
    padding: 14px 26px 0;
    cursor: pointer;
    text-align: center;
    position: relative
}
body.activePromo #headerPromoSection .slidingTitle {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru body.activePromo #headerPromoSection .slidingTitle {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp body.activePromo #headerPromoSection .slidingTitle {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr body.activePromo #headerPromoSection .slidingTitle {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .touch body.activePromo #headerPromoSection .slidingTitle {
        width: 100% !important
    }
}
body.activePromo #headerPromoSection .slidingTitle:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    top: 0;
    right: 0
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .touch body.activePromo #headerPromoSection .slidingTitle:before {
        width: 100% !important
    }
}
body.activePromo #headerPromoSection .promotions {
    display: none;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px
}
body.activePromo #headerPromoSection .promotions {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru body.activePromo #headerPromoSection .promotions {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp body.activePromo #headerPromoSection .promotions {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr body.activePromo #headerPromoSection .promotions {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
body.activePromo #headerPromoSection .promotions .shortDescription {
    display: none
}
body.activePromo #headerPromoSection .promotionEntry {
    line-height: 26px;
    letter-spacing: 0;
    font-size: 11px
}
body.activePromo #headerPromoSection.open {
    padding-bottom: 32px;
    border: 1px solid #ebebeb;
    border-top: none;
    height: auto;
    background-color: #fff
}
body.activePromo #headerPromoSection.open .promotions {
    display: block;
    margin-top: 28px
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .touch body.activePromo #headerPromoSection.open {
        height: auto;
        padding: 0 0 32px 0
    }
}
body.activePromo #headerPromoSection.open .cross {
    width: 12px;
    height: 12px;
    position: relative;
    position: absolute;
    right: 13px;
    top: 14px
}
body.activePromo #headerPromoSection.open .cross:before,
body.activePromo #headerPromoSection.open .cross:after {
    position: absolute;
    left: 6px;
    content: ' ';
    height: calc(12px - 1px);
    width: 1px;
    background-color: #000
}
body.activePromo #headerPromoSection.open .cross:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
body.activePromo #headerPromoSection.open .cross:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .touch body.activePromo #headerPromoSection.open .cross {
        width: 16px;
        height: 16px;
        position: relative;
        top: 13px;
        right: 24px;
        position: absolute
    }
    .touch body.activePromo #headerPromoSection.open .cross:before,
    .touch body.activePromo #headerPromoSection.open .cross:after {
        position: absolute;
        left: 8px;
        content: ' ';
        height: calc(16px - 1px);
        width: 1px;
        background-color: #000
    }
    .touch body.activePromo #headerPromoSection.open .cross:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .touch body.activePromo #headerPromoSection.open .cross:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}
@media only screen and (max-width: 1366px) {
    body.headerCompact.activePromo header li.account .text,
    body.headerCompact.activePromo header li.account .welcomeMessage,
    body#home.activePromo header.compact li.account .text,
    body#home.activePromo header.compact li.account .welcomeMessage {
        display: none
    }
}
#userMenuWrapper {
    position: relative
}
.userSection {
    display: block;
    position: absolute;
    right: 0px;
    top: -8px;
    z-index: 10;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
@media only screen and (min-width: 1661px) {
    .userSection {
        right: 1px
    }
}
body.mqTablet .userSection {
    top: 24px
}
.userSection li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 40px
}
body.mqTablet .userSection li {
    display: none
}
.userSection li.account a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px
}
.userSection li.account span.text {
    float: left;
    margin-right: 10px
}
.userSection li.account a.login {
    display: block
}
body.mqTablet .userSection li.account a.login {
    display: none
}
.userSection li.account .loginWelcomeMessage {
    float: left
}
body.mqTablet .userSection li.account .loginWelcomeMessage .text {
    display: none
}
.userSection li.account .welcomeMessage {
    display: inline-block;
    vertical-align: middle;
    float: left
}
.userSection li.account .welcomeMessage .surname {
    display: none
}
.userSection li.wishlist {
    display: none
}
.userSection li.minicart {
    margin-right: 0;
    margin-left: 5px
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch .userSection li.minicart {
        top: -10px
    }
}
body.mqTablet .userSection li.minicart {
    display: block
}
.userSection li.minicart .mainCartLink {
    height: 20px;
    display: block;
    background-color: #ebebeb
}
.userSection li.minicart .itemsInCart.cartlinkitems0 .count,
.userSection li.minicart .inner.cartlinkitems0 .count {
    display: none
}
.userSection li.minicart .itemsInCart.cartlinkitems0 .icon,
.userSection li.minicart .inner.cartlinkitems0 .icon {
    padding: 0 6px
}
.userSection li.minicart .itemsInCart a .count,
.userSection li.minicart .inner a .count {
    padding: 3px 7px 3px 1px;
    position: relative;
    top: -9px
}
html.touch .userSection li.minicart .itemsInCart a .count,
html.touch .userSection li.minicart .inner a .count {
    font-size: 14px
}
.userSection li.minicart .itemsInCart a .text,
.userSection li.minicart .inner a .text {
    display: none
}
.userSection li.minicart .itemsInCart a .icon,
.userSection li.minicart .inner a .icon {
    padding: 0 3px 0 7px;
    font-size: 10px;
    line-height: 16px
}
.userSection li.search .text {
    display: none
}
.userSection .icon {
    float: left;
    line-height: 37px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    font-size: 13px
}
html.jp .userSection li.account span.text,
html.kr .userSection li.account span.text {
    font-size: 11px
}
html.jp .userSection li.account .welcomeMessage .surname,
html.kr .userSection li.account .welcomeMessage .surname {
    display: inline-block;
    vertical-align: inherit
}
.compact .userSection {
    top: 0
}
html.cycOpen {
    overflow-y: hidden;
    overflow-y: -moz-hidden-unscrollable
}
body.specialLock {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}
#siteHeader {
    z-index: 10;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    min-width: 768px;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 1.0)
}
body.pushleft #siteHeader {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    #siteHeader {
        background-color: #fff;
        padding: 6px 0;
        height: 80px !important
    }
}
#siteHeader #headerWrapper {
    z-index: 1;
    position: relative;
    padding: 0 30px;
    margin: 0 auto
}
@media only screen and (min-width: 1661px) {
    #siteHeader #headerWrapper {
        padding: 0;
        max-width: 1600px
    }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    #siteHeader #headerWrapper {
        padding: 0 18px
    }
}
#home #siteHeader #headerWrapper {
    max-width: 1920px;
    padding: 0 30px
}
#siteHeader.menuIsOpen {
    border-bottom: 1px solid #fff
}
#siteHeader .logo {
    width: 166px;
    height: 57px;
    transition: all 0.4s ease-in-out;
    position: absolute;
    z-index: 11;
    top: 9px
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch #siteHeader .logo {
        width: 132px;
        height: 46px;
        margin-left: 60px;
        transition: margin-left 0.1s linear;
        top: 0
    }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch.openSidebar #siteHeader .logo {
        width: 40px;
        height: 40px;
        margin: 4px 0 4px 335px;
        transition: margin-left 0.1s linear
    }
}
#siteHeader .logo a {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -6000px
}
#siteHeader .logo a.collapse {
    width: 0;
    height: 0;
    transition: all 0.2s ease-in-out
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch.openSidebar #siteHeader .logo a {
        background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/logo_star.svg");
        width: 32px;
        height: 32px;
        background-repeat: no-repeat
    }
}
#siteHeader.animStart #headerWrapper {
    opacity: 0;
    transition: opacity 0.4s linear
}
#siteHeader.animStart.compact {
    background-color: rgba(255, 255, 255, 0.8)
}
#siteHeader.animEnd #headerWrapper {
    opacity: 1;
    transition: opacity 0.4s linear
}
#siteHeader.animEnd.compact {
    background-color: #fff
}
#siteHeader.compact {
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    background-color: #fff;
    height: 44px;
    border-bottom: 1px solid #f1f1f1
}
#siteHeader.compact.menuIsOpen {
    border-bottom: 1px solid #fff
}
#siteHeader.compact #headerWrapper .logo {
    width: 32px;
    height: 44px;
    top: 0;
    float: left
}
#siteHeader.compact #headerWrapper .logo a {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 50%
}
#siteHeader.compact div.mainmenu {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    #siteHeader.compact div.mainmenu {
        max-width: 1024px !important
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    #siteHeader.compact div.mainmenu {
        max-width: 1336px !important
    }
    @-moz-document url-prefix() {
        #siteHeader.compact div.mainmenu {
            max-width: 1319px !important
        }
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    #siteHeader.compact div.mainmenu {
        padding: 0 30px 0 30px;
        max-width: 1280px !important
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    #siteHeader.compact div.mainmenu {
        padding: 0 30px 0 30px;
        max-width: 1024px !important
    }
}
@media only screen and (max-width: 1600px) and (min-width: 1441px) {
    #siteHeader.compact div.mainmenu {
        padding: 0 30px 0 30px;
        max-width: 1600px !important
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    #siteHeader.compact div.mainmenu {
        padding: 0 30px 0 30px;
        max-width: 1440px !important
    }
}
@media only screen and (min-width: 1600px) {
    #siteHeader.compact div.mainmenu {
        left: inherit
    }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch #siteHeader.compact div.mainmenu {
        display: none
    }
}
#siteHeader.compact div.mainmenu .level-0 {
    text-align: left;
    margin-top: 0
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    #siteHeader.compact div.mainmenu .level-0 {
        padding-left: 30px
    }
}
#siteHeader.compact div.mainmenu .level-0>ul>li>a>.text {
    height: 28px
}
#siteHeader.compact div.mainmenu .level-0>ul>li.hasChildren .level-1 {
    top: 29px;
    padding: 35px 0 15px
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    #siteHeader.compact div.mainmenu .level-0>ul>li.hasChildren .level-1 {
        margin-left: 0
    }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    #siteHeader.compact div.mainmenu .level-0>ul>li.hasChildren .level-1 .level-5>ul>li a .text {
        padding: 0 0 5px
    }
}
#siteHeader.compact div.mainmenu .level-0 .level-1 .level-2>ul>li.images {
    bottom: 15px !important
}
#menuBackground {
    position: fixed;
    display: none;
    width: 100%;
    height: 684px;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0
}
@media only screen and (min-width: 1367px) {
    #menuBackground {
        height: 774px
    }
}
.menuBackgroundVisible #menuBackground {
    display: block;
    opacity: 1
}
.disclaimer {
    line-height: 20px;
    font-size: 9px;
    letter-spacing: 0.1em;
    color: #a0a0a0
}
.governanceLayer {
    display: none
}
.mfp-content .governanceLayer {
    display: block
}
.mfp-content .governanceLayer .title {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mfp-content .governanceLayer .title {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mfp-content .governanceLayer .title {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mfp-content .governanceLayer .title {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mfp-content .governanceLayer .title {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mfp-content .governanceLayer .innerColumn {
    display: inline-block
}
.mfp-content .governanceLayer .innerColumn.first {
    margin-right: 45px
}
.mfp-content .governanceLayer h4 {
    text-transform: uppercase
}
.mfp-content .governanceLayer .button {
    margin-top: 20px;
    background: #fff;
    color: #000;
    padding: 10px 0
}
.mfp-content .governanceLayer .button .icon {
    display: inline-block;
    vertical-align: middle
}
#downloadAppSection {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}
#downloadAppSection ul {
    width: 64%;
    margin: 0 auto;
    border-bottom: 1px solid #404040;
    height: 57px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
#downloadAppSection li {
    display: inline-block;
    height: 100%;
    margin-right: 35px;
    padding: 12px 0
}
#downloadAppSection li.iosDownload,
#downloadAppSection li.gplay {
    margin-right: 0;
    width: 105px
}
#downloadAppSection li img {
    height: 100%
}
.iOS .AndroidApp {
    display: none
}
.Android .iOSApp {
    display: none
}
#appDownloadLayer {
    background-color: #000;
    color: #fff;
    position: fixed;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    display: none;
    z-index: 1
}
#appDownloadLayer>div {
    height: 50px;
    padding: 0 10px
}
#appDownloadLayer h4 {
    text-transform: uppercase;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
#appDownloadLayer h4 {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #appDownloadLayer h4 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #appDownloadLayer h4 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #appDownloadLayer h4 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#appDownloadLayer .icon-close,
#appDownloadLayer .appDownloadLink {
    height: auto
}
#appDownloadLayer .icon-close {
    font-size: 10px
}
#appDownloadLayer .appDownloadLink {
    text-decoration: underline;
    text-transform: capitalize
}
#appDownloadLayer .downloadText {
    margin-left: 5px;
    margin-top: 5px
}
#appDownloadLayer .downloadText .freeInfo {
    text-transform: uppercase
}
#appDownloadLayer .appDownloadInfo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
#appDownloadLayer .appDownloadInfo div {
    height: 50px
}
#appDownloadLayer .appDownloadInfo div img {
    height: 100%
}
.appDownloadLayerActive #siteHeader {
    top: 70px
}
.appDownloadLayerActive #container,
.appDownloadLayerActive #mainContainer {
    margin-top: 70px
}
.appDownloadLayerActive #appDownloadLayer {
    z-index: 10;
    height: 70px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .appDownloadLayerActive#home #container,
    .appDownloadLayerActive#home #mainContainer {
        margin-top: 0
    }
}
#copyright {
    overflow: hidden;
    padding: 17px 20px;
    clear: both;
    color: #404040
}
#copyright #LegalAreaMenu {
    width: 100%;
    text-align: center
}
#copyright #LegalAreaMenu li {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #404040;
    line-height: 9px;
    margin: 0 8px 0 0;
    padding: 0 10px 0 0
}
#copyright #LegalAreaMenu li:last-child {
    border-right: none;
    margin: 0;
    padding: 0
}
#copyright #PoweredBY {
    width: 100%;
    text-align: center;
    padding: 12px 0 0;
    font-size: 9px;
    text-transform: none;
    color: #707070;
    letter-spacing: 0.12em
}
#copyright #PoweredBY button {
    font-family: inherit;
    padding: 0;
    background: transparent;
    color: inherit;
    border: 0;
    font-size: inherit;
    line-height: normal;
    text-transform: inherit;
    cursor: pointer;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: inherit
}
#copyright #PoweredBY button:hover {
    cursor: pointer;
    background: none;
    color: inherit
}
#copyright #PoweredBY button:active span,
#copyright #PoweredBY button:focus span {
    position: relative;
    top: 0;
    left: 0;
    margin: 0
}
#copyright #PoweredBY button .text,
#copyright #PoweredBY button .label {
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    white-space: initial;
    text-transform: inherit;
    letter-spacing: inherit
}
#copyright #PoweredBY button {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #copyright #PoweredBY button {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #copyright #PoweredBY button {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #copyright #PoweredBY button {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#copyright #PoweredBY button .text {
    text-decoration: underline;
    vertical-align: baseline
}
#copyright #PoweredBY a,
#copyright #PoweredBY button {
    transition: color linear .3s;
    color: #707070;
    vertical-align: baseline;
    text-decoration: underline
}
#copyright #PoweredBY a .value,
#copyright #PoweredBY a .icon,
#copyright #PoweredBY button .value,
#copyright #PoweredBY button .icon {
    display: none
}
#copyright #PoweredBY a:hover,
#copyright #PoweredBY button:hover {
    color: #fff
}
#vendor-information {
    text-transform: none;
    text-decoration: underline;
    margin: 1em auto;
    display: block
}
#vendor-information--html {
    display: none
}
.vendor-information--title {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.vendor-information--title {
    font-family: "pf_dintext_probold", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .vendor-information--title {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .vendor-information--title {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .vendor-information--title {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.vendor-information--content {
    line-height: 1.8em
}
.vendor-information--content A {
    text-decoration: underline
}
.svcLayer {
    display: block;
    background-color: #313131
}
.gb .svcLayer {
    display: none
}
.svcLayer__wrapSvc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.svcLayer__wrapSvc>button {
    font-family: inherit;
    padding: 0;
    background: transparent;
    color: inherit;
    border: 0;
    font-size: inherit;
    line-height: normal;
    text-transform: inherit;
    cursor: pointer
}
.svcLayer__wrapSvc>button:hover {
    cursor: pointer;
    background: none;
    color: inherit
}
.svcLayer__wrapSvc>button .text,
.svcLayer__wrapSvc>button .label {
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    white-space: initial;
    text-transform: inherit;
    letter-spacing: inherit
}
.svcLayer__col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 15px 0
}
.svcLayer__col:hover .svcLayer__description {
    text-decoration: underline
}
.svcLayer__col:hover .svcLayer__title .text {
    text-decoration: underline
}
.svcLayer__col--shipping:after,
.svcLayer__col--pickup:after {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 76%;
    width: 1px;
    background-color: #707070
}
.svcLayer__title {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 10px
}
.svcLayer__title .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 23px;
    position: relative;
    left: -21px;
    top: -5px
}
.svcLayer__title .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -15px;
    text-transform: uppercase;
    font-size: 16px
}
.svcLayer__title .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .svcLayer__title .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .svcLayer__title .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .svcLayer__title .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.jp .svcLayer__title .text {
    top: -5px
}
.svcLayer__description {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #B9B9B9;
    font-size: 11px;
    line-height: 14px;
    padding: 0 46px 10px;
    padding-top: 2px;
    text-transform: uppercase
}
.svcLayer__description {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .svcLayer__description {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .svcLayer__description {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .svcLayer__description {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .svcLayer__description {
        padding: 0 35px 10px
    }
}
#siteFooter {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    background: #000;
    font-size: 11px;
    min-height: 330px;
    overflow-y: hidden;
}
#siteFooter {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #siteFooter {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #siteFooter {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #siteFooter {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#siteFooter:before,
#siteFooter:after {
    content: ' ';
    display: table
}
#siteFooter:after {
    clear: both
}
@media only screen and (max-width: 786px) {
    #siteFooter {
        height: auto
    }
}
#siteFooter.newsletter-disc-opened {
    height: auto
}
body.pushleft #siteFooter {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}
#siteFooter a:not(.egainLink),
#siteFooter li button .text {
    color: #fff;
    vertical-align: middle;
    letter-spacing: 0.12em
}
#siteFooter a:not(.egainLink) span,
#siteFooter li button .text span {
    pointer-events: none
}
#siteFooter a:not(.egainLink):hover,
#siteFooter li button .text:hover {
    color: #707070
}
#siteFooter .box-heading {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #707070;
    padding: 4px 0;
    font-size: 12px;
    letter-spacing: .15em
}
#siteFooter .box-heading {
    font-family: "pf_dintext_probold", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #siteFooter .box-heading {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #siteFooter .box-heading {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #siteFooter .box-heading {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#siteFooter .box-heading.socialContainer {
    padding: 2px 10px
}
#siteFooter .inner {
    max-width: 1027px;
    margin: 0 auto;
    padding: 22px 0 0;
    line-height: 28px;
    text-transform: uppercase
}
#siteFooter .innerContainer {
    transition: padding-bottom .3s linear;
    position: relative;
    border-bottom: 1px solid #404040;
    box-sizing: border-box;
    padding: 0 20px 14px;
    color: #fff
}
#siteFooter .innerContainer:before,
#siteFooter .innerContainer:after {
    content: ' ';
    display: table
}
#siteFooter .innerContainer:after {
    clear: both
}
#siteFooter .innerContainer.newsletter-disc-opened {
    padding-bottom: 100px
}
@media only screen and (max-width: 786px) {
    #siteFooter .innerContainer.newsletter-disc-opened {
        padding-bottom: 20px
    }
    #siteFooter .innerContainer.newsletter-disc-opened .cycLayerContainer {
        transition: padding-bottom .3s linear;
        padding-bottom: 145px
    }
    #siteFooter .innerContainer.newsletter-disc-opened .validation-summary-errors {
        text-align: center
    }
    #siteFooter .innerContainer.newsletter-disc-opened .validation-summary-errors li {
        width: 80%
    }
}
#siteFooter .innerContainer li {
    padding: 4px 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}
#siteFooter .innerContainer li button {
    font-family: inherit;
    padding: 0;
    background: transparent;
    color: inherit;
    border: 0;
    font-size: inherit;
    line-height: normal;
    text-transform: inherit;
    cursor: pointer;
    letter-spacing: 0.12em;
    line-height: inherit
}
#siteFooter .innerContainer li button:hover {
    cursor: pointer;
    background: none;
    color: inherit
}
#siteFooter .innerContainer li button:active span,
#siteFooter .innerContainer li button:focus span {
    position: relative;
    top: 0;
    left: 0;
    margin: 0
}
#siteFooter .innerContainer li button .text,
#siteFooter .innerContainer li button .label {
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    white-space: initial;
    text-transform: inherit;
    letter-spacing: inherit
}
#siteFooter .footerRow {
    position: relative;
    margin-top: 20px
}
#siteFooter .footerRow:before,
#siteFooter .footerRow:after {
    content: ' ';
    display: table
}
#siteFooter .footerRow:after {
    clear: both
}
#siteFooter .boxedFooter {
    width: 33%;
    float: left
}
#siteFooter .boxedFooter.customer,
#siteFooter .boxedFooter.socialsContainer {
    padding-left: 42px
}
#siteFooter .boxedFooter.customer li,
#siteFooter .boxedFooter.company li {
    float: left;
    width: 50%;
    line-height: 16px;
    padding: 10px 10px 10px 0;
    word-break: normal
}
.ru #siteFooter .boxedFooter.customer li,
.ua #siteFooter .boxedFooter.customer li {
    width: 40%
}
.ru #siteFooter .boxedFooter.customer li:nth-child(odd),
.ua #siteFooter .boxedFooter.customer li:nth-child(odd) {
    width: 60%
}
#siteFooter .boxedFooter.socialsContainer {
    width: 50%
}
#siteFooter .boxedFooter.socialsContainer h4 {
    padding: 4px 0 0 0
}
#siteFooter .boxedFooter.socialsContainer li {
    display: inline-block;
    vertical-align: middle
}
#siteFooter .logoContainer {
    position: absolute;
    top: 7px;
    right: 23px;
    width: 136px;
    height: 47px;
    background-repeat: no-repeat
}
#siteFooter .cycLayerContainer a {
    letter-spacing: 0.17em
}
#siteFooter .cycLayerContainer .shippingCountry span {
    letter-spacing: 0.15em
}
#siteFooter .cycLayerContainer .shippingCountry .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    margin-right: 5px;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: .17em
}
#siteFooter .cycLayerContainer .shippingCountry .text:after {
    content: ":"
}
#siteFooter .cycLayerContainer .shippingCountry .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #siteFooter .cycLayerContainer .shippingCountry .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #siteFooter .cycLayerContainer .shippingCountry .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #siteFooter .cycLayerContainer .shippingCountry .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#siteFooter .cycLayerContainer .shippingCountry .value {
    transition: color .3s linear;
    display: inline-block;
    cursor: pointer;
    font-size: 11px;
    line-height: 28px;
    vertical-align: bottom
}
#siteFooter .cycLayerContainer .shippingCountry .value:hover {
    color: #707070
}
#siteFooter .followUs li {
    padding-right: 21px;
    padding-top: 0
}
.jp #siteFooter .followUs li,
.kr #siteFooter .followUs li {
    padding-right: 21px
}
#siteFooter .followUs li:last-child {
    padding-right: 0
}
#siteFooter .followUs li a {
    display: block
}
@media only screen and (max-width: 1023px) {
    #siteFooter .followUs li {
        padding-right: 18px
    }
}
#siteFooter .followUs span.text {
    display: none
}
#siteFooter .followUs [class^="icon"]:before {
    display: block;
    width: 14px;
    height: 37px;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    text-indent: -3px
}
#siteFooter .followUs li.youtube [class^="icon"]:before,
#siteFooter .followUs li.googleplus [class^="icon"]:before {
    font-size: 18px
}
#siteFooter .newsletterForm {
    width: 314px;
    height: 44px;
    padding-top: 14px
}
#siteFooter .newsletterForm h2,
#siteFooter .newsletterForm .description,
#siteFooter .newsletterForm #NewsletterViewModel_Gender_Wrapper {
    display: none
}
#siteFooter .newsletterForm .disclaimer {
    transition: visible 0s, opacity .3s linear;
    opacity: 0;
    visibility: hidden;
    height: 0;
    line-height: 15px;
    text-indent: 0;
    color: #707070;
    font-size: 10px;
    width: 65%
}
#siteFooter .newsletterForm .disclaimer a {
    font-size: 10px;
    color: #707070;
    text-decoration: underline;
    letter-spacing: normal
}
#siteFooter .newsletterForm .disclaimer.disc-view {
    visibility: visible;
    height: auto;
    opacity: 1;
    position: absolute;
    top: 90px
}
@media only screen and (max-width: 786px) {
    #siteFooter .newsletterForm .disclaimer.disc-view {
        top: 85px;
        text-align: center;
        width: 65%;
        margin: auto;
        left: 0;
        right: 0
    }
}
@media only screen and (max-width: 786px) {
    #siteFooter .newsletterForm .serverSideErrors {
        top: 113px
    }
    #siteFooter .newsletterForm .serverSideErrors li {
        width: 100%;
        text-align: center !important
    }
}
#siteFooter .newsletterForm div#subscribeNewsletterSuccess {
    line-height: 15px;
    text-indent: 0;
    color: #707070;
    font-size: 11px;
    letter-spacing: 0.12em;
    width: 65%
}
@media only screen and (max-width: 786px) {
    #siteFooter .newsletterForm div#subscribeNewsletterSuccess {
        width: auto;
        text-align: center
    }
}
#siteFooter .newsletterForm .fieldRow {
    height: auto;
    margin-bottom: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: none
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper {
    color: #fff;
    font-size: 11px;
    float: left;
    width: 72%
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper .fieldLabel {
    display: none
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper .fieldValue {
    position: relative;
    bottom: auto;
    z-index: 0
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper input {
    border: none
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper .field-validation-container {
    bottom: -41px;
    white-space: nowrap
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper #NewsletterViewModel_Email {
    padding: 0 18px;
    color: #fff;
    width: 100%;
    height: 39px;
    background: none
}
#siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper #NewsletterViewModel_Email::-webkit-input-placeholder {
    color: #fff
}
html.ru #siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper #NewsletterViewModel_Email {
    letter-spacing: 0.02em
}
#siteFooter .newsletterForm .buttonsRow {
    float: left;
    width: 28%
}
#siteFooter .newsletterForm .buttonsRow button {
    transition: color, background-color;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px;
    width: 100%;
    height: 41px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.19em
}
#siteFooter .newsletterForm .buttonsRow button .icon {
    display: none
}
#siteFooter .newsletterForm .buttonsRow button .text,
#siteFooter .newsletterForm .buttonsRow button .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru #siteFooter .newsletterForm .buttonsRow button .text,
.ru #siteFooter .newsletterForm .buttonsRow button .label {
    font-family: Arial, sans-serif
}
.jp #siteFooter .newsletterForm .buttonsRow button .text,
.jp #siteFooter .newsletterForm .buttonsRow button .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr #siteFooter .newsletterForm .buttonsRow button .text,
.kr #siteFooter .newsletterForm .buttonsRow button .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#siteFooter .newsletterForm .buttonsRow button .hidden {
    display: none
}
#siteFooter .newsletterForm .buttonsRow button .text {
    color: #fff
}
html.ru #siteFooter .newsletterForm .buttonsRow button,
html.fr #siteFooter .newsletterForm .buttonsRow button,
html.de #siteFooter .newsletterForm .buttonsRow button,
html.ua #siteFooter .newsletterForm .buttonsRow button {
    font-size: 11px;
    padding: 0;
    letter-spacing: .1em
}
#siteFooter #go-up {
    display: none
}
@media only screen and (max-width: 786px) {
    #siteFooter {
        overflow-y: visible;
        max-height: none
    }
    #siteFooter .box-heading {
        font-size: larger
    }
    #siteFooter .innerContainer {
        display: inline-block;
        vertical-align: middle;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none
    }
    #siteFooter .inner {
        max-height: none
    }
    #siteFooter .inner ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0 16px 0
    }
    #siteFooter .footerRow {
        position: static
    }
    #siteFooter .boxedFooter {
        width: 100%;
        padding: 0 24px
    }
    #siteFooter .boxedFooter.customer,
    #siteFooter .boxedFooter.company {
        padding-top: 16px;
        text-align: left;
        width: 50%
    }
    #siteFooter .boxedFooter.customer h4,
    #siteFooter .boxedFooter.company h4 {
        margin-bottom: 6px
    }
    #siteFooter .boxedFooter.customer li,
    #siteFooter .boxedFooter.company li {
        width: 49%;
        height: 54px;
        vertical-align: top
    }
    #siteFooter .boxedFooter.customer {
        padding-right: 30px;
        padding-left: 24px
    }
    #siteFooter .boxedFooter.socialsContainer {
        border-bottom: 1px solid #404040;
        margin-top: 5px;
        margin-bottom: 10px;
        width: 100%;
        padding-left: 24px
    }
    #siteFooter .boxedFooter.socialsContainer .followUs li {
        padding-right: 40px;
        padding-top: 12px
    }
    #siteFooter .boxedFooter.newsletterContainer {
        width: 728px;
        position: absolute;
        top: 88px
    }
    #siteFooter .cycLayerContainer {
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
        border-bottom: 1px solid #404040;
        padding-bottom: 28px
    }
    #siteFooter .cycLayerContainer:after {
        content: "";
        margin-bottom: 80px;
        display: block
    }
    #siteFooter .cycLayerContainer ul {
        text-align: center
    }
    #siteFooter .cycLayerContainer ul li {
        padding-top: 8px;
        padding-bottom: 8px;
        width: 32.8%;
        text-align: center
    }
    #siteFooter .cycLayerContainer ul li:first-child {
        text-align: left
    }
    #siteFooter .cycLayerContainer ul li:last-child {
        text-align: right
    }
    body.ru #siteFooter .cycLayerContainer .value,
    body.cz #siteFooter .cycLayerContainer .value {
        display: block
    }
    #siteFooter .logoContainer {
        top: auto;
        bottom: 55px;
        right: 55px
    }
    #siteFooter #copyright {
        border: none;
        padding: 12px 20px 20px 20px
    }
    #siteFooter #copyright #LegalAreaMenu {
        padding-bottom: 92px
    }
    #siteFooter #copyright #LegalAreaMenu ul {
        line-height: 2em
    }
    #siteFooter .newsletterForm {
        width: 432px;
        margin: 0 auto;
        padding: 0
    }
    #siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper {
        height: auto
    }
    #siteFooter .newsletterForm #NewsletterViewModel_Email_Wrapper #NewsletterViewModel_Email {
        height: 44px
    }
    #siteFooter .newsletterForm .buttonsRow button {
        height: 46px
    }
    #siteFooter #go-up {
        width: 40px;
        margin: 0 auto;
        font-size: 3em;
        display: block;
        color: #fff;
        position: relative;
        bottom: 111px;
        cursor: pointer;
        text-align: center
    }
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #siteFooter .logoContainer {
        background-size: 115px 40px;
        width: 115px;
        height: 40px
    }
}
html.ie9 #siteFooter .boxedFooter.company,
html.ie9 #siteFooter .boxedFooter.customer,
html.ie9 #siteFooter .boxedFooter.socialsContainer,
html.no-flexbox #siteFooter .boxedFooter.company,
html.no-flexbox #siteFooter .boxedFooter.customer,
html.no-flexbox #siteFooter .boxedFooter.socialsContainer {
    width: 22%
}
html.ie9 #siteFooter .cycLayerContainer,
html.no-flexbox #siteFooter .cycLayerContainer {
    width: 33%
}
.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: 2;
    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 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    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.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
}
.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--moz-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("//cdns3.yoox.biz/ytos/resources/STONEISLAND/img/flags.png");
    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--moz-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("//cdns3.yoox.biz/ytos/resources/STONEISLAND/img/flags@2x.png")
    }
}
.iti-flag.np {
    background-color: transparent
}
input[type="radio"] ~ .radioIcon:before,
input[type="radio"]:disabled ~ .radioIcon:before {
    content: ""
}
input[type="radio"]:checked ~ .radioIcon:before,
input[type="radio"]:disabled:checked ~ .radioIcon:before {
    content: ""
}
.fieldRow {
    transition: border-color 0.333s ease;
    position: relative;
    height: 60px;
    margin-bottom: 20px;
    overflow: visible
}
.fieldRow:before,
.fieldRow:after {
    content: ' ';
    display: table
}
.fieldRow:after {
    clear: both
}
.fieldRow.hidden {
    height: 0;
    margin: 0
}
.fieldRow .hide {
    display: none
}
.fieldRow.disabled {
    border: none
}
.fieldRow.disabled input,
.fieldRow.disabled label {
    color: #ccc
}
.fieldRow.disabled .field-validation-container {
    display: none
}
.fieldRow.disabled .icon-delete {
    display: none
}
.fieldRow.checkbox {
    margin: 26px 0 10px;
    height: auto;
    line-height: 20px;
    border: none;
    overflow: visible
}
.fieldRow.checkbox .fieldValue {
    top: -2px;
    left: 0;
    width: auto
}
.fieldRow.checkbox .fieldLabel {
    position: static;
    margin: 0 0 0 34px;
    text-align: left;
    text-transform: none;
    white-space: normal
}
.fieldRow.textArea {
    overflow: visible;
    height: auto;
    border: none
}
.fieldRow.textArea .fieldLabel {
    position: static;
    bottom: auto;
    left: auto;
    width: auto;
    margin-bottom: 5px
}
.fieldRow.textArea .fieldLabel .req {
    position: static
}
.fieldRow.textArea .fieldValue {
    position: static;
    bottom: 5px
}
.fieldRow .fieldLabel {
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px
}
.fieldRow .fieldValue {
    position: absolute;
    width: 100%;
    bottom: 5px
}
.fieldRow .field-validation-container {
    position: absolute;
    text-transform: none;
    margin: 5px 0;
    color: #b31818;
    left: 0;
    bottom: -15px;
    transition: opacity .3s linear;
    opacity: 0
}
.fieldRow.invalidRow .field-validation-container {
    opacity: 1
}
.fieldRow.telephoneWithCountryCode .intl-tel-input {
    width: 100%
}
#dummyProvinceInput::-webkit-input-placeholder {
    color: transparent
}
#dummyProvinceInput:-ms-input-placeholder {
    color: transparent
}
#dummyProvinceInput:-moz-placeholder {
    color: transparent
}
.validation-summary-errors {
    color: #ab3042
}
* {
    outline: none
}
textarea {
    border-radius: 0;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 10px;
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    border: 1px solid #DBDBDB;
    -webkit-appearance: none;
    height: 36px;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    padding: 10px;
    min-height: 150px
}
textarea {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru textarea {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp textarea {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr textarea {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"] {
    border-radius: 0;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 10px;
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    border: 1px solid #DBDBDB;
    -webkit-appearance: none;
    height: 36px
}
input[type="text"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="tel"]::-ms-clear {
    display: none
}
input[readonly],
input[readonly="readonly"] {
    cursor: not-allowed
}
input[type="password"] {
    font-family: sans-serif
}
input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer
}
.checkBox,
.selectionBox {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    padding: 1px
}
.checkBox input[type="checkbox"],
.selectionBox input[type="checkbox"] {
    width: 20px;
    height: 20px
}
input[type="checkbox"] ~ .checkboxIcon,
input[type="checkbox"] ~ .checkbox {
    display: inline-block;
    font-size: 18px
}
input[type="checkbox"] ~ .checkboxIcon:before,
input[type="checkbox"] ~ .checkbox:before {
    font-family: "Icons";
    content: "";
    color: #8d8e8f
}
input[type="checkbox"]:disabled ~ .checkboxIcon:before,
input[type="checkbox"]:disabled ~ .checkbox:before {
    font-family: "Icons";
    content: "";
    color: #b0b1b3
}
input[type="checkbox"]:checked ~ .checkboxIcon:before,
input[type="checkbox"]:checked ~ .checkbox:before {
    font-family: "Icons";
    content: "";
    color: #000
}
input[type="checkbox"]:disabled:checked ~ .checkboxIcon:before,
input[type="checkbox"]:disabled:checked ~ .checkbox:before {
    font-family: "Icons";
    content: "";
    color: #b0b1b3
}
.radioButton {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    padding: 1px
}
.radioButton input[type="radio"] {
    width: 20px;
    height: 20px
}
input[type="radio"] ~ .radioIcon {
    display: inline-block;
    font-size: 20px
}
input[type="radio"] ~ .radioIcon:before {
    color: #8d8e8f
}
input[type="radio"]:checked ~ .radioIcon {
    font-size: 20px
}
input[type="radio"]:checked ~ .radioIcon:before {
    color: #000
}
input[type="radio"]:disabled ~ .radioIcon:before {
    color: #b0b1b3
}
input[type="radio"]:disabled:checked ~ .radioIcon:before {
    color: #b0b1b3
}
.ielt9 input[type='checkbox'],
.ielt9 input[type='radio'] {
    opacity: 1
}
.Gender .fieldValue .radioButtonBox {
    float: left
}
.Gender .fieldValue .input:before,
.Gender .fieldValue .input:after {
    content: ' ';
    display: table
}
.Gender .fieldValue .input:after {
    clear: both
}
.Gender .fieldValue .input:first-child {
    margin-right: 30px
}
.Gender .fieldValue .input .radioButton,
.Gender .fieldValue .input label {
    float: left;
    padding-top: 4px;
    margin-left: 15px
}
button,
.button {
    transition: color, background-color;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px
}
button .icon,
.button .icon {
    display: none
}
button .text,
button .label,
.button .text,
.button .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru button .text,
.ru button .label,
.ru .button .text,
.ru .button .label {
    font-family: Arial, sans-serif
}
.jp button .text,
.jp button .label,
.jp .button .text,
.jp .button .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr button .text,
.kr button .label,
.kr .button .text,
.kr .button .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
button .hidden,
.button .hidden {
    display: none
}
button a,
.button a {
    color: #fff;
    text-decoration: none
}
.buttonToLink {
    padding: 0;
    text-align: left;
    color: #000;
    background: transparent;
    resize: vertical
}
.buttonToLink span {
    text-transform: none
}
.buttonToLink:hover,
.buttonToLink:focus {
    color: #000;
    background: transparent;
    text-decoration: underline
}
select {
    width: 100%;
    padding: 0 10px;
    line-height: 18px;
    border: 1px solid #ececec;
    color: #000;
    text-indent: 0;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select:active,
select:focus {
    border: 1px solid #000;
    color: #000;
    padding: 0 8px
}
select.invalid {
    border-color: #ab3042
}
.ielt9 select {
    padding: 10px
}
.BirthDate select {
    border-right: none
}
.BirthDate .fieldValue .selectInput_wrapper {
    width: 33.333333%;
    float: left
}
.BirthDate .selectTitle {
    display: none
}
.ExpirationDate .selectInput_wrapper {
    float: left
}
.label {
    border: 0
}
.label .fieldValue {
    color: #000;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.label .fieldValue {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .label .fieldValue {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .label .fieldValue {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .label .fieldValue {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#PasswordRecoveryMailViewModel_Email_Wrapper {
    margin-top: 20px
}
.selectize-control {
    position: relative;
    overflow: visible
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
    -webkit-font-smoothing: inherit;
    color: #474747;
    font-family: "Arial";
    font-size: 9px;
    letter-spacing: .3em;
    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: #474747;
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px
}
.selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    border: 0 solid #cacaca;
    color: #474747
}
.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    background: #fff;
    border: 0 solid #fff;
    color: #949494
}
.selectize-input>input {
    box-shadow: none !important;
    -webkit-user-select: auto !important;
    -moz-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: #474747;
    cursor: default
}
.selectize-dropdown .active {
    background-color: trasparent;
    color: rgba(71, 71, 71, 0.5)
}
.selectize-dropdown .active.create {
    color: rgba(71, 71, 71, 0.5)
}
.selectize-dropdown .create {
    color: rgba(71, 71, 71, 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 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    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 #B9B9B9;
    border-top: 1px solid #B9B9B9
}
.selectize-control.single .selectize-input.dropdown-active:after {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    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: .5
}
.selectize-input,
.selectize-input {
    height: 35px !important
}
.uiLayer-newsletterLink .surveyContainer .preferences:before,
.uiLayer-newsletterLink .surveyContainer .preferences:after {
    content: ' ';
    display: table
}
.uiLayer-newsletterLink .surveyContainer .preferences:after {
    clear: both
}
.uiLayer-newsletterLink .surveyContainer .preferences li {
    float: left;
    margin-right: 30px
}
.uiLayer-newsletterLink .surveyContainer .preferences li:before,
.uiLayer-newsletterLink .surveyContainer .preferences li:after {
    content: ' ';
    display: table
}
.uiLayer-newsletterLink .surveyContainer .preferences li:after {
    clear: both
}
.uiLayer-newsletterLink .surveyContainer .preferences li:last-child {
    margin-right: 0
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel,
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldValue {
    float: left
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel {
    height: 20px;
    padding-top: 2px;
    line-height: 18px;
    font-size: 14px;
    color: #636466;
    text-transform: uppercase
}
body.ru .uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel,
.uiLayer-newsletterLink .surveyContainer body.ru .preferences li .fieldLabel {
    font-size: 12px
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel.checked {
    color: #000
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel label {
    cursor: pointer
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldValue {
    margin-right: 16px
}
body.menuIsOpen {
    position: fixed;
    height: 100%
}
#userbar {
    position: absolute;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    z-index: 0;
    display: block;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
#userbar>DIV {
    opacity: 0;
    transition: opacity .3s linear, -webkit-transform .3s linear;
    transition: opacity .3s linear, transform .3s linear;
    transition: opacity .3s linear, transform .3s linear, -webkit-transform .3s linear;
    position: absolute;
    top: 0;
    height: 100%;
    width: 300px;
    z-index: 0;
    display: none
}
#userbar .loadingAnimation {
    opacity: 0.8;
    background-color: #EEE
}
#userbar .innerTitle {
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block
}
#userbar .close {
    position: absolute;
    right: 0;
    top: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer
}
#userbar .open {
    opacity: 1;
    z-index: 1;
    display: block
}
#userbar .more {
    opacity: 1;
    left: 600px;
    width: 600px;
    z-index: 3;
    top: 0;
    padding-top: 20px
}
#userbar .inner {
    width: 100%;
    overflow: hidden;
    text-align: left
}
#userbar .miniCart ul.items li {
    height: 100%;
    overflow: hidden;
    padding: 25px 0
}
#userbar .miniCart ul.items .image,
#userbar .miniCart ul.items .info {
    display: inline-block;
    vertical-align: middle;
    float: left;
    height: 100%
}
#userbar .miniCart ul.items .image:before,
#userbar .miniCart ul.items .image:after,
#userbar .miniCart ul.items .info:before,
#userbar .miniCart ul.items .info:after {
    content: ' ';
    display: table
}
#userbar .miniCart ul.items .image:after,
#userbar .miniCart ul.items .info:after {
    clear: both
}
#userbar .miniCart ul.items .info {
    position: relative
}
#userbar .miniCart ul.items a:before,
#userbar .miniCart ul.items a:after {
    content: ' ';
    display: table
}
#userbar .miniCart ul.items a:after {
    clear: both
}
#userbar .miniCart ul.items .image {
    width: 100px;
    margin-top: 3px
}
#userbar .miniCart ul.items img {
    width: 90px
}
#userbar .miniCart ul.items .info {
    width: 150px;
    text-transform: uppercase;
    position: relative
}
#userbar .miniCart ul.items .info .brandName,
#userbar .miniCart ul.items .info .modelName {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 9.5px
}
#userbar .miniCart ul.items .info .brandName,
#userbar .miniCart ul.items .info .modelName {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart ul.items .info .brandName,
.fonts-loaded.ru #userbar .miniCart ul.items .info .modelName {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart ul.items .info .brandName,
.fonts-loaded.jp #userbar .miniCart ul.items .info .modelName {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart ul.items .info .brandName,
.fonts-loaded.kr #userbar .miniCart ul.items .info .modelName {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart ul.items .info .brandName {
    letter-spacing: 1px;
    margin-bottom: 9px;
    margin-top: 3px
}
#userbar .miniCart ul.items .info .modelName.outer {
    letter-spacing: 2px;
    margin-bottom: 43px
}
#userbar .miniCart ul.items .info .priceUpdater,
#userbar .miniCart ul.items .info .quantity {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    position: relative;
    font-size: 10px
}
#userbar .miniCart ul.items .info .priceUpdater,
#userbar .miniCart ul.items .info .quantity {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart ul.items .info .priceUpdater,
.fonts-loaded.ru #userbar .miniCart ul.items .info .quantity {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart ul.items .info .priceUpdater,
.fonts-loaded.jp #userbar .miniCart ul.items .info .quantity {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart ul.items .info .priceUpdater,
.fonts-loaded.kr #userbar .miniCart ul.items .info .quantity {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart ul.items .info .priceUpdater .label,
#userbar .miniCart ul.items .info .quantity .label {
    padding-right: 2px
}
#userbar .miniCart ul.items .info .quantity {
    margin-bottom: 10px
}
#userbar .miniCart ul.items .info .quantity .label:after {
    content: ":"
}
#userbar .miniCart ul.items .microCategory {
    display: block;
    padding-top: 7px
}
#userbar .miniCart ul.items .color,
#userbar .miniCart ul.items .size,
#userbar .miniCart ul.items .separator {
    display: inline
}
#userbar .miniCart ul.items .price {
    display: block;
    width: 60px
}
html.kr #userbar .miniCart ul.items .price {
    width: 70px
}
#userbar .miniCart ul.items .price.full {
    margin-bottom: 0;
    text-decoration: line-through;
    float: left
}
#userbar .miniCart ul.items .markdown {
    width: 30px;
    float: left
}
#userbar .miniCart ul.items .colorSize {
    display: none
}
#userbar .miniCart ul.items .remove {
    display: inline-block;
    vertical-align: middle;
    transition: color 200ms ease;
    display: block;
    position: absolute;
    cursor: pointer;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    color: #7c7c7c;
    font-size: 15px
}
#userbar .miniCart ul.items .remove:hover {
    color: #000
}
#userbar .miniCart ul.items .remove .label,
#userbar .miniCart ul.items .color .label,
#userbar .miniCart ul.items .size .label,
#userbar .miniCart ul.items .size .classFamily {
    display: none
}
.appDownloadLayerActive #userbar .miniCart>.inner {
    height: calc(100vh - 110px)
}
#userbar .miniCart>.inner {
    padding: 16px 13px;
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    #userbar .miniCart>.inner {
        height: calc(100vh - 40px);
        padding: 16px 13px 0
    }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    #userbar .miniCart>.inner {
        height: calc(100vh - 40px);
        padding: 16px 13px 0
    }
}
#userbar .miniCart>.inner.notEmpty {
    opacity: 0
}
#userbar .miniCart>.inner .productAdded {
    display: none
}
#userbar .miniCart>.inner .title {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11.4px;
    letter-spacing: 1.5px
}
#userbar .miniCart>.inner .title {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart>.inner .title {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart>.inner .title {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart>.inner .title {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart>.inner .emptyCart {
    margin-top: 150px;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 14px
}
#userbar .miniCart>.inner .emptyCart {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart>.inner .emptyCart {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart>.inner .emptyCart {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart>.inner .emptyCart {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart>.inner div.prodsContainer {
    opacity: 1;
    margin: 25px 5px 20px;
    border-bottom: 1px solid #fff;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}
#userbar .miniCart>.inner div.prodsContainer.noPromotions {
    border-bottom: 1px solid #ebebeb
}
#userbar .miniCart>.inner section.noPromotions {
    display: none
}
#userbar .miniCart>.inner section.promotions {
    border: 1px solid #000;
    width: 274px;
    margin: 36px 0 60px;
    position: relative
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    #userbar .miniCart>.inner section.promotions {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    #userbar .miniCart>.inner section.promotions {
        margin: 60px 0 30px
    }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    #userbar .miniCart>.inner section.promotions {
        margin: 30px 0 60px
    }
}
#userbar .miniCart>.inner section.promotions:before,
#userbar .miniCart>.inner section.promotions:after {
    position: absolute;
    width: 244px;
    display: block;
    content: " ";
    background-color: #fff;
    height: 3px;
    position: relative;
    left: 14px
}
#userbar .miniCart>.inner section.promotions:before {
    top: -2px
}
#userbar .miniCart>.inner section.promotions:after {
    bottom: -2px
}
#userbar .miniCart>.inner section.promotions ul.promotionList {
    width: 243px;
    margin: 0 auto;
    position: relative
}
#userbar .miniCart>.inner section.promotions li.promotionEntry {
    padding: 9px 0
}
#userbar .miniCart>.inner section.promotions .longDescription {
    display: none
}
#userbar .miniCart>.inner section.promotions .shortDescription,
#userbar .miniCart>.inner section.promotions .longDescription {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase
}
#userbar .miniCart>.inner section.promotions .shortDescription,
#userbar .miniCart>.inner section.promotions .longDescription {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart>.inner section.promotions .shortDescription,
.fonts-loaded.ru #userbar .miniCart>.inner section.promotions .longDescription {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart>.inner section.promotions .shortDescription,
.fonts-loaded.jp #userbar .miniCart>.inner section.promotions .longDescription {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart>.inner section.promotions .shortDescription,
.fonts-loaded.kr #userbar .miniCart>.inner section.promotions .longDescription {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart>.inner .paypalOrLabel {
    text-align: center;
    width: 100%;
    font-size: 100%;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    display: none
}
#userbar .miniCart>.inner .paypalExpressCheckoutButton+.paypalOrLabel {
    display: block
}
#userbar .miniCart>.inner .paypalExpress {
    text-align: center;
    position: relative
}
#userbar .miniCart>.inner .paypalExpress button.paypalExpressButton {
    margin: 0;
    width: 218px;
    height: auto;
    padding-top: 20px
}
#userbar .miniCart>.inner .paypalExpress button.paypalExpressButton img {
    width: 100%
}
#userbar .miniCart>.inner .miniCartBottom {
    text-align: center
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    #userbar .miniCart>.inner .miniCartBottom {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}
#userbar .miniCart>.inner .miniCartBottom .ProductSubtotal {
    width: 100%;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px
}
#userbar .miniCart>.inner .miniCartBottom .ProductSubtotal {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart>.inner .miniCartBottom .ProductSubtotal {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart>.inner .miniCartBottom .ProductSubtotal {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart>.inner .miniCartBottom .ProductSubtotal {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart>.inner .miniCartBottom .ProductSubtotal .label {
    float: left;
    width: 45%;
    text-align: left
}
html.kr #userbar .miniCart>.inner .miniCartBottom .ProductSubtotal .label {
    width: 30%
}
#userbar .miniCart>.inner .miniCartBottom .ProductSubtotal .totalPrices {
    width: 54%;
    float: right;
    text-align: right
}
#userbar .miniCart>.inner .miniCartBottom .checkoutButton {
    width: 220px
}
#userbar .miniCart>.inner .miniCartBottom .checkoutButton img {
    width: 100%
}
#userbar .miniCart>.inner .miniCartBottom .goToCartLink {
    transition: color, background-color;
    color: #fff;
    border: 1px solid false;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px;
    width: 275px;
    text-align: center;
    padding: 13px 14px 14px 14px;
    font-size: 14px;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    margin: 20px 0
}
#userbar .miniCart>.inner .miniCartBottom .goToCartLink .icon {
    display: none
}
#userbar .miniCart>.inner .miniCartBottom .goToCartLink .text,
#userbar .miniCart>.inner .miniCartBottom .goToCartLink .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru #userbar .miniCart>.inner .miniCartBottom .goToCartLink .text,
.ru #userbar .miniCart>.inner .miniCartBottom .goToCartLink .label {
    font-family: Arial, sans-serif
}
.jp #userbar .miniCart>.inner .miniCartBottom .goToCartLink .text,
.jp #userbar .miniCart>.inner .miniCartBottom .goToCartLink .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr #userbar .miniCart>.inner .miniCartBottom .goToCartLink .text,
.kr #userbar .miniCart>.inner .miniCartBottom .goToCartLink .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart>.inner .miniCartBottom .goToCartLink .hidden {
    display: none
}
#userbar .miniCart>.inner .miniCartBottom .goToCartLink {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .miniCart>.inner .miniCartBottom .goToCartLink {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .miniCart>.inner .miniCartBottom .goToCartLink {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .miniCart>.inner .miniCartBottom .goToCartLink {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .miniCart>.inner #ddpddusr {
    width: 100%;
    text-align: right;
    padding-bottom: 9px;
    padding-top: 16px;
    text-transform: uppercase;
    font-size: 10px
}
#userbar .account .inner {
    padding: 0 13px
}
.inputReset,
.lensIcon {
    overflow: visible;
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 1
}
.inputReset.resetIcon,
.lensIcon.resetIcon {
    width: 12px;
    height: 12px;
    position: relative;
    position: absolute;
    cursor: pointer;
    width: 34px;
    height: 34px
}
.inputReset.resetIcon:before,
.inputReset.resetIcon:after,
.lensIcon.resetIcon:before,
.lensIcon.resetIcon:after {
    position: absolute;
    left: 6px;
    content: ' ';
    height: calc(12px - 1px);
    width: 1px;
    background-color: #000
}
.inputReset.resetIcon:before,
.lensIcon.resetIcon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.inputReset.resetIcon:after,
.lensIcon.resetIcon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.inputReset.resetIcon:after,
.inputReset.resetIcon:before,
.lensIcon.resetIcon:after,
.lensIcon.resetIcon:before {
    top: 14px;
    left: 21px
}
.lensIcon:after {
    font-family: "Icons";
    content: "";
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'Icons' !important;
    color: #000;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.search .inner {
    padding: 16px 13px;
    position: relative
}
.search .textSearchBrandSwitch {
    margin-top: 49px
}
.search .textSearchBrandSwitch .label {
    display: none
}
.search .searchIntro {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 2px
}
.search .searchIntro {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .search .searchIntro {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .search .searchIntro {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .search .searchIntro {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.search .fieldLabel {
    padding-left: 25px
}
.search .lensIcon {
    top: 220px;
    right: 11px
}
.search form {
    position: relative;
    margin-top: 49px;
    text-align: left
}
.search form input[type="text"] {
    border: none;
    border-bottom: 1px solid #000;
    text-indent: 5px;
    letter-spacing: 1px;
    padding-bottom: 7px;
    text-transform: uppercase;
    background: none
}
.search form button[type="submit"] {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: none;
    font-size: 0;
    overflow: visible
}
.search #suggestionContainer {
    padding: 20px 0 30px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}
.search #suggestionContainer .suggestionTitle {
    display: none
}
.search #suggestionContainer .suggestions li {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    height: 38px;
    line-height: 39px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}
.search #suggestionContainer .suggestions li {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .search #suggestionContainer .suggestions li {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .search #suggestionContainer .suggestions li {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .search #suggestionContainer .suggestions li {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.search #suggestionContainer .suggestions li>a {
    padding-bottom: 3px;
    background: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/underline_light.svg") no-repeat -400px 100%;
    transition: background-position 300ms ease-in-out
}
.search #suggestionContainer .suggestions li>a:hover {
    background-position: 0 bottom
}
.search #suggestionContainer .suggestions li>a .NumItems {
    display: none
}
.privacyDisclamer {
    line-height: 20px
}
.privacyDisclamer a {
    text-decoration: underline
}
#userbar .accountIntro {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 13px 0;
    margin-bottom: 32px;
    font-size: 11px;
    letter-spacing: 1px
}
#userbar .accountIntro {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .accountIntro {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .accountIntro {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .accountIntro {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .myAccountTitleSidebar {
    text-align: left;
    padding: 13px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    width: 240px
}
#userbar .customMyAccountMenu .welcomeMessage {
    display: none
}
#userbar .customMyAccountMenu .introSubtitle {
    display: none
}
#userbar .customMyAccountMenu .loginLayerContainer {
    position: relative
}
#userbar .customMyAccountMenu .loginLayerContainer .innerTitle {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 25px
}
#userbar .customMyAccountMenu .loginLayerContainer .innerTitle {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .loginLayerContainer .innerTitle {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .loginLayerContainer .innerTitle {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .loginLayerContainer .innerTitle {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .loginLayerContainer .fieldRow {
    width: 100%
}
#userbar .customMyAccountMenu .loginLayerContainer .password {
    margin-bottom: 10px
}
#userbar .customMyAccountMenu .loginLayerContainer input {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 2px
}
#userbar .customMyAccountMenu .loginLayerContainer input {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .loginLayerContainer input {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .loginLayerContainer input {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .loginLayerContainer input {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .loginLayerContainer input.invalid {
    border: 1px solid #ab3042
}
#userbar .customMyAccountMenu .loginLayerContainer label {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: none
}
#userbar .customMyAccountMenu .loginLayerContainer label {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .loginLayerContainer label {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .loginLayerContainer label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .loginLayerContainer label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .loginLayerContainer .submit {
    margin: 25px 0
}
#userbar .customMyAccountMenu .loginLayerContainer .submit .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
#userbar .customMyAccountMenu .loginLayerContainer .submit .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .loginLayerContainer .submit .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .loginLayerContainer .submit .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .loginLayerContainer .submit .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .loginLayerContainer .inputReset {
    right: 5px;
    display: none
}
#userbar .customMyAccountMenu .loginLayerContainer .inputReset.emailInput {
    top: 57px
}
#userbar .customMyAccountMenu .loginLayerContainer .inputReset.passwordInput {
    top: 137px
}
#userbar .customMyAccountMenu .loginLayerContainer .inputReset.resetIcon {
    display: block
}
#userbar .customMyAccountMenu .serverSideErrors {
    position: absolute;
    top: 20px
}
#userbar .customMyAccountMenu #passwordRecoveryLink {
    margin-bottom: 5px
}
#userbar .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #999;
    text-decoration: underline
}
#userbar .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .button {
    transition: color, background-color;
    color: #000;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px
}
#userbar .customMyAccountMenu .button .icon {
    display: none
}
#userbar .customMyAccountMenu .button .text,
#userbar .customMyAccountMenu .button .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru #userbar .customMyAccountMenu .button .text,
.ru #userbar .customMyAccountMenu .button .label {
    font-family: Arial, sans-serif
}
.jp #userbar .customMyAccountMenu .button .text,
.jp #userbar .customMyAccountMenu .button .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr #userbar .customMyAccountMenu .button .text,
.kr #userbar .customMyAccountMenu .button .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .button .hidden {
    display: none
}
#userbar .customMyAccountMenu .submit,
#userbar .customMyAccountMenu .button {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 10px;
    letter-spacing: 2px;
    margin-top: 33px
}
#userbar .customMyAccountMenu .submit,
#userbar .customMyAccountMenu .button {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .submit,
.fonts-loaded.ru #userbar .customMyAccountMenu .button {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .submit,
.fonts-loaded.jp #userbar .customMyAccountMenu .button {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .submit,
.fonts-loaded.kr #userbar .customMyAccountMenu .button {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .registrationLayerContainer {
    margin-top: 17px
}
#userbar .customMyAccountMenu .registrationLayerContainer .innerTitle {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    padding-top: 40px;
    border-top: 1px solid #DBDBDB
}
#userbar .customMyAccountMenu .registrationLayerContainer .innerTitle {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .registrationLayerContainer .innerTitle {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .registrationLayerContainer .innerTitle {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .registrationLayerContainer .innerTitle {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .registrationLayerContainer p {
    margin-top: 23px;
    line-height: 15px;
    letter-spacing: 1px
}
#userbar .customMyAccountMenu .registrationLayerContainer .button {
    padding: 13px;
    margin-top: 33px
}
#userbar .customMyAccountMenu .registrationLayerContainer .button .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
#userbar .customMyAccountMenu .registrationLayerContainer .button .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .registrationLayerContainer .button .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .registrationLayerContainer .button .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .registrationLayerContainer .button .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .accountNavigationContainer {
    padding-top: 43px;
    margin-top: 7px
}
#userbar .customMyAccountMenu .accountNavigationContainer .accountTitle {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: left
}
#userbar .customMyAccountMenu .accountNavigationContainer.loggedMenu {
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.1px
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li {
    position: relative;
    padding: 10px 0;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 30px
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li:first-child {
    padding-top: 16px
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li div {
    display: inline-block;
    vertical-align: middle
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li .additionaInfo {
    float: right
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li .counterLabel {
    display: none
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li.profileMenu:after {
    font-family: "Icons";
    content: "";
    float: right
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li.wishlistMenu .wishlistCounter {
    display: block;
    text-align: center;
    line-height: 34px
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li.myPromotionsMenu {
    padding-bottom: 28px
}
#userbar .customMyAccountMenu .accountNavigationContainer .logged li.logoutContainer {
    padding: 26px 0
}
#userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
#userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name,
#userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .surname {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
#userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name,
#userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .surname {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name,
.fonts-loaded.ru #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .surname {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name,
.fonts-loaded.jp #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .surname {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name,
.fonts-loaded.kr #userbar .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .surname {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#userbar .customMyAccountMenu .accountNavigationContainer .logoutContainer {
    border-top: 1px solid #B9B9B9;
    padding: 18px 0
}
.passwordInputWrapper {
    position: relative;
    margin-bottom: 14px
}
.passwordInputWrapper:before,
.passwordInputWrapper:after {
    content: ' ';
    display: table
}
.passwordInputWrapper:after {
    clear: both
}
.bars,
.passwordLength {
    position: absolute;
    top: 76px;
    width: 50%
}
.bars {
    left: 2px
}
.fieldRow.password .fieldHint {
    right: 0;
    font-size: 12px;
    text-align: right;
    text-transform: lowercase;
    color: #636466;
    position: absolute;
    top: 0
}
.uiLayer-newsletterLink .mfp-content {
    width: 436px
}
.uiLayer-newsletterLink #subscribeNewsletterSuccess {
    padding: 0 28px 20px
}
.uiLayer-newsletterLink #subscribeNewsletterSuccess .innerTitle {
    margin-bottom: 16px;
    font-size: 22px;
    text-align: left
}
.uiLayer-newsletterLink #subscribeNewsletterSuccess p {
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}
.uiLayer-newsletterLink .surveyContainer {
    margin: 26px 0 30px
}
.uiLayer-newsletterLink .disclaimer {
    margin-bottom: 30px;
    font-size: 11px;
    text-align: justify;
    line-height: 14px
}
.uiLayer-newsletterLink .disclaimer a {
    text-decoration: underline
}
#btn-showmenu {
    position: fixed;
    top: 50px;
    left: 0;
    font-size: 22px;
    padding: 34px;
    z-index: 10;
    display: none;
    background: #404040;
    border: 1px solid #000;
    cursor: pointer
}
.wishlist {
    display: none;
    text-align: center
}
.wishlist ul.items li {
    height: 100%;
    overflow: hidden
}
.wishlist ul.items .inner {
    position: relative
}
.wishlist ul.items .inner:before,
.wishlist ul.items .inner:after {
    content: ' ';
    display: table
}
.wishlist ul.items .inner:after {
    clear: both
}
.wishlist ul.items .image,
.wishlist ul.items .info {
    display: inline-block;
    vertical-align: middle;
    float: left;
    height: 100%
}
.wishlist ul.items .image:before,
.wishlist ul.items .image:after,
.wishlist ul.items .info:before,
.wishlist ul.items .info:after {
    content: ' ';
    display: table
}
.wishlist ul.items .image:after,
.wishlist ul.items .info:after {
    clear: both
}
.wishlist ul.items a:before,
.wishlist ul.items a:after {
    content: ' ';
    display: table
}
.wishlist ul.items a:after {
    clear: both
}
.wishlist ul.items .image {
    width: 100px
}
.wishlist ul.items img {
    margin: 0 auto
}
.wishlist ul.items .microCategory {
    display: block;
    padding-top: 7px
}
.wishlist ul.items .color,
.wishlist ul.items .size,
.wishlist ul.items .separator {
    display: inline
}
.wishlist ul.items .price {
    display: block;
    margin: 10px 0 22px
}
.wishlist ul.items .price.full {
    margin-bottom: 0
}
.wishlist ul.items .price.discounted {
    margin-top: 5px
}
.wishlist ul.items .colorSize {
    padding-bottom: 5px
}
.wishlist ul.items .colorSize:before,
.wishlist ul.items .colorSize:after {
    content: ' ';
    display: table
}
.wishlist ul.items .colorSize:after {
    clear: both
}
.wishlist ul.items .remove .label,
.wishlist ul.items .color .label,
.wishlist ul.items .size .label,
.wishlist ul.items .size .classFamily {
    display: none
}
.wishlist .emptyWishList {
    padding: 0 40px;
    width: 100%
}
.wishlist li.isSoldOut {
    opacity: 0.5
}
.wishlist li.isSoldOut .full,
.wishlist li.isSoldOut .markdown {
    display: none
}
.wishlist .colorSize {
    margin: 18px 0
}
.wishlist .alertMessages .isSoldOut {
    text-transform: uppercase;
    padding: 3px 14px
}
.wishlist .wishlistBottom {
    height: 85px;
    width: 250px;
    bottom: 0;
    padding-top: 20px
}
.wishlist .viewAllLink {
    transition: color, background-color;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px;
    width: 100%;
    text-transform: uppercase
}
.wishlist .viewAllLink .icon {
    display: none
}
.wishlist .viewAllLink .text,
.wishlist .viewAllLink .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .wishlist .viewAllLink .text,
.ru .wishlist .viewAllLink .label {
    font-family: Arial, sans-serif
}
.jp .wishlist .viewAllLink .text,
.jp .wishlist .viewAllLink .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .wishlist .viewAllLink .text,
.kr .wishlist .viewAllLink .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.wishlist .viewAllLink .hidden {
    display: none
}
.wishlist .guest .wishlistLayerDescription {
    text-align: center;
    width: 100%;
    padding: 0 30px
}
.wishlist .guest .wishlistBottom,
.wishlist .guest .goToWishlist {
    display: none
}
body#search .mainmenu {
    top: 6px
}
.mainMenuSidebar {
    width: 100%
}
.mainMenuSidebar .menuContent {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.3s;
    background: #fff;
    z-index: 30
}
.mainMenuSidebar .menuContent.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.mainMenuSidebar .backTo {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 50px;
    height: 50px;
    padding-left: 32px
}
.mainMenuSidebar .backTo {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenuSidebar .backTo {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenuSidebar .backTo {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenuSidebar .backTo {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenuSidebar .backTo:before {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    position: absolute;
    top: 42%;
    left: 16px
}
.mainMenuSidebar [data-level="0"]>li {
    background: #fff
}
.mainMenuSidebar [data-level="0"]>li>a,
.mainMenuSidebar [data-level="0"]>li>div {
    display: block;
    position: relative;
    padding-left: 15px
}
.mainMenuSidebar [data-level="0"]>li>a:after,
.mainMenuSidebar [data-level="0"]>li>div:after {
    border-top: 1px solid #171717;
    border-left: 1px solid #171717;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
    position: absolute;
    top: 42%;
    right: 8%
}
.mainMenuSidebar [data-level="1"] {
    display: none
}
.mainMenuSidebar [data-level="1"]>li {
    background: #fff;
    transition: background 0.3s;
    overflow: hidden
}
.mainMenuSidebar [data-level="1"]>li>a,
.mainMenuSidebar [data-level="1"]>li>div {
    position: relative;
    padding-left: 35px;
    white-space: nowrap
}
.mainMenuSidebar [data-level="1"]>li.hasChildren {
    max-height: 45px;
    overflow: hidden;
    transition: all 0.4s
}
.mainMenuSidebar [data-level="1"]>li.hasChildren>a:before,
.mainMenuSidebar [data-level="1"]>li.hasChildren>a:after,
.mainMenuSidebar [data-level="1"]>li.hasChildren>div:before,
.mainMenuSidebar [data-level="1"]>li.hasChildren>div:after {
    position: absolute;
    top: 50%;
    right: 25px;
    content: "";
    width: 11px;
    height: 1px;
    background-color: #999;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}
.mainMenuSidebar [data-level="1"]>li.hasChildren>a:after,
.mainMenuSidebar [data-level="1"]>li.hasChildren>div:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.mainMenuSidebar [data-level="1"]>li.selected {
    max-height: 1200px;
    background: #f7f7f7
}
.mainMenuSidebar [data-level="1"]>li.selected>a,
.mainMenuSidebar [data-level="1"]>li.selected>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mainMenuSidebar [data-level="1"]>li.selected>a,
.mainMenuSidebar [data-level="1"]>li.selected>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenuSidebar [data-level="1"]>li.selected>a,
.fonts-loaded.ru .mainMenuSidebar [data-level="1"]>li.selected>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenuSidebar [data-level="1"]>li.selected>a,
.fonts-loaded.jp .mainMenuSidebar [data-level="1"]>li.selected>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenuSidebar [data-level="1"]>li.selected>a,
.fonts-loaded.kr .mainMenuSidebar [data-level="1"]>li.selected>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenuSidebar [data-level="1"]>li.selected>a:after,
.mainMenuSidebar [data-level="1"]>li.selected>div:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}
.mainMenuSidebar [data-level="1"]>li[data-target-code*="_notitle"]>div,
.mainMenuSidebar [data-level="1"]>li[data-target-code*="_notitle"]>a {
    display: none
}
.mainMenuSidebar [data-level="1"].selected {
    display: block
}
.mainMenuSidebar [data-level="2"]>li:not(:last-child) {
    border-bottom: 1px solid #DBDBDB
}
.mainMenuSidebar [data-level="2"]>li>a,
.mainMenuSidebar [data-level="2"]>li>div {
    padding-left: 40px
}
.mainMenuSidebar [data-level="2"]>li>a,
.mainMenuSidebar [data-level="2"]>li>div {
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}
.mainMenuSidebar [data-level="2"]>li>a:after,
.mainMenuSidebar [data-level="2"]>li>div:after {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    content: "";
    position: absolute;
    top: 50%;
    top: calc(50% - 1px);
    right: 25px;
    margin-top: -5px;
    transition: all 0.2s
}
.mainMenuSidebar [data-level="2"]>li.menuItem {
    max-height: 45px;
    overflow: hidden;
    transition: all 0.4s
}
.mainMenuSidebar [data-level="2"]>li.menuItem.selected {
    max-height: 1200px
}
.mainMenuSidebar [data-level="2"]>li.selected>a,
.mainMenuSidebar [data-level="2"]>li.selected>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mainMenuSidebar [data-level="2"]>li.selected>a,
.mainMenuSidebar [data-level="2"]>li.selected>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenuSidebar [data-level="2"]>li.selected>a,
.fonts-loaded.ru .mainMenuSidebar [data-level="2"]>li.selected>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenuSidebar [data-level="2"]>li.selected>a,
.fonts-loaded.jp .mainMenuSidebar [data-level="2"]>li.selected>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenuSidebar [data-level="2"]>li.selected>a,
.fonts-loaded.kr .mainMenuSidebar [data-level="2"]>li.selected>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenuSidebar [data-level="2"]>li.selected>a:after,
.mainMenuSidebar [data-level="2"]>li.selected>div:after {
    margin-top: -2.5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.mainMenuSidebar [data-level="2"]>li[data-target-code*="_notitle"] {
    max-height: 1200px
}
.mainMenuSidebar [data-level="2"]>li[data-target-code*="_notitle"]>div,
.mainMenuSidebar [data-level="2"]>li[data-target-code*="_notitle"]>a {
    display: none
}
.mainMenuSidebar [data-level="4"]>li>a,
.mainMenuSidebar [data-level="4"]>li>div {
    padding-left: 45px;
    font-size: 10px
}
.mainMenuSidebar [data-level="4"]>li:not(.hasChildren)>a .text,
.mainMenuSidebar [data-level="4"]>li:not(.hasChildren)>div .text {
    background: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/underline_light.svg") no-repeat -400px 100%;
    transition: background-position 300ms ease-in-out
}
.mainMenuSidebar [data-level="4"]>li:not(.hasChildren)>a .text:hover,
.mainMenuSidebar [data-level="4"]>li:not(.hasChildren)>div .text:hover {
    background-position: 0 bottom
}
.mainMenuSidebar [data-level="4"]>li:not(.hasChildren).selected>a .text {
    background-position: 0 bottom
}
.mainMenuSidebar [data-level="4"]>li.hasChildren>a,
.mainMenuSidebar [data-level="4"]>li.hasChildren>div {
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}
.mainMenuSidebar [data-level="4"]>li.hasChildren>a:after,
.mainMenuSidebar [data-level="4"]>li.hasChildren>div:after {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    content: "";
    position: absolute;
    top: 50%;
    top: calc(50% - 1px);
    right: 25px;
    margin-top: -5px;
    transition: all 0.2s
}
.mainMenuSidebar [data-level="4"]>li.hasChildren.menuItem {
    max-height: 45px;
    overflow: hidden;
    transition: all 0.4s
}
.mainMenuSidebar [data-level="4"]>li.hasChildren.menuItem.selected {
    max-height: 1200px
}
.mainMenuSidebar [data-level="4"]>li.hasChildren.selected>a,
.mainMenuSidebar [data-level="4"]>li.hasChildren.selected>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mainMenuSidebar [data-level="4"]>li.hasChildren.selected>a,
.mainMenuSidebar [data-level="4"]>li.hasChildren.selected>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenuSidebar [data-level="4"]>li.hasChildren.selected>a,
.fonts-loaded.ru .mainMenuSidebar [data-level="4"]>li.hasChildren.selected>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenuSidebar [data-level="4"]>li.hasChildren.selected>a,
.fonts-loaded.jp .mainMenuSidebar [data-level="4"]>li.hasChildren.selected>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenuSidebar [data-level="4"]>li.hasChildren.selected>a,
.fonts-loaded.kr .mainMenuSidebar [data-level="4"]>li.hasChildren.selected>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenuSidebar [data-level="4"]>li.hasChildren.selected>a:after,
.mainMenuSidebar [data-level="4"]>li.hasChildren.selected>div:after {
    margin-top: -2.5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.mainMenuSidebar [data-level="5"]>li>a,
.mainMenuSidebar [data-level="5"]>li>div {
    padding-left: 50px;
    font-size: 10px
}
.mainMenuSidebar [data-level="5"]>li>a .text,
.mainMenuSidebar [data-level="5"]>li>div .text {
    background: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/underline_light.svg") no-repeat -400px 100%;
    transition: background-position 300ms ease-in-out
}
.mainMenuSidebar [data-level="5"]>li>a .text:hover,
.mainMenuSidebar [data-level="5"]>li>div .text:hover {
    background-position: 0 bottom
}
.mainMenuSidebar [data-level="5"]>li.selected>a .text {
    background-position: 0 bottom
}
.mainMenuSidebar .menuItem>a,
.mainMenuSidebar .menuItem>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    display: block;
    font-size: 11px;
    line-height: 15px;
    height: 45px;
    padding: 15px 45px 15px 0
}
.mainMenuSidebar .menuItem>a,
.mainMenuSidebar .menuItem>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenuSidebar .menuItem>a,
.fonts-loaded.ru .mainMenuSidebar .menuItem>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenuSidebar .menuItem>a,
.fonts-loaded.jp .mainMenuSidebar .menuItem>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenuSidebar .menuItem>a,
.fonts-loaded.kr .mainMenuSidebar .menuItem>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenuSidebar .menuItem>a .text,
.mainMenuSidebar .menuItem>div .text {
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    text-transform: uppercase;
    overflow: hidden
}
.mainMenuSidebar .menuItem.images {
    display: none
}
.mainMenuSidebar .menuItem[data-target-code*="_hidden_smartphone"] {
    display: none
}
.mainMenu {
    position: relative
}
.mainMenu.open {
    background: #fff
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .mainMenu {
        display: none
    }
}
.mainMenu .menuTop {
    position: relative;
    text-align: right;
    padding: 52px 0 0;
    margin: 0;
    width: 100%
}
#home .mainMenu .menuTop {
    max-width: 1860px
}
.headerCompact .mainMenu .menuTop {
    left: inherit;
    padding: 0;
    width: 100%;
    text-align: left
}
.mainMenu [data-level="0"] {
    height: 22px
}
.headerCompact .mainMenu [data-level="0"] {
    height: auto
}
.mainMenu [data-level="0"] li {
    padding: 0 0 0 38px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    text-transform: uppercase;
    color: #000
}
.mainMenu [data-level="0"] li>a,
.mainMenu [data-level="0"] li>div {
    background: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/underline.svg") no-repeat -400px 100%;
    transition: background-position 300ms ease-in-out;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    transition: background 0.3s;
    position: relative;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 1.7px;
    cursor: pointer
}
.mainMenu [data-level="0"] li>a:hover,
.mainMenu [data-level="0"] li>div:hover {
    background-position: 0 bottom
}
.mainMenu [data-level="0"] li>a,
.mainMenu [data-level="0"] li>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu [data-level="0"] li>a,
.fonts-loaded.ru .mainMenu [data-level="0"] li>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu [data-level="0"] li>a,
.fonts-loaded.jp .mainMenu [data-level="0"] li>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu [data-level="0"] li>a,
.fonts-loaded.kr .mainMenu [data-level="0"] li>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.headerCompact .mainMenu [data-level="0"] li>a,
.headerCompact .mainMenu [data-level="0"] li>div {
    height: 44px;
    line-height: 44px
}
.mainMenu [data-level="0"] li:hover>a,
.mainMenu [data-level="0"] li:hover>div {
    background-position: 0 bottom
}
.mainMenu [data-level="0"] li.selected>a,
.mainMenu [data-level="0"] li.selected>div {
    background-position: 0 bottom;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 1.7px
}
.mainMenu [data-level="0"] li.selected>a,
.mainMenu [data-level="0"] li.selected>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu [data-level="0"] li.selected>a,
.fonts-loaded.ru .mainMenu [data-level="0"] li.selected>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu [data-level="0"] li.selected>a,
.fonts-loaded.jp .mainMenu [data-level="0"] li.selected>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu [data-level="0"] li.selected>a,
.fonts-loaded.kr .mainMenu [data-level="0"] li.selected>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>a,
.mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>div {
    background-position: 0 bottom;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 1.7px
}
.mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>a,
.mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>a,
.fonts-loaded.ru .mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>a,
.fonts-loaded.jp .mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>a,
.fonts-loaded.kr .mainMenu [data-level="0"]:not(.childIsSelected)>li.hasSelectedChild>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu .menuContent {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    display: none;
    position: absolute;
    top: 100%;
    border-top: 1px solid #000;
    width: 100%;
    min-height: 80px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    background: white
}
.mainMenu .menuContent {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu .menuContent {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu .menuContent {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu .menuContent {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu .menuContent.open {
    display: block
}
.mainMenu .menuContentWrapper {
    position: relative;
    margin: 15px auto 0
}
@media only screen and (min-width: 1540px) {
    .mainMenu .menuContentWrapper {
        padding: 0 30px
    }
}
.mainMenu .closeMenu {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    padding: 15px 0;
    cursor: pointer
}
@media only screen and (min-width: 1540px) {
    .mainMenu .closeMenu {
        right: 30px
    }
}
.mainMenu .closeMenu span.text {
    float: left;
    padding: 1px 5px 0 0;
    font-size: 9px;
    line-height: 14px;
    text-transform: uppercase
}
.mainMenu .closeMenu span.icon-close {
    font-size: 14px
}
.mainMenu .menuItem[data-target-code="images"] {
    width: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.mainMenu .menuItem[data-target-code="images"]>div,
.mainMenu .menuItem[data-target-code="images"] .text,
.mainMenu .menuItem[data-target-code="images"] .icon {
    display: none
}
.mainMenu .menuItem[data-target-code="images"]>ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mainMenu .menuItem[data-target-code="images"] img {
    max-width: 100%
}
.mainMenu [data-level="1"] {
    display: none;
    width: 100%;
    border-bottom: 1px solid #000;
    color: #000
}
.mainMenu [data-level="1"]:before,
.mainMenu [data-level="1"]:after {
    content: ' ';
    display: table
}
.mainMenu [data-level="1"]:after {
    clear: both
}
.mainMenu [data-level="1"].selected {
    display: block
}
.mainMenu [data-level="1"]>li {
    float: left;
    min-width: 230px
}
.mainMenu [data-level="1"]>li>a,
.mainMenu [data-level="1"]>li>div {
    background: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/underline.svg") no-repeat -400px 100%;
    transition: background-position 300ms ease-in-out;
    display: block;
    margin-right: 50px;
    padding: 15px 0;
    height: 43px;
    cursor: pointer
}
.mainMenu [data-level="1"]>li>a:hover,
.mainMenu [data-level="1"]>li>div:hover {
    background-position: 0 bottom
}
.mainMenu [data-level="1"]>li.selected>a,
.mainMenu [data-level="1"]>li.selected>div {
    background-position: 0 bottom;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mainMenu [data-level="1"]>li.selected>a,
.mainMenu [data-level="1"]>li.selected>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu [data-level="1"]>li.selected>a,
.fonts-loaded.ru .mainMenu [data-level="1"]>li.selected>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu [data-level="1"]>li.selected>a,
.fonts-loaded.jp .mainMenu [data-level="1"]>li.selected>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu [data-level="1"]>li.selected>a,
.fonts-loaded.kr .mainMenu [data-level="1"]>li.selected>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu [data-level="1"]>li[data-target-code*="_notitle"]>div,
.mainMenu [data-level="1"]>li[data-target-code*="_notitle"]>a {
    opacity: 0;
    cursor: default
}
.mainMenu [data-level="2"] {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 550px;
    padding: 27px 0 41px;
    background: #fff
}
.mainMenu [data-level="2"]:before {
    content: "";
    position: absolute;
    width: 100vw;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    height: calc(100% - 27px);
    background: white;
    z-index: -1
}
@media only screen and (min-width: 1540px) {
    .mainMenu [data-level="2"] {
        padding-left: 30px;
        padding-right: 30px
    }
    .mainMenu [data-level="2"]:before {
        margin-left: calc(50% - 30px)
    }
}
@media only screen and (min-width: 1367px) {
    .mainMenu [data-level="2"] {
        height: 646px
    }
}
.mainMenu [data-level="2"].selected {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mainMenu [data-level="2"]>li:not(.images) {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}
.mainMenu [data-level="2"]>li:not(.images)>div,
.mainMenu [data-level="2"]>li:not(.images)>a {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px
}
.mainMenu [data-level="2"]>li:not(.images)>div,
.mainMenu [data-level="2"]>li:not(.images)>a {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu [data-level="2"]>li:not(.images)>div,
.fonts-loaded.ru .mainMenu [data-level="2"]>li:not(.images)>a {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu [data-level="2"]>li:not(.images)>div,
.fonts-loaded.jp .mainMenu [data-level="2"]>li:not(.images)>a {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu [data-level="2"]>li:not(.images)>div,
.fonts-loaded.kr .mainMenu [data-level="2"]>li:not(.images)>a {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu [data-level="2"]>li:not(.images)[data-target-code*="_notitle"]>div,
.mainMenu [data-level="2"]>li:not(.images)[data-target-code*="_notitle"]>a {
    opacity: 0;
    cursor: default
}
.mainMenu [data-level="2"]>li:not(.images)>[data-level="3"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mainMenu [data-level="2"]>li:not(.images)>[data-level="3"]>li {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50%
}
.mainMenu [data-level="4"] {
    padding-right: 25px;
    min-height: 199px
}
.mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>a,
.mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>div,
.mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    background-position: 0 bottom;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>a,
.mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>div,
.mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.ru .mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>div,
.fonts-loaded.ru .mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.ru .mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.jp .mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>div,
.fonts-loaded.jp .mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.jp .mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.kr .mainMenu [data-level="0"]:not(.childIsSelected)>li.selectedAsDefault>div,
.fonts-loaded.kr .mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.kr .mainMenu [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu [data-level="4"]>li.selectedAsDefault>a>.text,
.mainMenu [data-level="4"]>li.selectedAsDefault>div>.text,
.mainMenu [data-level="5"]>li.selectedAsDefault>a>.text,
.mainMenu [data-level="5"]>li.selectedAsDefault>div>.text {
    background-position: 0 bottom
}
.mainMenu .menuItemSet {
    position: relative
}
.mainMenu .menuItemSet li {
    display: block;
    margin-bottom: 17px
}
.mainMenu .menuItemSet li>a>.text {
    background: url("//media.yoox.biz/ytos/resources/STONEISLAND/svg/shared/underline_light.svg") no-repeat -400px 100%;
    transition: background-position 300ms ease-in-out;
    display: inline;
    padding-bottom: 3px;
    vertical-align: middle;
    line-height: 19px;
    cursor: pointer
}
.mainMenu .menuItemSet li>a>.text:hover {
    background-position: 0 bottom
}
.mainMenu .menuItemSet li.selected>a>.text {
    background-position: 0 bottom
}
.mainMenu .menuItemSet li[data-target-code*="_alignbottom"] {
    position: absolute;
    bottom: 0
}
.mainMenu .menuItemSet li.hasChildren>a .text,
.mainMenu .menuItemSet li.hasChildren>div .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #888
}
.mainMenu .menuItemSet li.hasChildren>a .text:after,
.mainMenu .menuItemSet li.hasChildren>div .text:after {
    content: ":"
}
.mainMenu .menuItemSet li.hasChildren>a .text,
.mainMenu .menuItemSet li.hasChildren>div .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenu .menuItemSet li.hasChildren>a .text,
.fonts-loaded.ru .mainMenu .menuItemSet li.hasChildren>div .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenu .menuItemSet li.hasChildren>a .text,
.fonts-loaded.jp .mainMenu .menuItemSet li.hasChildren>div .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenu .menuItemSet li.hasChildren>a .text,
.fonts-loaded.kr .mainMenu .menuItemSet li.hasChildren>div .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenu .menuItemSet li.hasChildren>div .text {
    background: none;
    cursor: default
}
.mainMenu .menuItemSet li.hasChildren li {
    display: inline-block;
    margin: 23px 30px 0 0
}
.mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.ru .mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.jp .mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>a,
.fonts-loaded.kr .mainMenuSidebar [data-level="1"]:not(.childIsSelected)>li.selectedAsDefault>div {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mainMenuSidebar [data-level="4"]>li.selectedAsDefault>a>.text,
.mainMenuSidebar [data-level="4"]>li.selectedAsDefault>div>.text,
.mainMenuSidebar [data-level="5"]>li.selectedAsDefault>a>.text,
.mainMenuSidebar [data-level="5"]>li.selectedAsDefault>div>.text {
    background-position: 0 bottom
}
#loading {
    background: #fff;
    display: none;
    opacity: 0.5;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
#loading .bar {
    background: #000;
    height: 2px;
    width: 0;
    transition: width 800ms ease-in
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.spinner {
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;
    position: absolute;
    width: 32px;
    height: 32px;
    display: block;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px
}
.column {
    float: left
}
.columns-5>.column {
    width: 20%
}
.columns-4>.column {
    width: 25%
}
.columns-3>.column {
    width: 33.3%
}
.columns-2>.column {
    width: 50%
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden
}
.ir.ielt8 {
    text-indent: -9999px
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}
.link {
    text-decoration: underline;
    cursor: pointer
}
.hidden {
    display: none
}
.is-vHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}
.noScroll {
    overflow: hidden
}
.nativeScroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}
.jspContainer {
    overflow: hidden;
    position: relative
}
.jspPane {
    position: absolute
}
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background: inherit
}
.jspVerticalBar .jspArrow {
    height: 16px
}
.jspVerticalBar .jspArrow:focus {
    outline: none
}
.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: #f00
}
.jspHorizontalBar .jspCap {
    display: none;
    float: left
}
.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}
.jspTrack {
    background: #f0f0f0;
    position: relative
}
.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    width: 4px;
    background: #000;
    cursor: pointer
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}
.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}
.jspArrow .jspDisabled {
    cursor: default;
    background: #80808d
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}
* html .jspCorner {
    margin: 0 -3px 0 0
}
#singleLook .jspTrack {
    background-color: transparent
}
#userbar .jspTrack {
    background-color: transparent
}
#userbar .jspDrag {
    width: 2px
}
.passwordStrengthContainer {
    margin-bottom: 10px
}
.passwordStrengthContainer label {
    padding: 3px 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-transform: uppercase
}
.passwordStrengthContainer label.selected[for=weak],
.passwordStrengthContainer label.selected[for=medium],
.passwordStrengthContainer label.selected[for=strong] {
    color: black
}
.passwordStrengthContainer label.selected[for=weak] {
    border-bottom: 3px solid #ff2c14
}
.passwordStrengthContainer label.selected[for=medium] {
    border-bottom: 3px solid #fc0
}
.passwordStrengthContainer label.selected[for=strong] {
    border-bottom: 3px solid #76c661
}
.passwordStrengthContainer label[for=weak],
.passwordStrengthContainer label[for=medium],
.passwordStrengthContainer label[for=strong] {
    border-bottom: 3px solid white;
    color: #B9B9B9
}
.bars:before,
.bars:after {
    content: ' ';
    display: table
}
.bars:after {
    clear: both
}
.bars.strength_1 {
    color: #ff2c14
}
.bars.strength_1 .str-box.box1 {
    background: #ff2c14
}
.bars.strength_2 {
    color: #fc0
}
.bars.strength_2 .str-box.box1 {
    background: #fc0
}
.bars.strength_2 .str-box.box2 {
    background: #fc0
}
.bars.strength_3 {
    color: #76c661
}
.bars.strength_3 .str-box.box1 {
    background: #76c661
}
.bars.strength_3 .str-box.box2 {
    background: #76c661
}
.bars.strength_3 .str-box.box3 {
    background: #76c661
}
.bars.strength_4 {
    color: #398f22
}
.bars.strength_4 .str-box.box1 {
    background: #398f22
}
.bars.strength_4 .str-box.box2 {
    background: #398f22
}
.bars.strength_4 .str-box.box3 {
    background: #398f22
}
.bars.strength_4 .str-box.box4 {
    background: #398f22
}
.bars.strength_5 {
    color: #355f29
}
.bars.strength_5 .str-box.box1 {
    background: #355f29
}
.bars.strength_5 .str-box.box2 {
    background: #355f29
}
.bars.strength_5 .str-box.box3 {
    background: #355f29
}
.bars.strength_5 .str-box.box4 {
    background: #355f29
}
.bars.strength_5 .str-box.box5 {
    background: #355f29
}
.bars .str-box {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    float: left;
    background-color: #b7bbbd;
    margin-right: 10px;
    border-radius: 4px
}
.bars .str-box div {
    transition: 1s;
    position: absolute;
    width: 0%;
    height: 100%
}
.bars .str-box:last-child {
    margin-right: 0
}
span.password_strength {
    display: none
}
span.password_strength.strength_1 {
    color: #ff2c14
}
span.password_strength.strength_2 {
    color: #fc0
}
span.password_strength.strength_3 {
    color: #76c661
}
span.password_strength.strength_4 {
    color: #398f22
}
span.password_strength.strength_5 {
    color: #355f29
}
.recoveryPasswordForm .buttonsRow .text {
    line-height: 14px
}
.recoveryPasswordForm .buttonsRow button {
    padding: 11px 20px 10px
}
.recoveryPasswordForm .close {
    display: none
}
.recoveryPasswordForm .close:before {
    content: none
}
.uiLayer-newsletterLink .surveyContainer .preferences:before,
.uiLayer-newsletterLink .surveyContainer .preferences:after {
    content: ' ';
    display: table
}
.uiLayer-newsletterLink .surveyContainer .preferences:after {
    clear: both
}
.uiLayer-newsletterLink .surveyContainer .preferences li {
    float: left;
    margin-right: 30px
}
.uiLayer-newsletterLink .surveyContainer .preferences li:before,
.uiLayer-newsletterLink .surveyContainer .preferences li:after {
    content: ' ';
    display: table
}
.uiLayer-newsletterLink .surveyContainer .preferences li:after {
    clear: both
}
.uiLayer-newsletterLink .surveyContainer .preferences li:last-child {
    margin-right: 0
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel,
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldValue {
    float: left
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel {
    height: 20px;
    padding-top: 2px;
    line-height: 18px;
    font-size: 14px;
    color: #636466;
    text-transform: uppercase
}
body.ru .uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel,
.uiLayer-newsletterLink .surveyContainer body.ru .preferences li .fieldLabel {
    font-size: 12px
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel.checked {
    color: #000
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldLabel label {
    cursor: pointer
}
.uiLayer-newsletterLink .surveyContainer .preferences li .fieldValue {
    margin-right: 16px
}
#errors #main {
    border-top: 1px solid #DBDBDB;
    padding: 7% 3%
}
#errors #main #info404 {
    margin: 80px auto;
    text-align: center
}
#errors #main #info404 .sorry {
    margin: 0 auto
}
#errors #main #info404 .sorry .title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 52px;
    text-transform: uppercase
}
#errors #main #info404 .sorry .body {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 48px
}
#errors #main .button {
    min-width: 190px;
    padding: 11px 10px;
    text-align: center;
    text-transform: uppercase
}
.loginRegisterBox {
    padding: 0 21px
}
.loginRegisterBox h2,
.loginRegisterBox .welcomeMessage,
.loginRegisterBox .accountIntro {
    text-transform: uppercase;
    letter-spacing: 1px
}
.loginRegisterBox .accountIntro {
    display: none
}
.loginRegisterBox .welcomeMessage .name {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.loginRegisterBox .welcomeMessage .name {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .welcomeMessage .name {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .welcomeMessage .name {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .welcomeMessage .name {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .welcomeMessage .surname {
    display: none
}
.jp .loginRegisterBox .welcomeMessage .surname,
.kr .loginRegisterBox .welcomeMessage .surname {
    display: inline
}
.loginRegisterBox .introSubtitle {
    display: none
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer {
    position: relative
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer h2 {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 25px
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer h2 {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .loginLayerContainer h2 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .loginLayerContainer h2 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .loginLayerContainer h2 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer .fieldRow {
    width: 100%
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer .password {
    margin-bottom: 10px
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer input {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 2px
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer input {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .loginLayerContainer input {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .loginLayerContainer input {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .loginLayerContainer input {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer input.invalid {
    border: 1px solid #ab3042
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer label {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: none
}
.loginRegisterBox .customMyAccountMenu .loginLayerContainer label {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .loginLayerContainer label {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .loginLayerContainer label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .loginLayerContainer label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu #passwordRecoveryLink {
    margin-bottom: 5px
}
.loginRegisterBox .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #999;
    text-decoration: underline
}
.loginRegisterBox .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu #passwordRecoveryLink .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .button {
    transition: color, background-color;
    color: #000;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px
}
.loginRegisterBox .customMyAccountMenu .button .icon {
    display: none
}
.loginRegisterBox .customMyAccountMenu .button .text,
.loginRegisterBox .customMyAccountMenu .button .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .loginRegisterBox .customMyAccountMenu .button .text,
.ru .loginRegisterBox .customMyAccountMenu .button .label {
    font-family: Arial, sans-serif
}
.jp .loginRegisterBox .customMyAccountMenu .button .text,
.jp .loginRegisterBox .customMyAccountMenu .button .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .loginRegisterBox .customMyAccountMenu .button .text,
.kr .loginRegisterBox .customMyAccountMenu .button .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .button .hidden {
    display: none
}
.loginRegisterBox .customMyAccountMenu .inputReset {
    right: 5px;
    display: none
}
.loginRegisterBox .customMyAccountMenu .inputReset.emailInput {
    top: 27px
}
.loginRegisterBox .customMyAccountMenu .inputReset.passwordInput {
    top: 107px
}
.loginRegisterBox .customMyAccountMenu .inputReset.resetIcon {
    display: block
}
.loginRegisterBox .customMyAccountMenu .submit,
.loginRegisterBox .customMyAccountMenu .button {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 25px 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 10px
}
.loginRegisterBox .customMyAccountMenu .submit,
.loginRegisterBox .customMyAccountMenu .button {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .submit,
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .button {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .submit,
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .button {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .submit,
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .button {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .registrationLayerContainer {
    margin-top: 17px
}
.loginRegisterBox .customMyAccountMenu .registrationLayerContainer h2 {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    padding-top: 40px;
    border-top: 1px solid #DBDBDB
}
.loginRegisterBox .customMyAccountMenu .registrationLayerContainer h2 {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .registrationLayerContainer h2 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .registrationLayerContainer h2 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .registrationLayerContainer h2 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .registrationLayerContainer p {
    margin-top: 23px;
    line-height: 20px
}
.loginRegisterBox .customMyAccountMenu .registrationLayerContainer .buttom {
    padding: 13px
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .accountTitle {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: left
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer.loggedMenu {
    text-transform: uppercase;
    letter-spacing: 0.1px
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .logged li {
    position: relative;
    padding: 7px 0;
    font-size: 12px;
    line-height: 30px
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .logged li div {
    display: inline-block
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .logged li .additionaInfo {
    float: right
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .logged li .counterLabel {
    display: none
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .logged li.profileMenu a:after {
    font-family: "Icons";
    content: "";
    float: right
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .loginRegisterBox .customMyAccountMenu .accountNavigationContainer .loginWelcomeMessage .name {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.loginRegisterBox .customMyAccountMenu .accountNavigationContainer .logoutContainer {
    border-top: 1px solid #B9B9B9;
    padding: 18px 0
}
.menuIconTablet {
    position: absolute;
    top: 14px;
    left: 20px;
    width: 23px;
    height: 20px;
    display: none;
    transition: all 0.2s ease-in-out
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch .menuIconTablet {
        display: block;
        transition: all 0.2s ease-in-out
    }
}
.menuIconTablet span {
    transition: all 200ms ease-in-out;
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 23px;
    background: black;
    display: block
}
.menuIconTablet span:before {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 23px;
    transition: all 0.2s ease-in-out;
    top: 8px;
    background-color: black
}
.menuIconTablet span:after {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 23px;
    transition: all 0.2s ease-in-out;
    bottom: 2px;
    background-color: black
}
.menuIconTablet.changeIcon {
    top: 15px
}
.menuIconTablet.changeIcon span {
    background-color: transparent
}
.menuIconTablet.changeIcon span:before {
    top: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.menuIconTablet.changeIcon span:after {
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
#sidebarOverlay {
    position: fixed;
    height: 100%;
    background-color: rgba(233, 233, 233, 0.8);
    width: 100%;
    opacity: 0;
    left: 0;
    top: 58px;
    display: none
}
#sidebar {
    transition: opacity .3s linear;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    background-color: #ebebeb;
    letter-spacing: 3px;
    font-size: 12px;
    position: absolute;
    width: 350px;
    height: 100%;
    left: -350px;
    top: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1
}
.fonts-loaded.ru #sidebar {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #sidebar {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #sidebar {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#sidebar.openLevel {
    background-color: #fff
}
#sidebar.openLevel .bottomMenuWrapper,
#sidebar.openLevel .searchBox {
    opacity: 0;
    transition: opacity .3s linear;
    z-index: -1
}
#sidebar.openLevel .searchBox {
    border-bottom: none
}
.locked #sidebar {
    overflow-x: hidden;
    overflow-y: hidden
}
body#search #sidebarOverlay,
body#item #sidebarOverlay {
    top: -20px
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html.touch #mainContainer {
        position: relative;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-overflow-scrolling: touch;
        transition: -webkit-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    html {
        position: relative;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow-x: hidden
    }
}
html.openSidebar {
    overflow: hidden;
    position: absolute;
    height: 100%
}
html.openSidebar body {
    position: fixed;
    height: 100%;
    overflow: hidden
}
html.openSidebar body.activePromo #headerPromoSection {
    background: rgba(233, 233, 233, 0.8)
}
html.openSidebar #sidebarOverlay {
    transition: opacity .3s linear;
    opacity: 1;
    display: block;
    z-index: 4
}
html.openSidebar #mainContainer {
    position: fixed;
    -webkit-transform: translateX(350px);
    -ms-transform: translateX(350px);
    transform: translateX(350px);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
html.openSidebar #siteHeader {
    background: rgba(233, 233, 233, 0.8);
    -webkit-transform: translateX(350px);
    -ms-transform: translateX(350px);
    transform: translateX(350px);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
#sidebarMiniFooter {
    width: 100%;
    height: 25%;
    background-color: #000;
    padding: 35px 21px 13px
}
#sidebarMiniFooter ul li {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px;
    letter-spacing: 0.29em;
    text-transform: uppercase;
    margin-bottom: 40px
}
#sidebarMiniFooter ul li {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #sidebarMiniFooter ul li {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #sidebarMiniFooter ul li {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #sidebarMiniFooter ul li {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#sidebarMiniFooter ul li:last-child {
    margin-bottom: 0
}
#sidebarMiniFooter .followUs {
    padding-bottom: 10px
}
#sidebarMiniFooter .followUs li {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0;
    margin-right: 29px
}
#sidebarMiniFooter .followUs li:last-child {
    margin-right: 0
}
#sidebarMiniFooter .followUs .text {
    display: none
}
.searchBox {
    height: 61px;
    border-bottom: 1px solid #E9E9E9
}
.searchBox a {
    margin: 10px 20px;
    position: absolute
}
.searchBox.close {
    display: none
}
.searchButton {
    background-color: #fff;
    height: 100%;
    padding: 22px 21px;
    font-size: 19px;
    cursor: pointer
}
.searchForm {
    display: none
}
.searchLayer .searchForm {
    display: block
}
.searchForm .textSearchBrandSwitch .label {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 15px 5px 50px
}
.searchForm .textSearchBrandSwitch .label {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .searchForm .textSearchBrandSwitch .label {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .searchForm .textSearchBrandSwitch .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .searchForm .textSearchBrandSwitch .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.searchForm input[type="text"] {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    letter-spacing: 0.2em;
    font-size: 11px;
    width: 260px;
    height: 36px;
    margin-top: 20px;
    border: 0;
    border-bottom: 1px solid #707070;
    padding: 0 8px
}
.searchForm input[type="text"] {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .searchForm input[type="text"] {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .searchForm input[type="text"] {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .searchForm input[type="text"] {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.searchForm input[type="text"]:focus,
.searchForm input[type="text"]:active {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom-color: #000
}
.searchForm button[type="submit"] {
    display: none
}
.bottomMenuWrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    color: #fff
}
.hide {
    opacity: 0;
    transition: opacity 0.1s linear
}
@-webkit-keyframes backToAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes backToAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
nav.mainmenu {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 0.5px;
    background-color: #fff;
    margin-bottom: 4px
}
nav.mainmenu {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru nav.mainmenu {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp nav.mainmenu {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr nav.mainmenu {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
nav.mainmenu li.images.menuItem {
    display: none !important
}
nav.mainmenu .column1>a {
    display: none !important
}
nav.mainmenu .column2>a {
    display: none !important
}
nav.mainmenu .links_block>a {
    display: none !important
}
nav.mainmenu .column3>a {
    display: none !important
}
nav.mainmenu .column4>a {
    display: none !important
}
nav.mainmenu li:not(.hasChildren) a>span.icon {
    display: none !important
}
nav.mainmenu a,
nav.mainmenu .menuItem div:not([class]) {
    -ms-pointer-events: none;
    pointer-events: none;
    cursor: default
}
nav.mainmenu li.menuItem span {
    margin-left: 21px
}
nav.mainmenu .level-0 li {
    -webkit-animation: backToAnimation 1s 1;
    animation: backToAnimation 1s 1
}
nav.mainmenu .level-0 li.backTo {
    position: absolute;
    opacity: 1;
    -webkit-animation: backToAnimation 1s 1;
    animation: backToAnimation 1s 1;
    z-index: 11
}
nav.mainmenu .level-0 li.backTo:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 15px;
    border-top: 1px solid #171717;
    border-left: 1px solid #171717;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
nav.mainmenu .level-0 li.backTo:after {
    display: none
}
nav.mainmenu .level-0 li.backTo>a {
    padding-left: 17px
}
nav.mainmenu .level-0 li.backTo>a .text {
    font-size: 14px
}
nav.mainmenu .level-0 li.backTo .icon {
    display: none
}
nav.mainmenu .level-0 li.unselected {
    opacity: 0;
    transition: opacity .3s linear;
    z-index: 1
}
nav.mainmenu .level-0 li:nth-child(1).backTo {
    -webkit-transform: translateY(-46px);
    -ms-transform: translateY(-46px);
    transform: translateY(-46px)
}
nav.mainmenu .level-0 li:nth-child(2).backTo {
    -webkit-transform: translateY(-92px);
    -ms-transform: translateY(-92px);
    transform: translateY(-92px)
}
nav.mainmenu .level-0 li:nth-child(3).backTo {
    -webkit-transform: translateY(-138px);
    -ms-transform: translateY(-138px);
    transform: translateY(-138px)
}
nav.mainmenu .level-0 li:nth-child(4).backTo {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}
nav.mainmenu .level-0>ul>li {
    position: relative;
    transition: opacity .3s linear;
    width: 100%;
    line-height: 45px;
    background-color: #fff;
    opacity: 1
}
nav.mainmenu .level-0>ul>li a {
    max-width: 300px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}
nav.mainmenu .level-0>ul>li .text {
    text-transform: uppercase;
    cursor: pointer;
    color: #1a1a1a;
    font-size: 13px;
    white-space: nowrap
}
nav.mainmenu .level-0>ul>li .icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 39%
}
nav.mainmenu .level-0>ul>li .icon:after {
    content: "";
    position: absolute;
    top: 42%;
    right: 8%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}
nav.mainmenu .level-1 {
    display: block;
    width: 100%;
    z-index: 1;
    top: 46px;
    position: absolute;
    overflow: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
nav.mainmenu .level-1.showLevel1 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
nav.mainmenu .level-1>ul>li {
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    background-color: #fff;
    position: relative;
    border-top: 1px solid #DBDBDB
}
nav.mainmenu .level-1>ul>li:first-child {
    border-top: none
}
nav.mainmenu .level-1>ul>li span {
    margin-left: 32px
}
nav.mainmenu .level-1>ul>li.hasChildren:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background-color: #999;
    top: 21px;
    right: 7%
}
nav.mainmenu .level-1>ul>li.hasChildren:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background-color: #999;
    top: 21px;
    right: 7%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
nav.mainmenu .level-1>ul>li.selected {
    background-color: #f7f7f7;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
nav.mainmenu .level-1>ul>li.selected {
    font-family: "pf_dintext_probold", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru nav.mainmenu .level-1>ul>li.selected {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp nav.mainmenu .level-1>ul>li.selected {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr nav.mainmenu .level-1>ul>li.selected {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
nav.mainmenu .level-1>ul>li.selected.hasChildren:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background-color: #999;
    top: 21px;
    right: 7%
}
nav.mainmenu .level-1>ul>li.selected.hasChildren:after {
    display: none
}
nav.mainmenu .level-1>ul>li.inactive .icon {
    display: none !important
}
nav.mainmenu .level-1>ul>li:last-child .level-2 ul {
    border: none
}
nav.mainmenu .level-1>ul>li .icon {
    display: none
}
nav.mainmenu .level-2 {
    display: block;
    background-color: #f7f7f7;
    width: 100%;
    z-index: 1;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
nav.mainmenu .level-2.showLevel2 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
nav.mainmenu .level-2.lvlPosition {
    position: relative
}
nav.mainmenu .level-2>ul {
    width: 100%
}
nav.mainmenu .level-2.active {
    display: block
}
nav.mainmenu .level-2.active .hasChildren span.icon {
    display: block;
    margin: 4px 10px;
    border: 0;
    position: absolute;
    border: none;
    top: 13px;
    right: 5.5%
}
nav.mainmenu .level-2.active .hasChildren span.icon:after {
    content: "";
    position: absolute;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}
nav.mainmenu .level-2.active .selected span.icon {
    display: block;
    margin: 4px 10px;
    border: 0;
    position: absolute;
    border: none;
    top: 13px;
    right: 5.5%
}
nav.mainmenu .level-2.active .selected span.icon:after {
    content: "";
    position: absolute;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
nav.mainmenu .level-2 a {
    display: block
}
nav.mainmenu .level-2 ul li {
    width: 100%;
    background-color: #f7f7f7;
    z-index: 10;
    position: relative;
    border-top: 1px solid #DBDBDB
}
nav.mainmenu .level-2 ul li>a {
    -ms-pointer-events: auto;
    pointer-events: auto
}
nav.mainmenu .level-2 ul li:first-child {
    border-top: none
}
nav.mainmenu .level-2 ul li span {
    margin-left: 40px
}
nav.mainmenu .level-2 .selected .level-3 {
    transition: max-height .3s cubic-bezier(0, 1, 0.5, 1)
}
nav.mainmenu .level-2 .level-3 {
    z-index: 1;
    max-height: 0;
    transition: max-height .3s cubic-bezier(0, 1, 0.5, 1);
    overflow-y: auto
}
nav.mainmenu .level-2 .level-3>ul {
    margin: 0 auto;
    width: 92%;
    padding: 0 4px
}
nav.mainmenu .level-2 .level-3.active {
    display: block
}
nav.mainmenu .level-2 .level-3 li {
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
    border: none !important
}
nav.mainmenu .level-2 .level-3 li.hasChildren span.icon {
    border-top: 1px solid #474747;
    border-left: 1px solid #474747;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    margin: 4px 10px
}
nav.mainmenu .level-2 .level-3 li .icon {
    display: none !important
}
nav.mainmenu .level-4 {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
nav.mainmenu .level-4 {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru nav.mainmenu .level-4 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp nav.mainmenu .level-4 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr nav.mainmenu .level-4 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
nav.mainmenu .level-4 ul li {
    border-top: none
}
nav.mainmenu .level-4 ul li a {
    display: block
}
nav.mainmenu .level-4 ul li a .text {
    margin-left: 28px;
    font-size: 11px
}
nav.mainmenu .level-4 ul li a span.icon {
    display: none
}
nav.mainmenu .level-4 ul li.looks span {
    position: relative
}
nav.mainmenu .level-4 ul li.looks span:before {
    content: "";
    position: absolute;
    left: -15%;
    background-color: #DBDBDB;
    width: 130%;
    height: 1px
}
nav.mainmenu .level-4 .looks_block span {
    display: block;
    position: relative
}
nav.mainmenu .level-4 .looks_block span:before {
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 1px;
    background-color: #DBDBDB
}
nav.mainmenu .level-5 ul li {
    border-top: none
}
nav.mainmenu .level-5 ul li a {
    display: block;
    pointer-events: auto !important
}
nav.mainmenu .level-5 ul li a .icon {
    border-color: transparent !important
}
nav.mainmenu .level-5 ul li a .icon:after {
    display: none
}
nav.mainmenu .level-5 ul li a .text {
    margin-left: 28px;
    font-size: 11px
}
nav.mainmenu .level-5 ul li.selected {
    text-decoration: underline
}
div.loginButton {
    font-size: 12px;
    letter-spacing: 0.15em;
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    padding: 17px 21px
}
div.loginButton div.userSection {
    position: static
}
div.loginButton div.userSection nav li.minicart,
div.loginButton div.userSection nav li.search,
div.loginButton div.userSection nav li.wishlist {
    display: none
}
div.loginButton div.userSection nav li.account {
    cursor: pointer;
    display: block
}
div.loginButton div.userSection nav li.account .loginWelcomeMessage {
    float: none;
    display: inline-block
}
div.loginButton div.userSection nav li.account .loginWelcomeMessage:before,
div.loginButton div.userSection nav li.account .loginWelcomeMessage:after {
    content: ' ';
    display: table
}
div.loginButton div.userSection nav li.account .loginWelcomeMessage:after {
    clear: both
}
div.loginButton div.userSection nav li.account .text {
    display: inline-block !important;
    float: none;
    vertical-align: baseline;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
div.loginButton div.userSection nav li.account .text {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru div.loginButton div.userSection nav li.account .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp div.loginButton div.userSection nav li.account .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr div.loginButton div.userSection nav li.account .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
div.loginButton div.userSection nav li.account .text .name,
div.loginButton div.userSection nav li.account .text .surname {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
div.loginButton div.userSection nav li.account .text .name,
div.loginButton div.userSection nav li.account .text .surname {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru div.loginButton div.userSection nav li.account .text .name,
.fonts-loaded.ru div.loginButton div.userSection nav li.account .text .surname {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp div.loginButton div.userSection nav li.account .text .name,
.fonts-loaded.jp div.loginButton div.userSection nav li.account .text .surname {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr div.loginButton div.userSection nav li.account .text .name,
.fonts-loaded.kr div.loginButton div.userSection nav li.account .text .surname {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
div.loginButton div.userSection nav li.account.logged {
    margin-right: 0;
    position: relative
}
div.loginButton div.userSection nav li.account.logged .plus {
    width: 14px;
    height: 14px;
    position: relative;
    float: right;
    margin-top: 14px
}
div.loginButton div.userSection nav li.account.logged .plus:before,
div.loginButton div.userSection nav li.account.logged .plus:after {
    position: absolute;
    left: 7px;
    content: ' ';
    height: calc(14px - 1px);
    width: 1px;
    background-color: #000
}
div.loginButton div.userSection nav li.account.logged .plus:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}
div.loginButton div.userSection nav li.account.logged .plus:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
div.loginButton div.userSection nav li.account.logged .welcomeMessage {
    float: none
}
div.loginButton div.userSection nav li.account.logged .icon {
    float: left;
    margin-right: 3px
}
div.loginButton div.userSection nav li.account a {
    font-size: 12px
}
div.loginButton div.userSection nav li.account a.login {
    display: block
}
div.loginButton div.userSection nav li.account a.login .icon {
    display: none
}
.openLevel div.loginButton {
    display: none
}
#sidebar .accountIntro {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 13px 0;
    margin-bottom: 32px;
    font-size: 11px;
    letter-spacing: 1px
}
#sidebar .accountIntro {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #sidebar .accountIntro {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #sidebar .accountIntro {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #sidebar .accountIntro {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#sidebar .customMyAccountMenu .myAccountTitleSidebar {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    padding: 0 0 13px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    width: 240px
}
#sidebar .customMyAccountMenu .myAccountTitleSidebar {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #sidebar .customMyAccountMenu .myAccountTitleSidebar {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #sidebar .customMyAccountMenu .myAccountTitleSidebar {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #sidebar .customMyAccountMenu .myAccountTitleSidebar {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#sidebar .customMyAccountMenu .welcomeMessage {
    display: none
}
.uiLayer-shippingLink,
.uiLayer-returnLink {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #000;
    font-size: 11px;
    letter-spacing: 0.08em;
    line-height: 21px
}
.uiLayer-shippingLink,
.uiLayer-returnLink {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-shippingLink,
.fonts-loaded.ru .uiLayer-returnLink {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-shippingLink,
.fonts-loaded.jp .uiLayer-returnLink {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-shippingLink,
.fonts-loaded.kr .uiLayer-returnLink {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-shippingLink h2,
.uiLayer-returnLink h2 {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.07em;
    margin-bottom: 20px;
    width: 80%
}
.uiLayer-shippingLink h2,
.uiLayer-returnLink h2 {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-shippingLink h2,
.fonts-loaded.ru .uiLayer-returnLink h2 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-shippingLink h2,
.fonts-loaded.jp .uiLayer-returnLink h2 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-shippingLink h2,
.fonts-loaded.kr .uiLayer-returnLink h2 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-shippingLink a,
.uiLayer-returnLink a {
    border-bottom: 1px solid #000
}
.uiLayer-shippingLink.mfp-wrap .mfp-content,
.uiLayer-returnLink.mfp-wrap .mfp-content {
    margin: 0 auto;
    width: 605px
}
.uiLayer-shippingLink.mfp-wrap .mfp-content .inner,
.uiLayer-returnLink.mfp-wrap .mfp-content .inner {
    padding: 35px
}
.uiLayer-shippingLink .christmasGuaranteeInformation,
.uiLayer-returnLink .christmasGuaranteeInformation {
    display: block;
    clear: both;
    padding: 3px 0;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.uiLayer-shippingLink .christmasGuaranteeInformation,
.uiLayer-returnLink .christmasGuaranteeInformation {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-shippingLink .christmasGuaranteeInformation,
.fonts-loaded.ru .uiLayer-returnLink .christmasGuaranteeInformation {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-shippingLink .christmasGuaranteeInformation,
.fonts-loaded.jp .uiLayer-returnLink .christmasGuaranteeInformation {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-shippingLink .christmasGuaranteeInformation,
.fonts-loaded.kr .uiLayer-returnLink .christmasGuaranteeInformation {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-shippingLink .shippingReturns .contributions,
.uiLayer-returnLink .shippingReturns .contributions {
    line-height: 24px
}
.uiLayer-shippingLink .shippingReturns .contribution,
.uiLayer-returnLink .shippingReturns .contribution {
    margin-bottom: 27px
}
.uiLayer-shippingLink .shippingReturns .contribution:before,
.uiLayer-shippingLink .shippingReturns .contribution:after,
.uiLayer-returnLink .shippingReturns .contribution:before,
.uiLayer-returnLink .shippingReturns .contribution:after {
    content: ' ';
    display: table
}
.uiLayer-shippingLink .shippingReturns .contribution:after,
.uiLayer-returnLink .shippingReturns .contribution:after {
    clear: both
}
.uiLayer-shippingLink .shippingReturns .text,
.uiLayer-returnLink .shippingReturns .text {
    width: 100%;
    float: left
}
.uiLayer-shippingLink .shippingReturns .text .label,
.uiLayer-returnLink .shippingReturns .text .label {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}
.uiLayer-shippingLink .shippingReturns .text .label,
.uiLayer-returnLink .shippingReturns .text .label {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-shippingLink .shippingReturns .text .label,
.fonts-loaded.ru .uiLayer-returnLink .shippingReturns .text .label {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-shippingLink .shippingReturns .text .label,
.fonts-loaded.jp .uiLayer-returnLink .shippingReturns .text .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-shippingLink .shippingReturns .text .label,
.fonts-loaded.kr .uiLayer-returnLink .shippingReturns .text .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-shippingLink .shippingReturns .costs,
.uiLayer-returnLink .shippingReturns .costs {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    clear: left
}
.uiLayer-shippingLink .shippingReturns .costs,
.uiLayer-returnLink .shippingReturns .costs {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .uiLayer-shippingLink .shippingReturns .costs,
.fonts-loaded.ru .uiLayer-returnLink .shippingReturns .costs {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .uiLayer-shippingLink .shippingReturns .costs,
.fonts-loaded.jp .uiLayer-returnLink .shippingReturns .costs {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .uiLayer-shippingLink .shippingReturns .costs,
.fonts-loaded.kr .uiLayer-returnLink .shippingReturns .costs {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.uiLayer-shippingLink .shippingReturns .costs .discounted,
.uiLayer-shippingLink .shippingReturns .costs .total,
.uiLayer-returnLink .shippingReturns .costs .discounted,
.uiLayer-returnLink .shippingReturns .costs .total {
    display: inline-block;
    vertical-align: middle
}
.uiLayer-shippingLink .shippingReturns .costs .discounted,
.uiLayer-returnLink .shippingReturns .costs .discounted {
    text-decoration: line-through;
    page-break-after: 10px
}
.uiLayer-shippingLink.mfp-wrap .mfp-content .FeesWarning {
    text-transform: uppercase;
    line-height: 22px
}
.cookieLaw {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    background: #fff;
    text-transform: uppercase;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.cookieLaw {
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .cookieLaw {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .cookieLaw {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .cookieLaw {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
body#home .cookieLaw {
    bottom: 44px
}
.cookieLaw .cookieLawWrapper {
    position: relative;
    padding: 20px;
    overflow: hidden;
    display: table;
    vertical-align: middle;
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}
.cookieLaw .cookieLawWrapper .title {
    display: none
}
.cookieLaw .cookieLawWrapper .description {
    line-height: 16px;
    text-align: left;
    float: left;
    width: 90%;
    display: table-cell;
    vertical-align: middle
}
.cookieLaw .cookieLawWrapper a {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-decoration: none
}
.cookieLaw .cookieLawWrapper a {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .cookieLaw .cookieLawWrapper a {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .cookieLaw .cookieLawWrapper a {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .cookieLaw .cookieLawWrapper a {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.cookieLaw .cookieLawWrapper a:hover {
    position: relative
}
.cookieLaw .cookieLawWrapper a:hover:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 1px;
    background-color: #000;
    border-bottom: none;
    transition: width 0.2s linear;
    transition-delay: 0ms
}
.cookieLaw .cookieLawWrapper a:hover:hover:after {
    width: 100%;
    transition-delay: 200ms
}
.cookieLaw .cookieLawWrapper a:hover:hover:before {
    width: 200px;
    transition-delay: 0ms
}
.cookieLaw .cookieLawWrapper button {
    transition: color, background-color;
    color: #000;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 0 10px;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    float: right;
    width: 100px;
    padding: 6px 20px
}
.cookieLaw .cookieLawWrapper button .icon {
    display: none
}
.cookieLaw .cookieLawWrapper button .text,
.cookieLaw .cookieLawWrapper button .label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "pf_dintext_prolight", Helvetica, Arial, sans-serif
}
.ru .cookieLaw .cookieLawWrapper button .text,
.ru .cookieLaw .cookieLawWrapper button .label {
    font-family: Arial, sans-serif
}
.jp .cookieLaw .cookieLawWrapper button .text,
.jp .cookieLaw .cookieLawWrapper button .label {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.kr .cookieLaw .cookieLawWrapper button .text,
.kr .cookieLaw .cookieLawWrapper button .label {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.cookieLaw .cookieLawWrapper button .hidden {
    display: none
}
.cookieLaw .cookieLawWrapper button {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .cookieLaw .cookieLawWrapper button {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .cookieLaw .cookieLawWrapper button {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .cookieLaw .cookieLawWrapper button {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#popUpEmailDifferentCountry #changeCountry,
#popUpEmailDifferentCountry .changeCountryInfo {
    text-transform: uppercase
}
#popUpEmailDifferentCountry #changeCountry {
    margin: 15px 0 10px;
    display: inline-block
}
#popUpEmailDifferentCountry .title {
    text-transform: uppercase;
    color: #ab3042;
    margin-bottom: 20px
}
#popUpEmailDifferentCountry p,
#popUpEmailDifferentCountry #changeCountry {
    display: block;
    margin-bottom: 20px
}
#popUpEmailDifferentCountry a {
    color: #bfbfbf;
    text-decoration: underline;
    text-transform: none
}
#popUpEmailDifferentCountry .email,
#popUpEmailDifferentCountry .changeCountryInfo {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
#popUpEmailDifferentCountry .email,
#popUpEmailDifferentCountry .changeCountryInfo {
    font-family: "pf_dintext_probold", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru #popUpEmailDifferentCountry .email,
.fonts-loaded.ru #popUpEmailDifferentCountry .changeCountryInfo {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp #popUpEmailDifferentCountry .email,
.fonts-loaded.jp #popUpEmailDifferentCountry .changeCountryInfo {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr #popUpEmailDifferentCountry .email,
.fonts-loaded.kr #popUpEmailDifferentCountry .changeCountryInfo {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
#popUpEmailDifferentCountry .changeCountryInfo {
    text-transform: uppercase;
    font-size: 11px
}
.authenticityLayer {
    font-size: 11px
}
.authenticityLayer.mfp-bg {
    opacity: 0.5 !important
}
.authenticityLayer .mfp-container {
    display: table
}
.authenticityLayer .mfp-content {
    display: table-cell !important
}
.authenticityLayer .mfp-content h1 {
    margin-bottom: 40px !important;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}
.authenticityLayer .mfp-content h1 {
    font-family: "pf_dintext_probold", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .authenticityLayer .mfp-content h1 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .authenticityLayer .mfp-content h1 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .authenticityLayer .mfp-content h1 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.authenticityLayer .mfp-content h2 {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 11px !important;
    text-transform: uppercase
}
.authenticityLayer .mfp-content h2 {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .authenticityLayer .mfp-content h2 {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .authenticityLayer .mfp-content h2 {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .authenticityLayer .mfp-content h2 {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.authenticityLayer .mfp-content h3 {
    text-transform: uppercase
}
.authenticityLayer #authenticityLayer {
    width: 700px;
    background-color: #fff;
    margin: 0 auto;
    display: table;
    border: 1px solid #DBDBDB;
    padding: 38px;
    position: relative
}
.authenticityLayer #authenticityLayer .leftBlock,
.authenticityLayer #authenticityLayer .rightBlock {
    float: left
}
.authenticityLayer #authenticityLayer .leftBlock {
    width: 70%
}
.authenticityLayer #authenticityLayer .rightBlock {
    width: 30%
}
.authenticityLayer #authenticityLayer .rightBlock img {
    width: 155px;
    height: 116px;
    margin-left: 32px
}
.authenticityLayer #authenticityLayer .authSubTitle {
    width: 103px;
    height: 20px;
    margin-bottom: 10px
}
.authenticityLayer #authenticityLayer .authSubTitle img {
    width: 70%;
    height: 70%;
    margin-left: 0
}
.authenticityLayer #authenticityLayer .authBody {
    margin-bottom: 40px;
    padding-right: 30px;
    line-height: 15px
}
.authenticityLayer #authenticityLayer .authBody a {
    color: #bfbfbf;
    text-decoration: underline;
    text-transform: none
}
.authenticityLayer #authenticityLayer .authFormTitle {
    margin-bottom: 20px
}
.authenticityLayer #authenticityLayer .authFormBody {
    margin-bottom: 30px;
    line-height: 15px
}
.authenticityLayer #authenticityLayer .authInputText {
    width: 60%;
    float: left;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.authenticityLayer #authenticityLayer .authInputText {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .authenticityLayer #authenticityLayer .authInputText {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .authenticityLayer #authenticityLayer .authInputText {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .authenticityLayer #authenticityLayer .authInputText {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.authenticityLayer #authenticityLayer button {
    box-sizing: border-box;
    height: 36px;
    float: left;
    padding: 12px 12px;
    border: none;
    font-size: 11px;
    text-transform: uppercase
}
body.iOS .authenticityLayer #authenticityLayer button {
    padding: 12px 12px 11px
}
html.touchevents body.iOS .authenticityLayer #authenticityLayer button {
    padding: 11px 12px
}
.authenticityLayer .authFormContainer {
    position: relative
}
.authenticityLayer .authFormContainer:before,
.authenticityLayer .authFormContainer:after {
    content: ' ';
    display: table
}
.authenticityLayer .authFormContainer:after {
    clear: both
}
.authenticityLayer .authFormContainer .validationError {
    position: absolute;
    top: -15px;
    display: none;
    color: #ab3042
}
html,
body {
    position: relative
}
#container {
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    padding-top: 73px;
    max-width: 1600px
}
#container.promoMarginHome {
    padding-top: 38px !important
}
#container.promoMargin {
    padding-top: 98px !important
}
body.pushleft #container {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}
@media only screen and (max-width: 1365px) {
    #container {
        transition: padding .3s linear;
        width: 100%
    }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
    #container {
        padding-top: 58px
    }
}
.tablet #container {
    margin-bottom: 0
}
#container #main {
    padding: 0;
    margin: 0 auto;
    overflow: visible
}
#container #main:before,
#container #main:after {
    content: ' ';
    display: table
}
#container #main:after {
    clear: both
}
#banner-top {
    height: 100%
}
#mainmenu+#newsletterSocialContainer DIV,
#mainmenu .level-0 {
    color: #000 !important;
    fill: #000 !important
}
#btn-showmenu.icon-menu {
    display: none
}
.reveal {
    overflow: hidden
}
.reveal #siteOverlay {
    display: block
}
#siteOverlay {
    opacity: 0;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    z-index: 9;
    background-color: #f8f8f8;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden
}
#siteOverlay.loading {
    z-index: 13;
    opacity: 0.7;
    visibility: visible
}
#siteOverlay.menuOpen,
#siteOverlay.active {
    background-color: #fff;
    visibility: visible;
    z-index: 8;
    opacity: 0.8
}
#siteOverlay.sidebarOpen {
    visibility: visible
}
#siteOverlay.visible {
    opacity: 1;
    visibility: visible
}
body.pushleft #siteOverlay {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    z-index: 11
}
body.pushleft.appDownloadLayerActive #siteOverlay {
    top: 70px
}
.openSidebar #siteOverlay {
    visibility: hidden
}
#newsletterSocialContainer,
#mainmenu {
    -webkit-transform: translateX(-256px);
    -ms-transform: translateX(-256px);
    transform: translateX(-256px);
    overflow-y: scroll
}
#newsletterSocialContainer.dx,
#mainmenu.dx {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-duration: 0
}
.textSearchBrandSwitch .radioButton {
    margin-right: 10px
}
.textSearchBrandSwitch label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.textSearchBrandSwitch .input {
    margin-bottom: 20px
}
.textSearchBrandSwitch .input .text {
    text-transform: uppercase;
    letter-spacing: 1px
}
.textSearchBrandSwitch .input.checked .text {
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.textSearchBrandSwitch .input.checked .text {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .textSearchBrandSwitch .input.checked .text {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .textSearchBrandSwitch .input.checked .text {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .textSearchBrandSwitch .input.checked .text {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
[data-ytos-list] {
    border: 1px solid #333;
    padding: 5px 10px;
    min-width: 320px
}
[data-ytos-list] ul {
    height: 0;
    overflow: hidden
}
[data-ytos-list].open ul {
    background: #fff;
    height: 300px;
    overflow-y: scroll
}
.findZip {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 14px
}
.findZip a {
    display: block
}
.zipCodeJp #zipCodeJp-1,
.zipCodeJp #zipCodeJp-2 {
    display: inline-block
}
.zipCodeJp #zipCodeJp-1 {
    float: left;
    width: 100px;
    margin-right: 5px;
    padding-right: 0
}
.zipCodeJp .separator {
    float: left;
    height: 36px;
    line-height: 36px
}
.zipCodeJp #zipCodeJp-2 {
    float: left;
    width: 90px;
    margin-left: 5px
}
.zipCodeJp .icon-delete {
    right: 240px
}
.checkoutButton {
    margin: 10px auto;
    padding: 0;
    background: none
}
#cart .cartErrorMessage {
    margin: 0 auto 25px auto;
    text-align: center;
    border: 2px solid #f00;
    padding: 15px;
    color: #f00;
    font-weight: bold
}
@-webkit-keyframes blink {
    50% {
        border: 3px dashed #f00
    }
}
@keyframes blink {
    50% {
        border: 3px dashed #f00
    }
}
.scrollup {
    transition: color 300ms ease;
    position: fixed;
    top: 100%;
    right: 0;
    padding: 18px;
    margin-top: -100px;
    color: #D6D6D6;
    cursor: pointer
}
.homeBacktotop,
.defaultBacktotop {
    opacity: 0;
    transition: opacity .3s linear 0.1s, visibility .3s linear;
    position: fixed;
    visibility: hidden;
    right: 5px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid #888;
    cursor: pointer;
    background-color: #FFF
}
.homeBacktotop:before,
.defaultBacktotop:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 16px;
    top: 16px;
    color: #888
}
.homeBacktotop.fadeIn,
.defaultBacktotop.fadeIn {
    opacity: 0.5;
    visibility: visible
}
.homeBacktotop:hover,
.defaultBacktotop:hover {
    opacity: 1
}
.mfp-content .callToAction span.text {
    -webkit-animation: blink 5s step-end infinite alternate;
    animation: blink 5s step-end infinite alternate;
    display: block;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    border: 1px dashed #000
}
#item.gb .renderNotifies {
    display: none
}
.col .inner {
    max-width: 550px;
    position: relative;
    padding: 40px 80px
}
.extendedReturnTime {
    margin-top: 1em;
    display: block
}
.extendedReturnTime B {
    font-weight: normal;
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}
.extendedReturnTime B {
    font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif
}
.fonts-loaded.ru .extendedReturnTime B {
    font-family: Arial, sans-serif
}
.fonts-loaded.jp .extendedReturnTime B {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic"
}
.fonts-loaded.kr .extendedReturnTime B {
    font-family: "Malgun Gothic", "Dotum", Arial, sans-serif
}
.mfp-close:before {
    content: ""
}
html.touch a,
html.touch input,
html.touch select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}





/*FOOTER DEV*/

#footerDev{
    background-color: #000;
    color: #fff;
    padding: 20px;
}

#footerDev ul li {
    margin-right: 30px;
    display: inline;
    /*float: left;*/
}

#footerDev a :hover{
    color: #707070;
}


#footerDev .box-heading{
    font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #707070;
    padding: 4px 0;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 10px;
}


#logoFooterDev{
    width:auto;
    height: 35px;
    margin-right: auto;
    margin-left: auto;
    margin-top:35px;
}