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%;
}
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
}
button,.backToTop,.cookiewLawLayer .cookieLawWrapper BUTTON,.topBar,.uiLayer-search .radioButtonBox LABEL,.uiLayer-search .radioButtonBox .jcf-label-active,.miniCart .itemsInCart,.miniCart .cartTotal,.miniCart .goToCartLink,#mainMenu .level-0,#mainMenu .level-1,#tabletMenu ul.level-0>li,.customMyAccountMenu .button,.accountContent .button,.customMyAccountMenu .accountTitle,.accountContent .accountTitle,.customMyAccountMenu .logged li .additionaInfo,.accountContent .logged li .additionaInfo,.loginLayerContainer .buttonToLink,.loginLayer .buttonToLink,.loginContainer .buttonToLink,.loginLayerContainer .submit,.loginLayer .submit,.loginContainer .submit,.registrationForm form .getRecoveryPassword,.registrationForm .passwordStrengthContainer label.selected,.registrationForm .submit,.guestLoginForm .buttonToLink,.errorPage .description,.errorPage a {
text-transform: uppercase
}
.de button,.de .backToTop,.de .cookiewLawLayer .cookieLawWrapper BUTTON,.cookiewLawLayer .cookieLawWrapper .de BUTTON,.de .topBar,.de .uiLayer-search .radioButtonBox LABEL,.uiLayer-search .radioButtonBox .de LABEL,.de .uiLayer-search .radioButtonBox .jcf-label-active,.uiLayer-search .radioButtonBox .de .jcf-label-active,.de .miniCart .itemsInCart,.miniCart .de .itemsInCart,.de .miniCart .cartTotal,.miniCart .de .cartTotal,.de .miniCart .goToCartLink,.miniCart .de .goToCartLink,.de #mainMenu .level-0,#mainMenu .de .level-0,.de #mainMenu .level-1,#mainMenu .de .level-1,.de #tabletMenu ul.level-0>li,#tabletMenu .de ul.level-0>li,.de .customMyAccountMenu .button,.customMyAccountMenu .de .button,.de .accountContent .button,.accountContent .de .button,.de .customMyAccountMenu .accountTitle,.customMyAccountMenu .de .accountTitle,.de .accountContent .accountTitle,.accountContent .de .accountTitle,.de .customMyAccountMenu .logged li .additionaInfo,.customMyAccountMenu .logged li .de .additionaInfo,.de .accountContent .logged li .additionaInfo,.accountContent .logged li .de .additionaInfo,.de .loginLayerContainer .buttonToLink,.loginLayerContainer .de .buttonToLink,.de .loginLayer .buttonToLink,.loginLayer .de .buttonToLink,.de .loginContainer .buttonToLink,.loginContainer .de .buttonToLink,.de .loginLayerContainer .submit,.loginLayerContainer .de .submit,.de .loginLayer .submit,.loginLayer .de .submit,.de .loginContainer .submit,.loginContainer .de .submit,.de .registrationForm form .getRecoveryPassword,.registrationForm form .de .getRecoveryPassword,.de .registrationForm .passwordStrengthContainer label.selected,.registrationForm .passwordStrengthContainer .de label.selected,.de .registrationForm .submit,.registrationForm .de .submit,.de .guestLoginForm .buttonToLink,.guestLoginForm .de .buttonToLink,.de .errorPage .description,.errorPage .de .description,.de .errorPage a,.errorPage .de a,.at button,.at .backToTop,.at .cookiewLawLayer .cookieLawWrapper BUTTON,.cookiewLawLayer .cookieLawWrapper .at BUTTON,.at .topBar,.at .uiLayer-search .radioButtonBox LABEL,.uiLayer-search .radioButtonBox .at LABEL,.at .uiLayer-search .radioButtonBox .jcf-label-active,.uiLayer-search .radioButtonBox .at .jcf-label-active,.at .miniCart .itemsInCart,.miniCart .at .itemsInCart,.at .miniCart .cartTotal,.miniCart .at .cartTotal,.at .miniCart .goToCartLink,.miniCart .at .goToCartLink,.at #mainMenu .level-0,#mainMenu .at .level-0,.at #mainMenu .level-1,#mainMenu .at .level-1,.at #tabletMenu ul.level-0>li,#tabletMenu .at ul.level-0>li,.at .customMyAccountMenu .button,.customMyAccountMenu .at .button,.at .accountContent .button,.accountContent .at .button,.at .customMyAccountMenu .accountTitle,.customMyAccountMenu .at .accountTitle,.at .accountContent .accountTitle,.accountContent .at .accountTitle,.at .customMyAccountMenu .logged li .additionaInfo,.customMyAccountMenu .logged li .at .additionaInfo,.at .accountContent .logged li .additionaInfo,.accountContent .logged li .at .additionaInfo,.at .loginLayerContainer .buttonToLink,.loginLayerContainer .at .buttonToLink,.at .loginLayer .buttonToLink,.loginLayer .at .buttonToLink,.at .loginContainer .buttonToLink,.loginContainer .at .buttonToLink,.at .loginLayerContainer .submit,.loginLayerContainer .at .submit,.at .loginLayer .submit,.loginLayer .at .submit,.at .loginContainer .submit,.loginContainer .at .submit,.at .registrationForm form .getRecoveryPassword,.registrationForm form .at .getRecoveryPassword,.at .registrationForm .passwordStrengthContainer label.selected,.registrationForm .passwordStrengthContainer .at label.selected,.at .registrationForm .submit,.registrationForm .at .submit,.at .guestLoginForm .buttonToLink,.guestLoginForm .at .buttonToLink,.at .errorPage .description,.errorPage .at .description,.at .errorPage a,.errorPage .at a,.ru button,.ru .backToTop,.ru .cookiewLawLayer .cookieLawWrapper BUTTON,.cookiewLawLayer .cookieLawWrapper .ru BUTTON,.ru .topBar,.ru .uiLayer-search .radioButtonBox LABEL,.uiLayer-search .radioButtonBox .ru LABEL,.ru .uiLayer-search .radioButtonBox .jcf-label-active,.uiLayer-search .radioButtonBox .ru .jcf-label-active,.ru .miniCart .itemsInCart,.miniCart .ru .itemsInCart,.ru .miniCart .cartTotal,.miniCart .ru .cartTotal,.ru .miniCart .goToCartLink,.miniCart .ru .goToCartLink,.ru #mainMenu .level-0,#mainMenu .ru .level-0,.ru #mainMenu .level-1,#mainMenu .ru .level-1,.ru #tabletMenu ul.level-0>li,#tabletMenu .ru ul.level-0>li,.ru .customMyAccountMenu .button,.customMyAccountMenu .ru .button,.ru .accountContent .button,.accountContent .ru .button,.ru .customMyAccountMenu .accountTitle,.customMyAccountMenu .ru .accountTitle,.ru .accountContent .accountTitle,.accountContent .ru .accountTitle,.ru .customMyAccountMenu .logged li .additionaInfo,.customMyAccountMenu .logged li .ru .additionaInfo,.ru .accountContent .logged li .additionaInfo,.accountContent .logged li .ru .additionaInfo,.ru .loginLayerContainer .buttonToLink,.loginLayerContainer .ru .buttonToLink,.ru .loginLayer .buttonToLink,.loginLayer .ru .buttonToLink,.ru .loginContainer .buttonToLink,.loginContainer .ru .buttonToLink,.ru .loginLayerContainer .submit,.loginLayerContainer .ru .submit,.ru .loginLayer .submit,.loginLayer .ru .submit,.ru .loginContainer .submit,.loginContainer .ru .submit,.ru .registrationForm form .getRecoveryPassword,.registrationForm form .ru .getRecoveryPassword,.ru .registrationForm .passwordStrengthContainer label.selected,.registrationForm .passwordStrengthContainer .ru label.selected,.ru .registrationForm .submit,.registrationForm .ru .submit,.ru .guestLoginForm .buttonToLink,.guestLoginForm .ru .buttonToLink,.ru .errorPage .description,.errorPage .ru .description,.ru .errorPage a,.errorPage .ru a,.jp button,.jp .backToTop,.jp .cookiewLawLayer .cookieLawWrapper BUTTON,.cookiewLawLayer .cookieLawWrapper .jp BUTTON,.jp .topBar,.jp .uiLayer-search .radioButtonBox LABEL,.uiLayer-search .radioButtonBox .jp LABEL,.jp .uiLayer-search .radioButtonBox .jcf-label-active,.uiLayer-search .radioButtonBox .jp .jcf-label-active,.jp .miniCart .itemsInCart,.miniCart .jp .itemsInCart,.jp .miniCart .cartTotal,.miniCart .jp .cartTotal,.jp .miniCart .goToCartLink,.miniCart .jp .goToCartLink,.jp #mainMenu .level-0,#mainMenu .jp .level-0,.jp #mainMenu .level-1,#mainMenu .jp .level-1,.jp #tabletMenu ul.level-0>li,#tabletMenu .jp ul.level-0>li,.jp .customMyAccountMenu .button,.customMyAccountMenu .jp .button,.jp .accountContent .button,.accountContent .jp .button,.jp .customMyAccountMenu .accountTitle,.customMyAccountMenu .jp .accountTitle,.jp .accountContent .accountTitle,.accountContent .jp .accountTitle,.jp .customMyAccountMenu .logged li .additionaInfo,.customMyAccountMenu .logged li .jp .additionaInfo,.jp .accountContent .logged li .additionaInfo,.accountContent .logged li .jp .additionaInfo,.jp .loginLayerContainer .buttonToLink,.loginLayerContainer .jp .buttonToLink,.jp .loginLayer .buttonToLink,.loginLayer .jp .buttonToLink,.jp .loginContainer .buttonToLink,.loginContainer .jp .buttonToLink,.jp .loginLayerContainer .submit,.loginLayerContainer .jp .submit,.jp .loginLayer .submit,.loginLayer .jp .submit,.jp .loginContainer .submit,.loginContainer .jp .submit,.jp .registrationForm form .getRecoveryPassword,.registrationForm form .jp .getRecoveryPassword,.jp .registrationForm .passwordStrengthContainer label.selected,.registrationForm .passwordStrengthContainer .jp label.selected,.jp .registrationForm .submit,.registrationForm .jp .submit,.jp .guestLoginForm .buttonToLink,.guestLoginForm .jp .buttonToLink,.jp .errorPage .description,.errorPage .jp .description,.jp .errorPage a,.errorPage .jp a,.cn button,.cn .backToTop,.cn .cookiewLawLayer .cookieLawWrapper BUTTON,.cookiewLawLayer .cookieLawWrapper .cn BUTTON,.cn .topBar,.cn .uiLayer-search .radioButtonBox LABEL,.uiLayer-search .radioButtonBox .cn LABEL,.cn .uiLayer-search .radioButtonBox .jcf-label-active,.uiLayer-search .radioButtonBox .cn .jcf-label-active,.cn .miniCart .itemsInCart,.miniCart .cn .itemsInCart,.cn .miniCart .cartTotal,.miniCart .cn .cartTotal,.cn .miniCart .goToCartLink,.miniCart .cn .goToCartLink,.cn #mainMenu .level-0,#mainMenu .cn .level-0,.cn #mainMenu .level-1,#mainMenu .cn .level-1,.cn #tabletMenu ul.level-0>li,#tabletMenu .cn ul.level-0>li,.cn .customMyAccountMenu .button,.customMyAccountMenu .cn .button,.cn .accountContent .button,.accountContent .cn .button,.cn .customMyAccountMenu .accountTitle,.customMyAccountMenu .cn .accountTitle,.cn .accountContent .accountTitle,.accountContent .cn .accountTitle,.cn .customMyAccountMenu .logged li .additionaInfo,.customMyAccountMenu .logged li .cn .additionaInfo,.cn .accountContent .logged li .additionaInfo,.accountContent .logged li .cn .additionaInfo,.cn .loginLayerContainer .buttonToLink,.loginLayerContainer .cn .buttonToLink,.cn .loginLayer .buttonToLink,.loginLayer .cn .buttonToLink,.cn .loginContainer .buttonToLink,.loginContainer .cn .buttonToLink,.cn .loginLayerContainer .submit,.loginLayerContainer .cn .submit,.cn .loginLayer .submit,.loginLayer .cn .submit,.cn .loginContainer .submit,.loginContainer .cn .submit,.cn .registrationForm form .getRecoveryPassword,.registrationForm form .cn .getRecoveryPassword,.cn .registrationForm .passwordStrengthContainer label.selected,.registrationForm .passwordStrengthContainer .cn label.selected,.cn .registrationForm .submit,.registrationForm .cn .submit,.cn .guestLoginForm .buttonToLink,.guestLoginForm .cn .buttonToLink,.cn .errorPage .description,.errorPage .cn .description,.cn .errorPage a,.errorPage .cn a {
text-transform: none
}
.uiLayer .inner>.text,.uiLayer-shippingLink .inner>.text,.uiLayer-copyrightLink .inner>.text,.uiLayer-copyrightLink .copyrightBody {
margin-bottom: 10px;
color: #808080;
font-size: 12px;
letter-spacing: 0.7px;
line-height: 18px
}
.uiLayer .inner>.text a,.uiLayer-shippingLink .inner>.text a,.uiLayer-copyrightLink .inner>.text a,.uiLayer-copyrightLink .copyrightBody a,.uiLayer-returnsLink a {
color: #333;
border-bottom: 1px solid #c8c8c8;
text-decoration: none
}
.uiLayer .inner>.text a:hover,.uiLayer-shippingLink .inner>.text a:hover,.uiLayer-copyrightLink .inner>.text a:hover,.uiLayer-copyrightLink .copyrightBody a:hover,.uiLayer-returnsLink a:hover,.uiLayer .inner>.text a:focus,.uiLayer-shippingLink .inner>.text a:focus,.uiLayer-copyrightLink .inner>.text a:focus,.uiLayer-copyrightLink .copyrightBody a:focus,.uiLayer-returnsLink a:focus {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
color: #333;
border-bottom: 1px solid #c8c8c8;
text-decoration: none
}
@font-face {
font-family:"icons";src:url("../fonts/icons.528ee017.eot");
src:url("../fonts/icons.528ee017.eot")
format("embedded-opentype"),url("../fonts/icons.38917667.woff")
format("woff"),url("../fonts/icons.f8abeac9.ttf")
format("truetype"),url("../fonts/icons.c6e1f4c5.svg")
format("svg");font-weight:normal;font-style:normal
}
.svg-fallback-sprite {
background-image: url('../fonts/svg-fallback-s3e1710066d.png');
background-repeat: no-repeat
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-content .uiLayerContent {
background: white;
padding: 20px
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-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;
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: 1044
}
.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;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: gray;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
color: gray;
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: 0.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 gray;
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 gray;
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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.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
}
@font-face {
font-family:"icons";src:url("../fonts/icons.528ee017.eot");src:url("../fonts/icons.528ee017.eot")
format("embedded-opentype"),url("../fonts/icons.38917667.woff")
format("woff"),url("../fonts/icons.f8abeac9.ttf")
format("truetype"),url("../fonts/icons.c6e1f4c5.svg")
format("svg");font-weight:normal;font-style:normal
}
.uiLayer.mfp-bg {
opacity: 0;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s
}
.uiLayer.mfp-bg.mfp-ready {
opacity: 0.8
}
.uiLayer.mfp-bg.mfp-removing {
opacity: 0
}
.uiLayer.mfp-wrap .mfp-content {
opacity: 0;
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-webkit-transform: scale(1.08);
transform: scale(1.08);
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s
}
.uiLayer.mfp-wrap.mfp-ready .mfp-content {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.uiLayer.mfp-wrap.mfp-removing .mfp-content {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0
}
.mfp-close {
cursor: pointer;
cursor: pointer;
width: auto;
height: auto;
right: 20px;
top: 20px;
padding: 10px;
font-size: 22px;
line-height: 20px
}
.mfp-close:active {
top: 23px
}
.mfp-close.icon-close {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.mfp-close.icon-close:before {
content: ""
}
.mfp-close-btn-in .mfp-close {
color: #4C4C4C
}
.uiLayer .mfp-content {
width: auto;
max-width: 1380px;
min-width: 500px;
margin-top: 60px
}
.uiLayer .inner {
background: #e6e6e6;
padding: 80px 30px 100px
}
.uiLayer-newsletterLink .mfp-content {
max-width: 350px
}
.uiLayer-otherCountriesLayer .mfp-content {
max-width: 350px
}
.selectize-control {
position: relative
}
.selectize-dropdown,.selectize-input,.selectize-input input {
color: #303030;
font-family: inherit;
font-size: 13px;
line-height: 18px;
-webkit-font-smoothing: inherit
}
.selectize-input,.selectize-control.single .selectize-input.input-active {
background: #fff;
cursor: text;
display: inline-block
}
.selectize-input {
border: 1px solid #d0d0d0;
padding: 8px 8px;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.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.focus {
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.15)
}
.selectize-input.dropdown-active {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0
}
.selectize-input>* {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
.selectize-control.multi .selectize-input>div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #f2f2f2;
color: #303030;
border: 0 solid #d0d0d0
}
.selectize-control.multi .selectize-input>div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca
}
.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff
}
.selectize-input>input {
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 2px 0 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.selectize-input>input::-ms-clear {
display: none
}
.selectize-input>input:focus {
outline: none !important
}
.selectize-input:after {
content: ' ';
display: block;
clear: left
}
.selectize-input.dropdown-active:before {
content: ' ';
display: block;
position: absolute;
background: #f0f0f0;
height: 1px;
bottom: 0;
left: 0;
right: 0
}
.selectize-dropdown {
position: absolute;
z-index: 10;
border: 1px solid #d0d0d0;
background: #fff;
margin: -1px 0 0 0;
border-top: 0 none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px
}
.selectize-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(125,168,208,0.2);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header {
padding: 5px 8px
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none
}
.selectize-dropdown .optgroup-header {
color: #303030;
background: #fff;
cursor: default
}
.selectize-dropdown .active {
background-color: #f5fafd;
color: #495c68
}
.selectize-dropdown .active.create {
color: #495c68
}
.selectize-dropdown .create {
color: rgba(48,48,48,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 {
content: ' ';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: gray transparent transparent transparent
}
.selectize-control.single .selectize-input.dropdown-active:after {
margin-top: -4px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent gray transparent
}
.selectize-control.rtl.single .selectize-input:after {
left: 15px;
right: auto
}
.selectize-control.rtl .selectize-input>input {
margin: 0 4px 0 -2px !important
}
.selectize-control .selectize-input.disabled {
opacity: 0.5;
background-color: #fafafa
}
.jcf-radio {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
cursor: default;
background: #fff;
border: 1px solid #777;
border-radius: 9px;
margin: 0 3px 0 0;
height: 16px;
width: 16px
}
.jcf-radio span {
display: none;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: #777;
border-radius: 100%
}
.jcf-radio input[type="radio"] {
position: absolute;
height: 100%;
width: 100%;
border: 0;
margin: 0;
left: 0;
top: 0
}
.jcf-radio.jcf-checked span {
display: block
}
.jcf-checkbox {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
cursor: default;
background: #fff;
border: 1px solid #777;
margin: 0 3px 0 0;
height: 16px;
width: 16px
}
.jcf-checkbox span {
position: absolute;
display: none;
height: 4px;
width: 8px;
top: 50%;
left: 50%;
margin: -7px 0 0 -6px;
border: 3px solid #777;
border-width: 0 0 3px 3px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}
:root .jcf-checkbox span {
margin: -4px 0 0 -5px
}
.jcf-checkbox input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
border: 0;
margin: 0;
left: 0;
top: 0
}
.jcf-checkbox.jcf-checked span {
display: block
}
.jcf-button {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
border: 1px solid #777;
background: #fff;
margin: 0 10px 10px 0;
padding: 5px 10px
}
.jcf-button .jcf-real-element {
position: absolute;
min-height: 100%;
min-width: 100%;
outline: none;
opacity: 0;
padding: 0;
margin: 0;
border: 0;
bottom: 0;
right: 0;
left: 0;
top: 0
}
.jcf-file {
display: inline-block;
white-space: nowrap;
position: relative;
overflow: hidden;
background: #fff
}
.jcf-file .jcf-real-element {
position: absolute;
font-size: 200px;
height: 200px;
margin: 0;
right: 0;
top: 0
}
.jcf-file .jcf-fake-input {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
overflow: hidden;
border: 1px solid #777;
padding: 0 8px;
font-size: 13px;
line-height: 28px;
height: 28px;
width: 125px
}
.jcf-file .jcf-upload-button {
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
border: 1px solid #777;
margin: 0 0 0 -1px;
padding: 0 10px;
line-height: 28px;
height: 28px
}
.jcf-scrollable-wrapper {
box-sizing: content-box;
position: relative
}
.jcf-scrollbar-vertical {
position: absolute;
cursor: default;
background: #e3e3e3;
width: 14px;
bottom: 0;
right: 0;
top: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,.jcf-scrollbar-vertical .jcf-scrollbar-inc {
background: #bbb;
height: 14px;
width: 14px;
left: 0;
top: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
top: auto;
bottom: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
background: #888;
height: 1px;
width: 14px
}
.jcf-scrollbar-horizontal {
position: absolute;
background: #e3e3e3;
right: auto;
top: auto;
left: 0;
bottom: 0;
width: 1px;
height: 14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
display: inline-block;
vertical-align: top;
overflow: hidden;
background: #bbb;
height: 14px;
width: 14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
left: auto;
right: 0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
display: inline-block;
position: relative;
height: 14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
position: absolute;
background: #888;
height: 14px
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
visibility: hidden
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
background: #e3e3e3
}
.jcf-select {
display: inline-block;
vertical-align: top;
position: relative;
border: 1px solid #777;
background: #fff;
margin: 0 0 12px;
min-width: 110px;
height: 26px
}
.jcf-select select {
z-index: 1;
left: 0;
top: 0
}
.jcf-select .jcf-select-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
font-size: 13px;
line-height: 26px;
margin: 0 35px 0 8px
}
.jcf-select .jcf-select-opener {
position: absolute;
text-align: center;
background: #aaa;
width: 26px;
bottom: 0;
right: 0;
top: 0
}
body>.jcf-select-drop {
position: absolute;
margin: -1px 0 0;
z-index: 9999
}
body>.jcf-select-drop.jcf-drop-flipped {
margin: 1px 0 0
}
.jcf-select .jcf-select-drop {
position: absolute;
margin-top: 0px;
z-index: 9999;
top: 100%;
left: -1px;
right: -1px
}
.jcf-select .jcf-drop-flipped {
bottom: 100%;
top: auto
}
.jcf-select.jcf-compact-multiple {
max-width: 220px
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
display: inline-block;
padding-top: 2px;
content: '...'
}
.jcf-select-drop .jcf-select-drop-content {
border: 1px solid #f00
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
background: none
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
background: #e6e6e6;
color: #000
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
display: inline-block;
content: '';
height: 4px;
width: 8px;
margin: -7px 5px 0 -3px;
border: 3px solid #777;
border-width: 0 0 3px 3px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}
.jcf-list-box {
overflow: hidden;
display: inline-block;
border: 1px solid #b8c3c9;
min-width: 200px;
margin: 0 15px
}
.jcf-list {
display: inline-block;
vertical-align: top;
position: relative;
background: #fff;
line-height: 14px;
font-size: 12px;
width: 100%
}
.jcf-list .jcf-list-content {
vertical-align: top;
display: inline-block;
overflow: auto;
width: 100%
}
.jcf-list ul {
list-style: none;
padding: 0;
margin: 0
}
.jcf-list ul li {
overflow: hidden;
display: block
}
.jcf-list .jcf-overflow {
overflow: auto
}
.jcf-list .jcf-option {
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
padding: 5px 9px;
color: #656565;
min-height: 14px;
height: 1%
}
.jcf-list .jcf-disabled {
background: #fff !important;
color: #aaa !important
}
.jcf-select-drop .jcf-hover,.jcf-list-box .jcf-selected {
background: #e6e6e6;
color: #000
}
.jcf-list .jcf-optgroup-caption {
white-space: nowrap;
font-weight: bold;
display: block;
padding: 5px 9px;
cursor: default;
color: #000
}
.jcf-list .jcf-optgroup .jcf-option {
padding-left: 30px
}
.jcf-textarea {
border: 1px solid #b8c3c9;
box-sizing: content-box;
display: inline-block;
position: relative
}
.jcf-textarea .jcf-scrollbar-horizontal {
display: none;
height: 0
}
.jcf-textarea textarea {
padding: 8px 10px;
border: none;
margin: 0
}
.jcf-textarea .jcf-resize {
position: absolute;
text-align: center;
cursor: se-resize;
background: #e3e3e3;
font-weight: bold;
line-height: 15px;
text-indent: 1px;
font-size: 12px;
height: 15px;
width: 14px;
bottom: 0;
right: 0
}
.jcf-textarea .jcf-resize:before {
border: 1px solid #000;
border-width: 0 1px 1px 0;
display: block;
margin: 4px 0 0 3px;
width: 6px;
height: 6px;
content: ''
}
.jcf-number {
display: inline-block;
position: relative;
height: 32px
}
.jcf-number input {
-moz-appearance: textfield
}
.jcf-number input::-webkit-inner-spin-button,.jcf-number input::-webkit-outer-spin-button {
-webkit-appearance: none
}
.jcf-number input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #777;
padding: 3px 27px 3px 7px;
margin: 0;
height: 100%
}
.jcf-number .jcf-btn-dec,.jcf-number .jcf-btn-inc {
position: absolute;
background: #aaa;
width: 20px;
height: 15px;
right: 1px;
top: 1px
}
.jcf-number .jcf-btn-dec {
top: auto;
bottom: 1px
}
.jcf-number .jcf-btn-dec:hover,.jcf-number .jcf-btn-inc:hover {
background: #e6e6e6
}
.jcf-number.jcf-disabled .jcf-btn-dec:hover,.jcf-number.jcf-disabled .jcf-btn-inc:hover {
background: #aaa
}
.jcf-number .jcf-btn-dec:before,.jcf-number .jcf-btn-inc:before {
position: absolute;
content: '';
width: 0;
height: 0;
top: 50%;
left: 50%;
margin: -6px 0 0 -4px;
border: 4px solid #aaa;
border-color: transparent transparent #000 transparent
}
.jcf-number .jcf-btn-dec:before {
margin: -1px 0 0 -4px;
border-color: #000 transparent transparent transparent
}
.jcf-number.jcf-disabled .jcf-btn-dec:before,.jcf-number.jcf-disabled .jcf-btn-inc:before,.jcf-number .jcf-btn-dec.jcf-disabled:before,.jcf-number .jcf-btn-inc.jcf-disabled:before {
opacity: 0.3
}
.jcf-number.jcf-disabled input {
background: #ddd
}
.jcf-range {
display: inline-block;
min-width: 200px;
margin: 0 10px;
width: 130px
}
.jcf-range .jcf-range-track {
margin: 0 20px 0 0;
position: relative;
display: block;
height: 10px
}
.jcf-range .jcf-range-wrapper {
position: relative;
background: #e5e5e5;
border-radius: 5px;
display: block;
margin: 5px 0
}
.jcf-range.jcf-vertical {
min-width: 0;
width: auto
}
.jcf-range.jcf-vertical .jcf-range-wrapper {
margin: 0;
width: 10px;
height: auto;
padding: 20px 0 0
}
.jcf-range.jcf-vertical .jcf-range-track {
height: 180px;
width: 10px
}
.jcf-range.jcf-vertical .jcf-range-handle {
left: -5px;
top: auto
}
.jcf-range .jcf-range-display-wrapper {
position: absolute;
min-height: 10px;
min-width: 10px;
left: 10px;
right: 10px
}
.jcf-range .jcf-range-display {
border-radius: 5px;
position: absolute;
background: #888;
width: 10px;
height: 10px
}
.jcf-range .jcf-range-display.jcf-range-min {
margin: 0 0 0 -10px;
padding: 0 0 0 10px
}
.jcf-range .jcf-range-display.jcf-range-max {
margin: 0 -10px 0 0;
padding: 0 10px 0 0
}
.jcf-range.jcf-vertical .jcf-range-display-wrapper {
left: auto;
right: auto;
top: 10px;
bottom: 10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
margin: 0 0 -10px;
padding: 0 0 10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
margin: -10px 0 0;
padding: 10px 0 0
}
.jcf-range .jcf-range-handle {
position: absolute;
background: #aaa;
border-radius: 19px;
width: 19px;
height: 19px;
margin: -4px 0 0;
z-index: 1;
top: 0;
left: 0
}
.jcf-range .jcf-range-mark {
position: absolute;
overflow: hidden;
background: #000;
width: 1px;
height: 3px;
top: -7px;
margin: 0 0 0 9px
}
.jcf-range.jcf-vertical .jcf-range-mark {
margin: 0 0 9px;
left: 14px;
top: auto;
width: 3px;
height: 1px
}
.jcf-range .jcf-active-handle {
z-index: 2
}
.jcf-range.jcf-focus .jcf-active-handle {
border: 1px solid #f00;
margin: -5px 0 0 -1px
}
.jcf-range.jcf-disabled {
background: none !important;
opacity: 0.3
}
.jcf-disabled {
background: #ddd !important
}
.jcf-checkbox {
border: 1px solid #b3b3b3;
background-color: #ccc;
height: 20px;
width: 20px;
margin: 0
}
.jcf-checkbox span {
height: 6px;
width: 12px;
margin: -4px 0 0 -6px;
border-width: 0 0 2px 2px;
border-color: #606060
}
.ie9 .jcf-checkbox span {
filter: none
}
.jcf-radio {
width: 24px;
height: 24px;
top: -2px;
margin-right: 18px;
background: #ccc;
border: 4px solid #ccc;
border-radius: 100%
}
.radioButtonBox {
font-size: 15px
}
.radioButtonBox .icon {
display: none
}
button {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #404040;
color: #e5e5e5;
font-size: 13px;
line-height: 15px;
cursor: pointer
}
.jp button,.font-loaded .jp button {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn button,.font-loaded .cn button {
font-family: sans-serif
}
.font-loaded button {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
button:hover {
cursor: pointer
}
button:hover {
background-color: #737373;
color: #fff
}
.jcf-select {
width: 100%;
height: auto;
min-width: initial;
margin: 0;
color: #333;
background: transparent;
border: 1px solid #b3b3b3
}
.jcf-select .jcf-select-text {
margin-left: 0;
padding: 12px 17px 10px;
line-height: 21px;
text-align: left
}
.jcf-select .jcf-select-opener {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
width: 43px;
background: transparent;
vertical-align: middle;
top: 16px
}
.jcf-select .jcf-select-opener:before {
content: ""
}
.jcf-select .jcf-select-opener:before {
position: relative
}
.jcf-select.jcf-drop-active .jcf-select-opener {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.jcf-select.jcf-drop-active .jcf-select-opener:before {
content: ""
}
.invalidRow .jcf-select {
border: 1px solid #c00
}
.jcf-select .jcf-select-drop {
z-index: 5
}
.csstransitions .jcf-select .jcf-select-opener {
display: inline-block;
width: 16px;
height: 1px
}
.csstransitions .jcf-select .jcf-select-opener:after,.csstransitions .jcf-select .jcf-select-opener:before {
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
content: "";
float: left;
width: 8px;
height: 1px;
background: #333
}
.csstransitions .jcf-select .jcf-select-opener:before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.csstransitions .jcf-select .jcf-select-opener:after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%
}
.csstransitions .jcf-select.jcf-drop-active .jcf-select-opener:before {
-moz-transform: translateY(-7px) rotate(-45deg);
-ms-transform: translateY(-7px) rotate(-45deg);
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg)
}
.csstransitions .jcf-select.jcf-drop-active .jcf-select-opener:after {
-moz-transform: translateY(-7px) rotate(45deg);
-ms-transform: translateY(-7px) rotate(45deg);
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg)
}
.csstransitions .jcf-select .jcf-select-opener {
position: absolute;
top: 50%;
right: 10px;
margin-top: 3px;
background: none
}
.csstransitions #item #main .jcf-select .jcf-select-opener:before,.csstransitions #item #main .jcf-select .jcf-select-opener:after,.csstransitions #search .recap .jcf-select .jcf-select-opener:before,.csstransitions #search .recap .jcf-select .jcf-select-opener:after,.csstransitions #look #main .jcf-select .jcf-select-opener:before,.csstransitions #look #main .jcf-select .jcf-select-opener:after {
background: #ccc
}
.jcf-select-drop {
border: 1px solid #b3b3b3;
background: #e6e6e6
}
.jcf-select-drop .jcf-list {
background: inherit
}
.jcf-select-drop .jcf-select-drop-content {
border: none
}
.jcf-select-drop .jcf-option {
padding: 12px 17px 10px;
font-size: 14px
}
.jcf-select-drop .jcf-option.jcf-selected,.jcf-select-drop .jcf-option.jcf-hover {
color: #333;
background: #ccc
}
.field-validation-container {
color: #c00;
font-size: 11px
}
.field-validation-container .field-validation-error {
padding: 10px
}
.field-validation-container .icon {
display: none
}
.fieldRow {
position: relative;
padding-top: 20px;
margin-bottom: 20px
}
.fieldRow.hidden {
display: none
}
.fieldRow .fieldLabel,.fieldRow .field-validation-container {
position: absolute;
top: 22px;
left: 0;
right: 0;
padding: 12px 17px 10px;
line-height: 20px;
pointer-events: none
}
.fieldRow .fieldLabel {
display: block;
width: 100%;
text-align: left
}
.fieldRow.email .fieldValue,.fieldRow.text .fieldValue,.fieldRow.textArea .fieldValue,.fieldRow.password .fieldValue,.fieldRow.zipCode .fieldValue,.fieldRow.label .fieldValue,.fieldRow.placeholder.text .fieldValue {
border: 1px solid #ccc;
background: #ccc
}
.fieldRow.select .fieldLabel {
display: none
}
.fieldRow.select .fieldValue {
border: none
}
.fieldRow .field-validation-container {
display: none
}
.fieldRow.label .text {
display: block;
height: 43px;
padding: 12px 17px 10px;
color: #999;
background: transparent;
line-height: 20px
}
.fieldRow.label .fieldLabel {
display: none
}
.fieldRow.checkbox {
padding-top: 0
}
.fieldRow.checkbox .fieldLabel {
position: static;
font-size: 12px;
padding: 0 0 0 40px
}
.fieldRow.checkbox label {
font-size: 12px
}
.fieldRow.checkbox .fieldValue {
position: absolute;
top: 0;
left: 0
}
.fieldRow.checkbox .field-validation-container {
position: static;
padding-left: 40px;
background: transparent
}
.fieldRow.expirationDate .fieldLabel {
top: 0;
padding: 0
}
.fieldRow.expirationDate .fieldLabel label {
font-size: 12px
}
.fieldRow.expirationDate.invalidRow .field-validation-container {
position: static;
display: block;
background: transparent;
padding-left: 0;
padding-right: 0;
border: 0
}
.fieldRow.expirationDate.invalidRow .fieldValue {
border: none
}
.fieldRow.expirationDate .fieldValue .selectTitle {
display: none
}
.fieldRow.js-active .fieldLabel,.fieldRow.js-leave .fieldLabel,.fieldRow.js-invalidate-row .fieldLabel,.fieldRow.select.invalidRow .fieldLabel {
-moz-animation: fl-move-label 0.3s;
-webkit-animation: fl-move-label 0.3s;
animation: fl-move-label 0.3s;
top: 0;
padding: 0
}
.fieldRow.js-active .fieldLabel label,.fieldRow.js-leave .fieldLabel label,.fieldRow.js-invalidate-row .fieldLabel label,.fieldRow.select.invalidRow .fieldLabel label {
font-size: 12px
}
.fieldRow.zipCodeJp .zipCode1 {
text-align: right;
padding: 0;
width: 3em
}
.fieldRow.zipCodeJp .zipCode2 {
padding: 0;
width: 4em
}
.fieldRow.zipCodeJp .findZip {
position: absolute;
top: 0;
right: 0;
line-height: 20px
}
.fieldRow.js-invalidate-row .fieldValue,.fieldRow.invalidRow .fieldValue,.fieldRow.placeholder.invalidRow .fieldValue {
border: 1px solid #c00
}
.fieldRow.js-invalidate-row .field-validation-container,.fieldRow.invalidRow .field-validation-container,.fieldRow.placeholder.invalidRow .field-validation-container {
-moz-animation: fl-invalidate-row 0.3s;
-webkit-animation: fl-invalidate-row 0.3s;
animation: fl-invalidate-row 0.3s;
display: block;
background: #ccc;
text-align: left;
border: 1px solid #C00;
border-top: 0
}
.fieldRow.js-invalidate-row .field-validation-error,.fieldRow.invalidRow .field-validation-error,.fieldRow.placeholder.invalidRow .field-validation-error {
padding: 0;
line-height: 20px
}
.fieldRow.js-invalidate-row.select .fieldValue,.fieldRow.invalidRow.select .fieldValue,.fieldRow.placeholder.invalidRow.select .fieldValue {
border: none
}
.fieldRow.js-invalidate-row.select .field-validation-container,.fieldRow.invalidRow.select .field-validation-container,.fieldRow.placeholder.invalidRow.select .field-validation-container {
top: 20px;
right: 0;
border-top: 1px solid #C00
}
.fieldRow.js-active .field-validation-container,.fieldRow.placeholder.js-active .field-validation-container {
display: none
}
.serverSideErrors {
color: #c00;
text-align: left;
line-height: 11px;
font-size: 11px
}
@-moz-keyframes fl-move-label {
from {
opacity: 1;
top: 20px;
padding: 12px 17px 10px
}
50% {
opacity: 0;
top: 20px;
padding: 12px 17px 10px
}
51% {
opacity: 0;
top: 0;
padding: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fl-move-label {
from {
opacity: 1;
top: 20px;
padding: 12px 17px 10px
}
50% {
opacity: 0;
top: 20px;
padding: 12px 17px 10px
}
51% {
opacity: 0;
top: 0;
padding: 0
}
to {
opacity: 1
}
}
@keyframes fl-move-label {
from {
opacity: 1;
top: 20px;
padding: 12px 17px 10px
}
50% {
opacity: 0;
top: 20px;
padding: 12px 17px 10px
}
51% {
opacity: 0;
top: 0;
padding: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fl-invalidate-row {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fl-invalidate-row {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fl-invalidate-row {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fl-invalidate-row-hide {
from {
opacity: 1
}
to {
display: none;
opacity: 0
}
}
@-webkit-keyframes fl-invalidate-row-hide {
from {
opacity: 1
}
to {
display: none;
opacity: 0
}
}
@keyframes fl-invalidate-row-hide {
from {
opacity: 1
}
to {
display: none;
opacity: 0
}
}
html {
box-sizing: border-box
}
*,*:before,*:after {
box-sizing: inherit
}
a {
color: inherit;
text-decoration: inherit
}
body {
font-family: sans-serif;
position: relative;
font-size: 10px;
margin: 0
}
.jp body,.font-loaded .jp body {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn body,.font-loaded .cn body {
font-family: sans-serif
}
.font-loaded body.jp {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.font-loaded body.cn {
font-family: sans-serif
}
.font-loaded body {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
button {
font-family: inherit
}
::selection {
color: #fff;
background: #d9d9d9
}
::-moz-selection {
color: #fff;
background: #d9d9d9
}
@-moz-document url-prefix() {
IMG:-moz-loading {
visibility: hidden
}
}
#siteHeader {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
height: 147px;
width: 100%
}
#container {
margin-top: 149px
}
.hidden,.hidden-desktop {
display: none
}
#container {
font-size: 1.2em
}
#main {
background-color: #000;
min-height: 650px;
position: relative;
overflow: hidden;
visibility: visible
}
#overlay {
-moz-transition: visibility 0.1s linear,opacity 0.4s linear;
-o-transition: visibility 0.1s linear,opacity 0.4s linear;
-webkit-transition: visibility 0.1s linear,opacity 0.4s linear;
transition: visibility 0.1s linear,opacity 0.4s linear;
opacity: 0;
visibility: hidden;
background-color: rgba(0,0,0,0.6);
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 80
}
.backToTop {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #404040;
color: #e5e5e5;
font-size: 13px;
line-height: 15px;
cursor: pointer;
display: none;
position: fixed;
right: 25px;
bottom: 25px;
z-index: 31;
border: 1px solid #606060;
height: 60px;
width: 60px;
padding: 0;
text-align: center;
font-size: 24px;
line-height: 64px;
background: #1a1a1a
}
.jp .backToTop,.font-loaded .jp .backToTop {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .backToTop,.font-loaded .cn .backToTop {
font-family: sans-serif
}
.font-loaded .backToTop {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.backToTop:hover {
cursor: pointer
}
.backToTop:hover {
background-color: #737373;
color: #fff
}
.backToTop .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.backToTop .icon:before {
content: ""
}
.uiLayer h2,.uiLayer-shippingLink h2,.uiLayer-copyrightLink h2 {
font-family: serif;
margin-bottom: 37px;
color: #333;
font-size: 50px;
letter-spacing: 1px;
text-align: center;
line-height: 1.2em
}
.jp .uiLayer h2,.font-loaded .jp .uiLayer h2,.jp .uiLayer-shippingLink h2,.font-loaded .jp .uiLayer-shippingLink h2,.jp .uiLayer-copyrightLink h2,.font-loaded .jp .uiLayer-copyrightLink h2 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .uiLayer h2,.font-loaded .cn .uiLayer h2,.cn .uiLayer-shippingLink h2,.font-loaded .cn .uiLayer-shippingLink h2,.cn .uiLayer-copyrightLink h2,.font-loaded .cn .uiLayer-copyrightLink h2 {
font-family: sans-serif
}
.font-loaded .uiLayer h2,.font-loaded .uiLayer-shippingLink h2,.font-loaded .uiLayer-copyrightLink h2 {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.uiLayer-returnsLink .text {
line-height: 18px
}
.uiLayer-shippingLink .shippingReturns {
line-height: 18px
}
.uiLayer-shippingLink .contribution {
margin-bottom: 20px
}
.uiLayer-shippingLink .price {
font-family: sans-serif
}
.jp .uiLayer-shippingLink .price,.font-loaded .jp .uiLayer-shippingLink .price {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .uiLayer-shippingLink .price,.font-loaded .cn .uiLayer-shippingLink .price {
font-family: sans-serif
}
.font-loaded .uiLayer-shippingLink .price {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.ru .uiLayer-shippingLink .price {
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.uiLayer-copyrightLink .copyrightBody {
width: 500px;
text-align: justify
}
@media all and (max-width: 1023px) {
#siteHeader,BODY>.recap,#container,#exp-site {
-moz-transition: -moz-transform 400ms ease-out;
-o-transition: -o-transform 400ms ease-out;
-webkit-transition: -webkit-transform 400ms ease-out;
transition: transform 400ms ease-out
}
#siteHeader {
height: 54px
}
BODY>.recap {
top: 64px
}
#container {
padding-top: 85px;
margin-top: 0
}
.hidden-tablet {
display: none
}
}
.ru .price {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.ru .price.free .currency {
display: none
}
.ru .currency {
-webkit-order: 10;
order: 10;
padding-left: 1ex
}
.cookiewLawLayer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99
}
.cookiewLawLayer .cookieLawWrapper {
font-family: sans-serif;
position: relative;
padding: 20px;
font-size: 13px;
background-color: #000;
background: rgba(0,0,0,0.9)
}
.cookiewLawLayer .cookieLawWrapper:before,.cookiewLawLayer .cookieLawWrapper:after {
content: ' ';
display: table
}
.cookiewLawLayer .cookieLawWrapper:after {
clear: both
}
.jp .cookiewLawLayer .cookieLawWrapper,.font-loaded .jp .cookiewLawLayer .cookieLawWrapper {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .cookiewLawLayer .cookieLawWrapper,.font-loaded .cn .cookiewLawLayer .cookieLawWrapper {
font-family: sans-serif
}
.font-loaded .cookiewLawLayer .cookieLawWrapper {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
.cookiewLawLayer .cookieLawWrapper .cookieLawContent {
float: left;
margin-right: 200px;
padding-top: 10px
}
.cookiewLawLayer .cookieLawWrapper .title {
display: none
}
.cookiewLawLayer .cookieLawWrapper .description {
line-height: 16px;
display: block;
padding-bottom: 10px;
color: #fff
}
.cookiewLawLayer .cookieLawWrapper a {
font-family: sans-serif;
font-weight: normal;
text-decoration: underline
}
.jp .cookiewLawLayer .cookieLawWrapper a,.font-loaded .jp .cookiewLawLayer .cookieLawWrapper a {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .cookiewLawLayer .cookieLawWrapper a,.font-loaded .cn .cookiewLawLayer .cookieLawWrapper a {
font-family: sans-serif
}
.font-loaded .cookiewLawLayer .cookieLawWrapper a {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.cookiewLawLayer .cookieLawWrapper BUTTON {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #404040;
color: #e5e5e5;
font-size: 13px;
line-height: 15px;
cursor: pointer;
position: absolute;
top: 50%;
right: 20px;
margin-top: -20px;
width: 180px
}
.jp .cookiewLawLayer .cookieLawWrapper BUTTON,.font-loaded .jp .cookiewLawLayer .cookieLawWrapper BUTTON {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .cookiewLawLayer .cookieLawWrapper BUTTON,.font-loaded .cn .cookiewLawLayer .cookieLawWrapper BUTTON {
font-family: sans-serif
}
.font-loaded .cookiewLawLayer .cookieLawWrapper BUTTON {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.cookiewLawLayer .cookieLawWrapper BUTTON:hover {
cursor: pointer
}
.cookiewLawLayer .cookieLawWrapper BUTTON:hover {
background-color: #737373;
color: #fff
}
@media screen and (max-width: 768px) {
.cookiewLawLayer .cookieLawWrapper {
font-size: 12px
}
.cookiewLawLayer .cookieLawWrapper .cookieLawContent {
margin-right: 120px
}
.cookiewLawLayer .cookieLawWrapper BUTTON {
width: 100px
}
}
#siteHeader {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 80
}
#siteHeader.jp {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
#logo {
position: absolute;
left: 25px;
top: 66px;
height: auto;
width: 128px;
display: block;
overflow: hidden;
z-index: 85
}
#logo A {
display: block
}
.topBar {
background: #1a1a1a;
color: #b2b2b2;
font-size: 11px;
line-height: 10px;
padding: 0;
position: relative;
overflow: hidden
}
.topBar .login a {
float: left;
}
.topBar A, .topBar form {
text-decoration: none;
padding: 17px 0 13px;
vertical-align: middle;
display: block;
white-space: nowrap;
outline: none
}
.topBar .shippingCountry {
padding: 17px 0 13px 30px;
float: left;
cursor: pointer
}
.topBar .shippingCountry .text:after {
content: ":"
}
body.fr .topBar .shippingCountry .text:after {
content: " :"
}
.topBar .shippingCountry .value {
font-family: sans-serif;
padding-left: 10px;
text-transform: uppercase
}
.jp .topBar .shippingCountry .value,.font-loaded .jp .topBar .shippingCountry .value {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .topBar .shippingCountry .value,.font-loaded .cn .topBar .shippingCountry .value {
font-family: sans-serif
}
.font-loaded .topBar .shippingCountry .value {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.topBar .topMenu {
padding: 0 11px;
margin: 0;
float: right
}
.topBar .topMenu LI {
padding: 0 10px;
float: left
}
.topBar .topMenu LI:hover {
color: #e5e5e5
}
.topBar .topMenu .userSection:hover {
color: inherit
}
.topBar .userSection {
display: none
}
.topBar .userSection.show {
display: inline
}
.topBar .login,.topBar .account,.topBar .wishList {
float: left
}
.topBar .login:hover,.topBar .account:hover,.topBar .wishList:hover {
color: #e5e5e5
}
.topBar .icon {
font-size: 16px;
line-height: 1ex !important;
padding-left: 15px;
float: right
}
.topBar .login {
padding-right: 15px
}
.topBar .account {
padding-right: 30px
}
.topBar .account .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .account .icon:before {
content: ""
}
.topBar .account .icon-b {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .account .icon-b:before {
content: ""
}
.topBar .wishList .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .wishList .icon:before {
content: ""
}
.topBar .wishList .icon-b {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .wishList .icon-b:before {
content: ""
}
.topBar .wishList .items0 .count {
display: none
}
.topBar .search .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .search .icon:before {
content: ""
}
.topBar .search .icon-b {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .search .icon-b:before {
content: ""
}
.topBar .mainCartLink .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .mainCartLink .icon:before {
content: ""
}
.topBar .mainCartLink .icon-b {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.topBar .mainCartLink .icon-b:before {
content: ""
}
.topBar .mainCartLink .cartlinkitems0 .count {
display: none
}
.topBar .wishList .count:before,.topBar .mainCartLink .count:before {
content: '('
}
.topBar .wishList .count:after,.topBar .mainCartLink .count:after {
content: ')'
}
.topBar .toggleMenu {
display: none
}
.toggleMinicart {
display: none
}
#searchBox {
display: none
}
.uiLayer-search .mfp-content {
width: 100%
}
.uiLayer-search .inner {
padding-right: 200px;
padding-left: 200px
}
.uiLayer-search .title {
margin-bottom: 170px
}
.uiLayer-search .placeholder {
text-align: left;
padding: 0 0 1em 10px
}
.uiLayer-search FORM {
position: relative
}
.uiLayer-search INPUT {
font-family: serif;
font-size: 60px;
border-bottom: 1px solid #d3d3d3;
padding: 0 50px 0 5px;
margin-bottom: 40px;
height: auto
}
.jp .uiLayer-search INPUT,.font-loaded .jp .uiLayer-search INPUT {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .uiLayer-search INPUT,.font-loaded .cn .uiLayer-search INPUT {
font-family: sans-serif
}
.font-loaded .uiLayer-search INPUT {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.uiLayer-search BUTTON {
background-color: transparent;
color: #e6e6e6;
padding: 5px;
position: absolute;
top: 25px;
right: 0
}
.uiLayer-search BUTTON:after {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-family: "icons";
content: "";
color: #666;
font-size: 28px
}
.uiLayer-search .gender {
position: absolute;
top: -170px;
left: 0;
right: 0;
width: 100%
}
.uiLayer-search .gender.fieldRow {
max-width: none
}
.uiLayer-search .gender .fieldValue {
margin: 0 auto;
display: table
}
.uiLayer-search .gender .radioButtonBox {
display: table-cell
}
.uiLayer-search .radioButtonBox {
position: relative;
overflow: hidden
}
.uiLayer-search .radioButtonBox .jcf-radio {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
position: absolute;
top: -100%;
left: 0
}
.uiLayer-search .radioButtonBox LABEL {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: transparent;
color: #1f1f1f;
font-size: 13px;
line-height: 15px;
cursor: pointer;
border: 1px solid #1f1f1f;
text-align: center;
min-width: 175px;
display: block
}
.jp .uiLayer-search .radioButtonBox LABEL,.font-loaded .jp .uiLayer-search .radioButtonBox LABEL {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .uiLayer-search .radioButtonBox LABEL,.font-loaded .cn .uiLayer-search .radioButtonBox LABEL {
font-family: sans-serif
}
.font-loaded .uiLayer-search .radioButtonBox LABEL {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.uiLayer-search .radioButtonBox LABEL:hover {
cursor: pointer
}
.uiLayer-search .radioButtonBox LABEL:hover {
background-color: #1f1f1f;
color: #fff
}
.uiLayer-search .radioButtonBox LABEL .text {
padding: 0 20px
}
.uiLayer-search .radioButtonBox .jcf-label-active {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #1f1f1f;
color: #fff;
font-size: 13px;
line-height: 15px;
cursor: pointer;
border: 1px solid #1f1f1f
}
.jp .uiLayer-search .radioButtonBox .jcf-label-active,.font-loaded .jp .uiLayer-search .radioButtonBox .jcf-label-active {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .uiLayer-search .radioButtonBox .jcf-label-active,.font-loaded .cn .uiLayer-search .radioButtonBox .jcf-label-active {
font-family: sans-serif
}
.font-loaded .uiLayer-search .radioButtonBox .jcf-label-active {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.uiLayer-search .radioButtonBox .jcf-label-active:hover {
cursor: pointer
}
.uiLayer-search .radioButtonBox .jcf-label-active:hover {
background-color: #4d4d4d;
border-color: #4d4d4d
}
#suggestionContainer {
min-height: 200px;
display: block !important
}
#suggestionContainer .suggestionTitle {
display: none
}
#suggestionContainer A {
position: relative;
display: block
}
#suggestionContainer LI {
font-family: serif;
font-size: 24px;
border-bottom: 1px solid #d3d3d3;
padding: 15px 0;
margin-left: 10px
}
.jp #suggestionContainer LI,.font-loaded .jp #suggestionContainer LI {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #suggestionContainer LI,.font-loaded .cn #suggestionContainer LI {
font-family: sans-serif
}
.font-loaded #suggestionContainer LI {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
#suggestionContainer .NumItems {
font-family: sans-serif;
color: #999;
font-size: 13px;
padding: 1.3ex 1ex 0;
position: absolute;
top: 0;
right: 0
}
.jp #suggestionContainer .NumItems,.font-loaded .jp #suggestionContainer .NumItems {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #suggestionContainer .NumItems,.font-loaded .cn #suggestionContainer .NumItems {
font-family: sans-serif
}
.font-loaded #suggestionContainer .NumItems {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.miniCart {
display: none;
z-index: 82;
position: fixed;
top: 70px;
width: 350px;
background-color: #f1f1f1;
border: 1px solid #CCC;
right: 0;
height: 100%
}
@media screen and (max-width: 1023px) {
.miniCart {
-moz-transition-duration: 0.45s;
-o-transition-duration: 0.45s;
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
-moz-transform: translateX(350px);
-ms-transform: translateX(350px);
-webkit-transform: translateX(350px);
transform: translateX(350px);
display: block;
top: 0
}
.miniCart .close {
display: none
}
}
.miniCart.open {
display: block
}
.miniCart::before {
border-bottom: 1.5em solid #f1f1f1;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
display: block;
content: ' ';
position: absolute;
top: -11px;
right: 95px
}
@media screen and (max-width: 1023px) {
.miniCart::before {
right: 23px;
top: -9px
}
}
@media screen and (max-width: 1024px) {
.miniCart::before {
right: 37px
}
}
.miniCart .title {
height: 65px;
line-height: 20px;
border-bottom: 1px solid #e6e6e6
}
.es .miniCart .title,.cn .miniCart .title,.gb .miniCart .title {
line-height: 35px
}
.miniCart .close {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0;
top: 14px;
width: 30px;
height: 30px;
line-height: 30px;
color: #333;
font-size: 12px;
cursor: pointer
}
.miniCart .close:before {
content: ""
}
.miniCart .itemsInCart {
margin: 0 20px 0 30px;
font-size: 15px
}
.miniCart .itemsInCartLabel {
padding-top: 12px;
display: block
}
.es .miniCart .itemsInCartLabel,.cn .miniCart .itemsInCartLabel {
font-size: 14px
}
.miniCart .proceed {
position: absolute;
bottom: 70px;
width: 100%;
background-color: #fff
}
.miniCart .scrollable {
-webkit-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-y: scroll;
height: 500px
}
.miniCart .count .itemsInCartLabel {
font-size: 11px;
margin-top: -7px;
margin-bottom: 30px
}
.miniCart .count .itemsInCartLabel::before {
content: '('
}
.miniCart .count .itemsInCartLabel::after {
content: ')'
}
.miniCart .cartTotal {
font-size: 16px;
margin: 30px 30px 0
}
.miniCart .totalPrices {
font-size: 24px;
float: right;
text-align: right;
width: 60%
}
.miniCart .goToCartLink {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #333;
color: #e5e5e5;
font-size: 13px;
line-height: 15px;
cursor: pointer;
width: 290px;
margin: 0 auto 43px;
display: block;
text-align: center
}
.jp .miniCart .goToCartLink,.font-loaded .jp .miniCart .goToCartLink {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .miniCart .goToCartLink,.font-loaded .cn .miniCart .goToCartLink {
font-family: sans-serif
}
.font-loaded .miniCart .goToCartLink {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.miniCart .goToCartLink:hover {
cursor: pointer
}
.itemMiniCart {
clear: both;
position: relative;
padding: 22px;
overflow: hidden;
font-size: 13px;
color: #333
}
.itemMiniCart:last-child {
border-bottom: none
}
.itemMiniCart a {
width: 116px;
float: left;
margin-right: 25px
}
.itemMiniCart a img {
width: 100%;
display: block;
margin: 0 auto
}
.itemMiniCart .info {
float: left;
width: 110px
}
.itemMiniCart .color,.itemMiniCart .size {
padding-bottom: 5px
}
.itemMiniCart .microCategory,.itemMiniCart .modelName {
font-family: sans-serif;
text-transform: uppercase;
margin: 10px 0 4px;
display: inline-block
}
.jp .itemMiniCart .microCategory,.font-loaded .jp .itemMiniCart .microCategory,.jp .itemMiniCart .modelName,.font-loaded .jp .itemMiniCart .modelName {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .itemMiniCart .microCategory,.font-loaded .cn .itemMiniCart .microCategory,.cn .itemMiniCart .modelName,.font-loaded .cn .itemMiniCart .modelName {
font-family: sans-serif
}
.font-loaded .itemMiniCart .microCategory,.font-loaded .itemMiniCart .modelName {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.itemMiniCart .label {
display: none
}
.itemMiniCart .quantity .label {
display: inline
}
.itemMiniCart .quantity .label:after {
content: ":"
}
body.fr .itemMiniCart .quantity .label:after {
content: " :"
}
.itemMiniCart .price {
font-family: sans-serif;
margin-top: 20px
}
.jp .itemMiniCart .price,.font-loaded .jp .itemMiniCart .price {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .itemMiniCart .price,.font-loaded .cn .itemMiniCart .price {
font-family: sans-serif
}
.font-loaded .itemMiniCart .price {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.itemMiniCart .remove {
position: absolute;
top: 66px;
right: 0;
cursor: pointer
}
.itemMiniCart .remove .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #acacac;
width: 30px;
height: 30px;
display: block;
line-height: 30px
}
.itemMiniCart .remove .icon:before {
content: ""
}
.itemMiniCart .showItemDetailsInCartButton {
display: none
}
.wishListLayer {
display: none;
position: fixed;
top: 43px;
width: 350px;
background: #fff;
border: 1px solid #CCC;
right: 0;
height: 100%
}
.wishListLayer.open {
display: block
}
body>section.promotions {
-moz-transition: -moz-transform 0.4s ease-out,height 0.2s ease;
-o-transition: -o-transform 0.4s ease-out,height 0.2s ease;
-webkit-transition: -webkit-transform 0.4s ease-out,height 0.2s ease;
transition: transform 0.4s ease-out,height 0.2s ease;
font-family: sans-serif;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 81;
background-color: #d23642;
font-size: 13px;
color: #fff;
width: 100%;
height: 30px;
line-height: 33px;
text-align: center;
overflow: hidden
}
.jp body>section.promotions,.font-loaded .jp body>section.promotions {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn body>section.promotions,.font-loaded .cn body>section.promotions {
font-family: sans-serif
}
.font-loaded body>section.promotions {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
body>section.promotions .bx-pager {
height: 10px;
line-height: 10px
}
body>section.promotions .bx-pager-item {
display: inline;
height: 10px;
line-height: 10px
}
body>section.promotions .bx-pager-item a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
color: transparent;
width: 14px
}
body>section.promotions .bx-pager-item a:before {
-moz-transition: color 300ms ease 300ms;
-o-transition: color 300ms ease 300ms;
-webkit-transition: color 300ms ease;
-webkit-transition-delay: 300ms;
transition: color 300ms ease 300ms;
content: "\2022";
color: #c3c3be;
font-size: 10px;
padding-left: 5px
}
body>section.promotions .bx-pager-item a.active:before {
color: #fff
}
body>section.promotions .shortDescription {
cursor: pointer
}
body>section.promotions .shortDescription:after {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "";
display: block;
position: absolute;
right: 30px;
top: 12px;
font-size: 8px
}
body>section.promotions .shortDescription.no-long:after {
display: none
}
body>section.promotions.open .shortDescription:after {
content: ""
}
body.hasPromotions .promotions {
display: block
}
body.hasPromotions #siteHeader {
top: 30px
}
body.hasPromotions #container {
margin-top: 147px
}
body#search.hasPromotions .recap {
top: 200px
}
body#search.hasPromotions #container {
padding-top: 134px
}
body#countries.hasPromotions section.promotions {
display: none
}
@media all and (max-width: 1024px) {
.topBar .text,.topBar .count {
display: none
}
.topBar .login .text {
display: none
}
.topBar .shippingCountry .text {
display: inline
}
}
@media all and (max-width: 1023px) {
.currency {
height: 10px;
left: 0;
padding: 0 !important;
position: absolute;
top: 0;
z-index: 111;
}
.currency > form {
padding: 0;
}
#logo {
top: 21px;
left: 50%;
margin-left: -53px;
width: 100px;
}
.topBar {
color: #000;
background: #fff;
height: 54px
}
.topBar .shippingCountry,.topBar .customerCare,.topBar .dataholdings {
display: none
}
.topBar .search {
position: absolute;
left: 64px
}
.topBar .search .icon {
font-size: 20px
}
.topBar .icon {
font-size: 23px;
padding: 12px
}
.topBar .account,.topBar .login {
padding-right: 0
}
.topBar .login {
margin-top: 15px
}
.topBar .login .icon {
background :url("../images/login_mb.jpg") no-repeat;
margin-top: -9px;
}
.topBar .login .icon:hover{
opacity:0.5;
}
.topBar .wishList {
display: none
}
.topBar .miniCartButton {
visibility: hidden
}
.toggleMenu {
position: absolute;
top: 24px;
left: 26px;
display: block
}
.toggleMenu .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 20px
}
.toggleMenu .icon:before {
content: ""
}
.toggleMinicart {
display: block;
position: absolute;
top: 23px;
right: 26px;
background-color: #fff
}
.toggleMinicart .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 23px;
padding: 12px
}
.toggleMinicart .icon:before {
content: ""
}
.toggleMinicart .text,.toggleMinicart .count {
display: none
}
#container #main {
margin-top: 0
}
body.hasPromotions #container {
margin-top: 94px;
padding-top: 0
}
body#search.hasPromotions .recap {
top: 94px
}
}
#ieCartLinkWrapper {
overflow: hidden
}
#ieCartLinkWrapper iframe {
overflow: hidden
}
#siteFooter {
color: #d9d9d9;
background: #0f0f0f
}
#siteFooter.jp {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
#newsletterForm {
position: relative;
padding: 78px 0 30px;
min-height: 352px;
color: gray;
background: #1a1a1a;
text-align: center
}
body.logged #newsletterForm {
display: none
}
#newsletterForm a {
color: #d9d9d9
}
#newsletterForm h2 {
color: #fff;
font-size: 15px;
margin-bottom: 24px;
text-transform: uppercase
}
#newsletterForm .description {
font-family: serif;
width: 768px;
margin: 0 auto;
margin-bottom: 20px;
font-size: 36px;
line-height: 46px
}
.jp #newsletterForm .description,.font-loaded .jp #newsletterForm .description {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #newsletterForm .description,.font-loaded .cn #newsletterForm .description {
font-family: sans-serif
}
.font-loaded #newsletterForm .description {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
#newsletterForm .fieldRow {
width: 356px
}
#newsletterForm .fieldRow.email {
margin-left: auto;
margin-right: auto
}
#newsletterForm .fieldRow.email input {
color: #fff
}
#newsletterForm .fieldRow.email .fieldValue,#newsletterForm .fieldRow.email .field-validation-container {
background: #404040
}
#newsletterForm .fieldRow.email .fieldValue {
border-color: #404040
}
#newsletterForm .fieldRow.email.js-active .fieldValue,#newsletterForm .fieldRow.email.js-active .field-validation-container,#newsletterForm .fieldRow.email.js-invalidate-row .fieldValue,#newsletterForm .fieldRow.email.js-invalidate-row .field-validation-container {
background: #e5e5e5
}
#newsletterForm .fieldRow.email.js-active input,#newsletterForm .fieldRow.email.js-invalidate-row input {
color: #333
}
#newsletterForm .fieldRow.email.js-active .newsletterLink,#newsletterForm .fieldRow.email.js-invalidate-row .newsletterLink {
color: #333
}
#newsletterForm .fieldRow.email.js-invalidate-row .fieldValue {
border-color: #c00
}
#newsletterForm .newsletterLink {
font-family: sans-serif;
position: absolute;
display: block;
padding: 0 15px;
top: 23px;
right: 0;
color: #e5e5e5;
line-height: 41px;
text-transform: uppercase;
cursor: pointer
}
.jp #newsletterForm .newsletterLink,.font-loaded .jp #newsletterForm .newsletterLink {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #newsletterForm .newsletterLink,.font-loaded .cn #newsletterForm .newsletterLink {
font-family: sans-serif
}
.font-loaded #newsletterForm .newsletterLink {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.uiLayer-newsletter .inner {
padding-top: 36px;
text-align: center
}
.uiLayer-newsletter h2 {
font-family: serif;
margin: 0 auto;
margin-bottom: 42px;
padding: 0 50px;
font-size: 40px;
line-height: 49px
}
.jp .uiLayer-newsletter h2,.font-loaded .jp .uiLayer-newsletter h2 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .uiLayer-newsletter h2,.font-loaded .cn .uiLayer-newsletter h2 {
font-family: sans-serif
}
.font-loaded .uiLayer-newsletter h2 {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.uiLayer-newsletter .description {
display: none
}
.uiLayer-newsletter #NewsletterViewModel_Email_Wrapper {
width: 356px;
margin-right: auto;
margin-left: auto
}
.uiLayer-newsletter #NewsletterViewModel_Gender_Wrapper {
width: 356px;
margin: 0 auto 45px
}
.uiLayer-newsletter #NewsletterViewModel_Gender_Wrapper .fieldLabel {
display: none
}
.uiLayer-newsletter #NewsletterViewModel_Gender_Wrapper .radioButtonBox {
width: 50%;
float: left;
text-align: center;
text-transform: uppercase
}
.uiLayer-newsletter .field-validation-container .icon {
display: none
}
.uiLayer-newsletter .disclaimer {
width: 440px;
margin: 0 auto 40px;
color: #808080;
font-size: 11px;
line-height: 16px
}
.uiLayer-newsletter .disclaimer a {
color: #333;
border-bottom: 1px solid #c4c4c4
}
.uiLayer-newsletter button {
min-width: 230px
}
#subscribeNewsletterSuccess p {
color: #808080;
font-size: 12px;
line-height: 18px
}
#subscribeNewsletterSuccess .validation-summary-errors {
color: #c00;
font-size: 12px;
line-height: 18px
}
#subscribeNewsletterSuccess .validation-summary-errors li {
padding: 10px
}
.bottomBar {
padding-top: 77px;
padding-bottom: 24px
}
.bottomBar .row {
width: 82%;
margin: 0 9%;
overflow: hidden;
*zoom: 1
}
.bottomBar .column-1 {
margin-left: 15.5%;
float: left;
margin-right: -100%;
width: 23.5%
}
.bottomBar .column-2 {
float: left;
margin-left: 49.5%;
margin-right: -100%;
width: 23.5%;
}
.bottomBar .column-3 {
float: left;
margin-left: 77%;
margin-right: -100%;
width: 23.5%;
}
.bottomBar .column-4 {
display:none;
}
.bottomBar .column-4 ul {
margin-bottom: 0
}
.bottomBar h3 {
font-family: sans-serif;
margin-bottom: 36px;
font-size: 12px;
text-transform: uppercase;
color: gray
}
.bottomBar h3:after {
content: ":"
}
body.fr .bottomBar h3:after {
content: " :"
}
.jp .bottomBar h3,.font-loaded .jp .bottomBar h3 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .bottomBar h3,.font-loaded .cn .bottomBar h3 {
font-family: sans-serif
}
.font-loaded .bottomBar h3 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.bottomBar ul {
margin-bottom: 72px
}
.bottomBar li {
margin-bottom: 14px;
color: #d9d9d9;
font-size: 12px;
line-height: 20px
}
.bottomBar a {
text-decoration: none;
color: #d9d9d9
}
.bottomBar a:hover {
color: #FFF;
cursor: pointer
}
.bottomBar .sep {
padding-top: 34px
}
.bottomBar .shippingCountry {
display: inline;
border-bottom: 1px solid #5c5c5c
}
.bottomBar .shippingCountry:hover {
color: #FFF;
cursor: pointer
}
.bottomBar .shippingCountry .text {
display: none
}
.bottomBar .storeLocatorContent a {
border-bottom: 1px solid #5c5c5c
}
#followUs {
text-align: center;
margin-bottom: 45px
}
#followUs h3,#followUs li,#followUs ul {
display: inline
}
#followUs ul,#followUs li {
margin: 0
}
#followUs .text {
display: none
}
#followUs .icon {
font-size: 18px
}
#followUs a:hover {
border: none
}
#followUs a:hover .icon {
color: #fff
}
#followUs .facebook {
padding-left: 30px
}
#followUs .facebook .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
#followUs .facebook .icon:before {
content: ""
}
#followUs .twitter {
padding-left: 24px
}
#followUs .twitter .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
#followUs .twitter .icon:before {
content: ""
}
#followUs .pinterest {
padding-left: 24px
}
#followUs .pinterest .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
#followUs .pinterest .icon:before {
content: ""
}
#followUs .instagram {
padding-left: 28px
}
#followUs .instagram .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
#followUs .instagram .icon:before {
content: ""
}
#followUs .googleplus {
padding-left: 21px
}
#followUs .googleplus .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
#followUs .googleplus .icon:before {
content: ""
}
#followUs .youtube {
padding-left: 20px
}
#followUs .youtube .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 20px
}
#followUs .youtube .icon:before {
content: ""
}
#followUs .weibo {
padding-left: 18px
}
#followUs .weibo .icon {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 25px;
top: 3px;
position: relative
}
#followUs .weibo .icon:before {
content: ""
}
#copyright {
font-size: 12px;
text-align: center;
color: #4c4c4c;
text-transform: capitalize;
}
#copyright a {
color: #4c4c4c
}
.labelsCn {
padding: 10px 0
}
.loghiCn a:hover {
border: none
}
#chooseYourCountryLayer {
display: none
}
@media all and (max-width: 1024px) {
#newsletterForm {
padding-right: 100px;
padding-left: 100px
}
#newsletterForm .description,#newsletterForm .disclaimer {
width: auto
}
#newsletterForm .disclaimer {
font-size: 14px
}
.bottomBar .row {
width: 94%;
margin: 0 3%
}
.bottomBar .column-4 {
float: left;
margin-right: -100%;
width: 23.5%;
margin-left: 76.5%
}
}
@media all and (max-width: 768px) {
#newsletterForm {
padding-bottom: 20px;
padding-top: 40px;
min-height: 300px
}
#newsletterForm h2 {
font-size: 12px
}
#newsletterForm .description {
font-size: 30px;
line-height: 37px;
margin-bottom: 10px
}
.bottomBar {
padding-top: 30px
}
.bottomBar .row {
width: 100%;
margin: 0 0;
margin-bottom: 34px
}
.bottomBar .row h3,.bottomBar .row li a {
font-family: sans-serif;
display: block;
text-transform: uppercase;
color: gray;
text-decoration: none;
border: none
}
.font-loaded .bottomBar .row h3,.font-loaded .bottomBar .row li a {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700;
}
.font-loaded .bottomBar .row li span {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #d9d9d9;
cursor: pointer;
font-size: 11px;
}
.bottomBar .row li {
display: block;
padding: 0;
margin: 0
}.footer-branding {margin-bottom:0}
.bottomBar .row li a {
border-top: medium none;
color: #d9d9d9;
display: block;
font-size: 11px;
padding: 8px 0;
text-align: left;
}
.bottomBar .row li.hidden-tablet {
display: none
}
.bottomBar .row div:first-child {
border-top: 1px solid #48413e;
}
.bottomBar .row h3 {
text-transform: uppercase;
color: gray;
display: block;
font-size: 16px;padding: 10px 0;
text-align: left;margin:0;cursor:pointer
}
.bottomBar .row ul {
margin: 0;
display:none
}
.bottomBar .row .column-1 ul {
display:block
}
#followUs {
border-top: none;
padding-top: 5px;
}
.bottomBar .row ul.visible-tablet {
display: block;
margin-bottom: 18px
}
.bottomBar .row ul a {
padding: 5px 0 5px 8px
}
.bottomBar .row .countryTitle {
display: inline;
border: none;
margin-right: 10px;
padding: 10px 0
}
.bottomBar .row .countryTitle:after {
content: ':'
}
.bottomBar .row .countryContent {
display: inline-block;
padding: 10px 0
}
.bottomBar .row .storeLocatorContent {
display: block
}
.bottomBar .column-1,.bottomBar .column-2,.bottomBar .column-3,.bottomBar .column-4 {
border-bottom: 1px solid #48413e;
padding: 8px 24px;
width: 100%;
clear: both;margin:0;float:none;
text-align: center
}
.bottomBar .column-4 {
border-bottom: 1px solid #272727;
display:block;
padding-bottom: 10px;
}
.bottomBar .column-4 select {
background: #d9d9d9 none repeat scroll 0 0;
border:0;
height: 30px;
width: 100%;
}
.bottomBar .countryTitle,.bottomBar .countryContent {
display: inline;
border: none
}
.bottomBar .countryTitle li,.bottomBar .countryContent li {
display: inline;
border: none
}
.bottomBar .countryTitle .shippingCountry,.bottomBar .countryTitle .value,.bottomBar .countryContent .shippingCountry,.bottomBar .countryContent .value {
display: block
}
.bottomBar .countryTitle {
margin-right: 10px
}
.bottomBar .storeLocatorTitle {
display: none
}
.bottomBar ul.footer-legal {
display: block;
padding: 24px 0 10px
}
.bottomBar ul.footer-legal li,.bottomBar ul.footer-legal a {
display: inline
}
.bottomBar ul.footer-legal a {
font-family: sans-serif;
text-transform: none;
padding: 0 20px
}
.jp .bottomBar ul.footer-legal a,.font-loaded .jp .bottomBar ul.footer-legal a {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .bottomBar ul.footer-legal a,.font-loaded .cn .bottomBar ul.footer-legal a {
font-family: sans-serif
}
.font-loaded .bottomBar ul.footer-legal a {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#followUs {
margin-bottom: 61px
}
#followUs h3 {
font-family: sans-serif;
text-transform: none
}
.jp #followUs h3,.font-loaded .jp #followUs h3 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #followUs h3,.font-loaded .cn #followUs h3 {
font-family: sans-serif
}
.font-loaded #followUs h3 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#followUs .icon {
font-size: 14px
}
#followUs .twitter .icon {
font-size: 13px
}
#followUs .youtube .icon {
font-size: 17px
}
#followUs .weibo .icon {
font-size: 20px
}
#copyright {
font-size: 10px
}
}
#mainMenu {
color: #333;
position: relative;
padding-left: 160px
}
#mainMenu ul,#mainMenu li {
margin: 0;
padding: 0
}
#mainMenu ul.home {
display: none
}
#mainMenu .text {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
#mainMenu .text+.text {
color: #c00
}
#mainMenu .sliding {
line-height: 1.3em;
height: 1.3em;
overflow: hidden
}
#mainMenu .sliding .text {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-moz-transition: -moz-transform 600ms ease;
-o-transition: -o-transform 600ms ease;
-webkit-transition: -webkit-transform 600ms ease;
transition: transform 600ms ease
}
#mainMenu .active .hasSelectedChild:hover>.sliding>.text,#mainMenu .menuItem:hover>.sliding>.text,#mainMenu .level-0 .hasSelectedChild>.sliding>.text,#item #mainMenu .level-0 .selected>.sliding>.text {
-moz-transform: translateY(-1.3em);
-ms-transform: translateY(-1.3em);
-webkit-transform: translateY(-1.3em);
transform: translateY(-1.3em)
}
#mainMenu .active .hasSelectedChild>.sliding>.text,#mainMenu .menuItem:hover ~ .hasSelectedChild>.sliding>.text {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
#mainMenu .menuItem>UL.ready,#mainMenu .menuItem .level-4,#mainMenu .level-1>.menuItem.active .level-2,#mainMenu .level-1>.menuItem.active .slick-slider {
height: 320px
}
#mainMenu .menuItem>UL {
height: 0
}
#mainMenu .nomenuItem>UL {
height: 0
}
#mainMenu .menuItem {
float: left;
overflow: hidden;
-webkit-tap-highlight-color: transparent
}
#mainMenu .menuItem>A {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
display: block;
color: inherit
}
#mainMenu .menuItem>DIV {
cursor: pointer
}
#mainMenu .menuItem>UL {
position: absolute;
left: 0;
width: 100%
}
#mainMenu .nomenuItem {
float: left;
overflow: hidden;
-webkit-tap-highlight-color: transparent
}
#mainMenu .nomenuItem>A {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
display: block;
color: inherit
}
#mainMenu .nomenuItem>DIV {
cursor: pointer
}
#mainMenu .nomenuItem>UL {
position: absolute;
left: 0;
width: 100%
}
#mainMenu .menuItem .level-1,#mainMenu .menuItem .level-1>.menuItem {
-moz-transition: height 100ms 300ms;
-o-transition: height 100ms 300ms;
-webkit-transition: height 100ms;
-webkit-transition-delay: 300ms;
transition: height 100ms 300ms;
background:#eee;
}
#mainMenu .menuItem .level-2 {
-moz-transition: height 100ms 200ms;
-o-transition: height 100ms 200ms;
-webkit-transition: height 100ms;
-webkit-transition-delay: 200ms;
transition: height 100ms 200ms
}
#mainMenu .menuItem .active .level-2 {
-moz-transition: height 100ms ease;
-o-transition: height 100ms ease;
-webkit-transition: height 100ms ease;
transition: height 100ms ease
}
#mainMenu .menuItem .level-4 {
font-family: sans-serif;
position: relative;
overflow: hidden
}
.jp #mainMenu .menuItem .level-4,.font-loaded .jp #mainMenu .menuItem .level-4 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .menuItem .level-4,.font-loaded .cn #mainMenu .menuItem .level-4 {
font-family: sans-serif
}
.font-loaded #mainMenu .menuItem .level-4 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#mainMenu .menuItem:hover>UL,#mainMenu .menuItem.active>UL {
z-index: 81
}
#mainMenu .menuItem.selected>UL,#mainMenu .menuItem.hasSelectedChild>UL {
z-index: 80
}
#mainMenu .menuItem .level-1 DIV.sliderContainer {
height: 0;
padding: 0;
cursor: default
}
#mainMenu .menuItem .level-1 DIV.sliderContainer .level-3 {
padding: 0 0 0 160px
}
#mainMenu.ready .level-0 {
opacity: 1
}
#mainMenu .level-0 {
font-family: sans-serif;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
font-size: 12px;
float: left;
overflow: hidden;
opacity: 0
}
.jp #mainMenu .level-0,.font-loaded .jp #mainMenu .level-0 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-0,.font-loaded .cn #mainMenu .level-0 {
font-family: sans-serif
}
.font-loaded #mainMenu .level-0 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#mainMenu .level-0.active>.menuItem.hasSelectedChild:not(.active) .level-1,#mainMenu .level-0.active>.menuItem.hasSelectedChild:not(.active) .level-1>.menuItem,#mainMenu .level-0.active>.menuItem.selected:not(.active) .level-1,#mainMenu .level-0.active>.menuItem.selected:not(.active) .level-1>.menuItem {
height: 0;
overflow: hidden
}
#mainMenu .level-0.active>.menuItem.hasSelectedChild:not(.active) {
color: #333
}
#mainMenu .level-0>.menuItem {
-moz-transition: color 100ms ease;
-o-transition: color 100ms ease;
-webkit-transition: color 100ms ease;
transition: color 100ms ease;
padding: 40px 18px 25px
}
#mainMenu .level-0>.menuItem.hasSelectedChild,#mainMenu .level-0>.menuItem:hover {
color: #c00
}
#mainMenu .level-0>.nomenuItem {
-moz-transition: color 100ms ease;
-o-transition: color 100ms ease;
-webkit-transition: color 100ms ease;
transition: color 100ms ease;
padding: 40px 20px 25px
}
#mainMenu .level-0>.nomenuItem.hasSelectedChild,#mainMenu .level-0>.nomenuItem:hover {
color: #c00
}
#mainMenu .level-0>.menuItem.hasSelectedChild .level-1,#mainMenu .level-0>.menuItem.hasSelectedChild .level-1>.menuItem,#item #mainMenu .level-0>.menuItem.selected .level-1,#item #mainMenu .level-0>.menuItem.selected .level-1>.menuItem,#mainMenu .level-0>.menuItem.active .level-1,#mainMenu .level-0>.menuItem.active .level-1>.menuItem {
height: 54px
}
#mainMenu .level-1 {
font-family: sans-serif;
background-color: #eee;
top: 76px;
font-size: 12px;
padding-left: 140px;
height: 0;
overflow: hidden;
position: relative
}
.jp #mainMenu .level-1,.font-loaded .jp #mainMenu .level-1 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-1,.font-loaded .cn #mainMenu .level-1 {
font-family: sans-serif
}
.font-loaded #mainMenu .level-1 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#mainMenu .level-1>.menuItem.active>DIV,#mainMenu .level-1>.menuItem.active>A,#mainMenu .level-1>.menuItem.selected>DIV,#mainMenu .level-1>.menuItem.selected>A,#mainMenu .level-1>.menuItem.hasSelectedChild>DIV,#mainMenu .level-1>.menuItem.hasSelectedChild>A,#mainMenu .level-1.active>.menuItem.hasSelectedChild.active>DIV,#mainMenu .level-1.active>.menuItem.hasSelectedChild.active>A,#mainMenu .level-1.active>.menuItem.selected.active>DIV,#mainMenu .level-1.active>.menuItem.selected.active>A,#mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>DIV,#mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>A,#mainMenu .level-1.active>.menuItem.selected:hover>DIV,#mainMenu .level-1.active>.menuItem.selected:hover>A {
font-family: sans-serif;
border-bottom: 2px solid #333;
position: relative;
z-index: 1
}
.jp #mainMenu .level-1>.menuItem.active>DIV,.jp #mainMenu .level-1>.menuItem.active>A,.jp #mainMenu .level-1>.menuItem.selected>DIV,.jp #mainMenu .level-1>.menuItem.selected>A,.jp #mainMenu .level-1>.menuItem.hasSelectedChild>DIV,.jp #mainMenu .level-1>.menuItem.hasSelectedChild>A,.jp #mainMenu .level-1.active>.menuItem.hasSelectedChild.active>DIV,.jp #mainMenu .level-1.active>.menuItem.hasSelectedChild.active>A,.jp #mainMenu .level-1.active>.menuItem.selected.active>DIV,.jp #mainMenu .level-1.active>.menuItem.selected.active>A,.jp #mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>DIV,.jp #mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>A,.jp #mainMenu .level-1.active>.menuItem.selected:hover>DIV,.jp #mainMenu .level-1.active>.menuItem.selected:hover>A,.font-loaded .jp #mainMenu .level-1>.menuItem.active>DIV,.font-loaded .jp #mainMenu .level-1>.menuItem.active>A,.font-loaded .jp #mainMenu .level-1>.menuItem.selected>DIV,.font-loaded .jp #mainMenu .level-1>.menuItem.selected>A,.font-loaded .jp #mainMenu .level-1>.menuItem.hasSelectedChild>DIV,.font-loaded .jp #mainMenu .level-1>.menuItem.hasSelectedChild>A {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-1>.menuItem.active>DIV,.cn #mainMenu .level-1>.menuItem.active>A,.cn #mainMenu .level-1>.menuItem.selected>DIV,.cn #mainMenu .level-1>.menuItem.selected>A,.cn #mainMenu .level-1>.menuItem.hasSelectedChild>DIV,.cn #mainMenu .level-1>.menuItem.hasSelectedChild>A,.cn #mainMenu .level-1.active>.menuItem.hasSelectedChild.active>DIV,.cn #mainMenu .level-1.active>.menuItem.hasSelectedChild.active>A,.cn #mainMenu .level-1.active>.menuItem.selected.active>DIV,.cn #mainMenu .level-1.active>.menuItem.selected.active>A,.cn #mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>DIV,.cn #mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>A,.cn #mainMenu .level-1.active>.menuItem.selected:hover>DIV,.cn #mainMenu .level-1.active>.menuItem.selected:hover>A,.font-loaded .cn #mainMenu .level-1>.menuItem.active>DIV,.font-loaded .cn #mainMenu .level-1>.menuItem.active>A,.font-loaded .cn #mainMenu .level-1>.menuItem.selected>DIV,.font-loaded .cn #mainMenu .level-1>.menuItem.selected>A,.font-loaded .cn #mainMenu .level-1>.menuItem.hasSelectedChild>DIV,.font-loaded .cn #mainMenu .level-1>.menuItem.hasSelectedChild>A {
font-family: sans-serif
}
.font-loaded #mainMenu .level-1>.menuItem.active>DIV,.font-loaded #mainMenu .level-1>.menuItem.active>A,.font-loaded #mainMenu .level-1>.menuItem.selected>DIV,.font-loaded #mainMenu .level-1>.menuItem.selected>A,.font-loaded #mainMenu .level-1>.menuItem.hasSelectedChild>DIV,.font-loaded #mainMenu .level-1>.menuItem.hasSelectedChild>A,.font-loaded #mainMenu .level-1.active>.menuItem.hasSelectedChild.active>DIV,.font-loaded #mainMenu .level-1.active>.menuItem.hasSelectedChild.active>A,.font-loaded #mainMenu .level-1.active>.menuItem.selected.active>DIV,.font-loaded #mainMenu .level-1.active>.menuItem.selected.active>A,.font-loaded #mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>DIV,.font-loaded #mainMenu .level-1.active>.menuItem.hasSelectedChild:hover>A,.font-loaded #mainMenu .level-1.active>.menuItem.selected:hover>DIV,.font-loaded #mainMenu .level-1.active>.menuItem.selected:hover>A {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>DIV,#mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>A,#mainMenu .level-1>.menuItem.active ~ .selected>DIV,#mainMenu .level-1>.menuItem.active ~ .selected>A,#mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>DIV,#mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>A {
font-family: sans-serif;
border-bottom: 0 none
}
.jp #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>DIV,.jp #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>A,.jp #mainMenu .level-1>.menuItem.active ~ .selected>DIV,.jp #mainMenu .level-1>.menuItem.active ~ .selected>A,.jp #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>DIV,.jp #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>A,.font-loaded .jp #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>DIV,.font-loaded .jp #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>A,.font-loaded .jp #mainMenu .level-1>.menuItem.active ~ .selected>DIV,.font-loaded .jp #mainMenu .level-1>.menuItem.active ~ .selected>A,.font-loaded .jp #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>DIV,.font-loaded .jp #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>A {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>DIV,.cn #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>A,.cn #mainMenu .level-1>.menuItem.active ~ .selected>DIV,.cn #mainMenu .level-1>.menuItem.active ~ .selected>A,.cn #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>DIV,.cn #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>A,.font-loaded .cn #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>DIV,.font-loaded .cn #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>A,.font-loaded .cn #mainMenu .level-1>.menuItem.active ~ .selected>DIV,.font-loaded .cn #mainMenu .level-1>.menuItem.active ~ .selected>A,.font-loaded .cn #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>DIV,.font-loaded .cn #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>A {
font-family: sans-serif
}
.font-loaded #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>DIV,.font-loaded #mainMenu .level-1>.menuItem.active ~ .hasSelectedChild>A,.font-loaded #mainMenu .level-1>.menuItem.active ~ .selected>DIV,.font-loaded #mainMenu .level-1>.menuItem.active ~ .selected>A,.font-loaded #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>DIV,.font-loaded #mainMenu .level-1.active>.menuItem.hasSelectedChild:not(.active)>A {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#mainMenu .level-1>.menuItem {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
color: #333;
height: 0
}
#mainMenu .level-1>.menuItem:after {
-moz-transition: opacity 100ms 300ms;
-o-transition: opacity 100ms 300ms;
-webkit-transition: opacity 100ms;
-webkit-transition-delay: 300ms;
transition: opacity 100ms 300ms;
opacity: 0;
display: block;
content: " ";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #ccc
}
#mainMenu .level-1>.menuItem.active.shop_by_mood>DIV,#mainMenu .level-1>.menuItem.active.shop_by_mood>A,#mainMenu .level-1>.menuItem.selected.shop_by_mood>DIV,#mainMenu .level-1>.menuItem.selected.shop_by_mood>A,#mainMenu .level-1>.menuItem.hasSelectedChild.shop_by_mood>DIV,#mainMenu .level-1>.menuItem.hasSelectedChild.shop_by_mood>A {
position: absolute
}
#mainMenu .level-1>.menuItem.active:after {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
opacity: 1
}
#mainMenu .level-1>.menuItem.active .slick-slider {
height: auto;
top: 40px
}
#mainMenu .level-1>.menuItem.active .sliderContainer {
height: 334px;
border: none
}
#mainMenu .level-1>.menuItem>DIV,#mainMenu .level-1>.menuItem>A {
padding: 20px 5px 18px;
display: block;
height: 54px
}
#mainMenu .level-1.active {
overflow: visible
}
#mainMenu .level-1.active>.menuItem.hasSelectedChild.active.shop_by_mood>DIV,#mainMenu .level-1.active>.menuItem.hasSelectedChild.active.shop_by_mood>A,#mainMenu .level-1.active>.menuItem.selected.active.shop_by_mood>DIV,#mainMenu .level-1.active>.menuItem.selected.active.shop_by_mood>A,#mainMenu .level-1.active>.menuItem.hasSelectedChild:hover.shop_by_mood>DIV,#mainMenu .level-1.active>.menuItem.hasSelectedChild:hover.shop_by_mood>A,#mainMenu .level-1.active>.menuItem.selected:hover.shop_by_mood>DIV,#mainMenu .level-1.active>.menuItem.selected:hover.shop_by_mood>A {
position: absolute
}
#mainMenu .level-1 .menuItem>A:hover {
color: #333
}
#mainMenu .level-2 {
font-family: sans-serif;
background-color: #eee;
top: 54px;
height: 0;
overflow: hidden
}
.jp #mainMenu .level-2,.font-loaded .jp #mainMenu .level-2 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-2,.font-loaded .cn #mainMenu .level-2 {
font-family: sans-serif
}
.font-loaded #mainMenu .level-2 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#mainMenu .level-2>.menuItem {
text-transform: none;
padding-left: 140px;
margin: 40px 20px
}
#mainMenu .level-3 {
padding: 48px 160px;
text-transform: none;
overflow: hidden
}
#mainMenu .level-3>li {
font-family: sans-serif;
margin-right: 50px;
width: 25%;
height: 100%
}
.jp #mainMenu .level-3>li,.font-loaded .jp #mainMenu .level-3>li {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-3>li,.font-loaded .cn #mainMenu .level-3>li {
font-family: sans-serif
}
.font-loaded #mainMenu .level-3>li {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#mainMenu .level-3>li>div,#mainMenu .level-3>li>a {
cursor: default
}
#mainMenu .level-4 {
text-transform: none;
padding: 30px 0 0;
font-size: 12px;
line-height: 26px
}
#mainMenu .level-4>li {
width: 100%
}
#mainMenu .level-4>li:hover,#mainMenu .level-4>li.selected {
font-family: sans-serif
}
.jp #mainMenu .level-4>li:hover,.font-loaded .jp #mainMenu .level-4>li:hover,.jp #mainMenu .level-4>li.selected,.font-loaded .jp #mainMenu .level-4>li.selected {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-4>li:hover,.font-loaded .cn #mainMenu .level-4>li:hover,.cn #mainMenu .level-4>li.selected,.font-loaded .cn #mainMenu .level-4>li.selected {
font-family: sans-serif
}
.font-loaded #mainMenu .level-4>li:hover,.font-loaded #mainMenu .level-4>li.selected {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#mainMenu .level-4 .selected {
font-family: sans-serif
}
.jp #mainMenu .level-4 .selected,.font-loaded .jp #mainMenu .level-4 .selected {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #mainMenu .level-4 .selected,.font-loaded .cn #mainMenu .level-4 .selected {
font-family: sans-serif
}
.font-loaded #mainMenu .level-4 .selected {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#mainMenu .menu-banner {
position: absolute;
display: none;
right: 150px;
top: 30px;
z-index: 81
}
@media all and (min-width: 1140px) {
#mainMenu .menu-banner {
display: block
}
}
#mainMenu .slick-slider {
overflow: visible
}
#mainMenu .slick-slider .menuItem,#mainMenu .slick-slider .text {
overflow: visible
}
.ru #mainMenu .level-0>li,.ru #mainMenu .level-1>li,.ru #mainMenu .level-3>li {
text-transform: uppercase
}
#tabletMenu {
-webkit-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-y: scroll;
-moz-transition: -moz-transform 0.4s ease-out,background-color 0.2s;
-o-transition: -o-transform 0.4s ease-out,background-color 0.2s;
-webkit-transition: -webkit-transform 0.4s ease-out,background-color 0.2s;
transition: transform 0.4s ease-out,background-color 0.2s;
-moz-transform: translateX(-334px);
-ms-transform: translateX(-334px);
-webkit-transform: translateX(-334px);
transform: translateX(-334px);
display: none;
width: 334px;
height: 100%;
position: fixed;
background-color: #fff;
padding: 0;
top: 0;
bottom: 0;
z-index: 99;
font-size: 14px
}
#tabletMenu li {
overflow-x: hidden
}
#tabletMenu li span.icon,#tabletMenu li span.text {
display: inline-block;
text-indent: 0
}
#tabletMenu li a {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-right: 30px
}
#tabletMenu li.hasSelectedChild {
background-color: #e6e6e6
}
#tabletMenu ul.home {
text-transform: uppercase;
height: 65px;
line-height: 80px;
border-bottom: 1px solid #d9d9d9;
text-indent: 25px
}
.de #tabletMenu ul.home,.at #tabletMenu ul.home,.ru #tabletMenu ul.home,.jp #tabletMenu ul.home,.cn #tabletMenu ul.home {
text-transform: none
}
#tabletMenu.submenu-open {
background-color: #f2f2f2
}
#tabletMenu.submenu-open ul.home,#tabletMenu.submenu-open ul.expMenu {
display: none
}
#tabletMenu.submenu-open ul.level-0>li {
background-color: #fff
}
#tabletMenu.submenu-open ul.level-0>li>div {
height: 65px;
line-height: 80px
}
#tabletMenu.submenu-open ul.level-0>li.active>div .icon,#tabletMenu.submenu-open ul.level-0>li.hasSelectedChild>div .icon {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 12px;
font-weight: bold;
margin-right: 10px
}
#tabletMenu.submenu-open ul.level-0>li.active>div .icon:before,#tabletMenu.submenu-open ul.level-0>li.hasSelectedChild>div .icon:before {
content: ""
}
#tabletMenu.expmenu-open ul.expMenu {
display: block
}
#tabletMenu ul.level-0>li {
-moz-transition: height 0.2s ease-out;
-o-transition: height 0.2s ease-out;
-webkit-transition: height 0.2s ease-out;
transition: height 0.2s ease-out;
font-family: sans-serif;
height: 60px;
line-height: 60px;
border-bottom: 1px solid #d9d9d9;
text-indent: 30px;
overflow: hidden
}
.jp #tabletMenu ul.level-0>li,.font-loaded .jp #tabletMenu ul.level-0>li {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #tabletMenu ul.level-0>li,.font-loaded .cn #tabletMenu ul.level-0>li {
font-family: sans-serif
}
.font-loaded #tabletMenu ul.level-0>li {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#tabletMenu ul.level-0>li.hasSelectedChild {
background-color: #fff
}
#tabletMenu ul.level-1 {
font-family: sans-serif;
background-color: #f2f2f2
}
.jp #tabletMenu ul.level-1,.font-loaded .jp #tabletMenu ul.level-1 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #tabletMenu ul.level-1,.font-loaded .cn #tabletMenu ul.level-1 {
font-family: sans-serif
}
.font-loaded #tabletMenu ul.level-1 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#tabletMenu ul.level-1>li {
border-bottom: 1px solid #d9d9d9;
height: 60px;
line-height: 60px;
overflow: hidden
}
#tabletMenu ul.level-1>li.active {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #f2f2f2;
border-bottom: none
}
#tabletMenu ul.level-1>li.active>a,#tabletMenu ul.level-1>li.active>div {
font-family: sans-serif;
background-color: #fff;
height: 65px;
line-height: 80px
}
.jp #tabletMenu ul.level-1>li.active>a,.font-loaded .jp #tabletMenu ul.level-1>li.active>a,.jp #tabletMenu ul.level-1>li.active>div,.font-loaded .jp #tabletMenu ul.level-1>li.active>div {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #tabletMenu ul.level-1>li.active>a,.font-loaded .cn #tabletMenu ul.level-1>li.active>a,.cn #tabletMenu ul.level-1>li.active>div,.font-loaded .cn #tabletMenu ul.level-1>li.active>div {
font-family: sans-serif
}
.font-loaded #tabletMenu ul.level-1>li.active>a,.font-loaded #tabletMenu ul.level-1>li.active>div {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#tabletMenu ul.level-1>li.active>a .icon,#tabletMenu ul.level-1>li.active>div .icon {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 12px;
margin-right: 10px
}
#tabletMenu ul.level-1>li.active>a .icon:before,#tabletMenu ul.level-1>li.active>div .icon:before {
content: ""
}
#tabletMenu ul.level-2>li {
text-transform: none
}
#tabletMenu ul.level-3>li {
font-family: sans-serif;
text-transform: none;
border-bottom: 1px solid #d9d9d9;
padding: 10px 0 20px
}
.jp #tabletMenu ul.level-3>li,.font-loaded .jp #tabletMenu ul.level-3>li {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #tabletMenu ul.level-3>li,.font-loaded .cn #tabletMenu ul.level-3>li {
font-family: sans-serif
}
.font-loaded #tabletMenu ul.level-3>li {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#tabletMenu ul.level-3>li:last-child {
border-bottom: none
}
#tabletMenu ul.level-3>li.hasSelectedChild {
background-color: #f2f2f2
}
#tabletMenu ul.level-3>li.expMenuItem>div {
display: none
}
#tabletMenu ul.level-4>li {
font-family: sans-serif;
text-transform: none;
text-indent: 50px
}
.jp #tabletMenu ul.level-4>li,.font-loaded .jp #tabletMenu ul.level-4>li {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #tabletMenu ul.level-4>li,.font-loaded .cn #tabletMenu ul.level-4>li {
font-family: sans-serif
}
.font-loaded #tabletMenu ul.level-4>li {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
#tabletMenu ul.level-4 .icon {
display: none
}
#tabletMenu ul.level-4.selected {
background-color: #f2f2f2
}
#tabletMenu ul.level-4.selected .text {
font-family: sans-serif
}
.jp #tabletMenu ul.level-4.selected .text,.font-loaded .jp #tabletMenu ul.level-4.selected .text {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #tabletMenu ul.level-4.selected .text,.font-loaded .cn #tabletMenu ul.level-4.selected .text {
font-family: sans-serif
}
.font-loaded #tabletMenu ul.level-4.selected .text {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
#tabletMenu ul.level-4>.expMenuItem {
text-indent: 0
}
#tabletMenu ul.level-4>.expMenuItem .text {
display: block;
text-indent: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
#tabletMenu .menuItem.shop_by_mood .level-2 {
display: block
}
#tabletMenu .menuItem.shop_by_mood .level-2 .image {
display: none
}
.menuItem .slick-slider {
position: relative;
width: 1456px;
top: 40px;
overflow: visible
}
.ie8 .menuItem .slick-slider {
width: 768px
}
.menuItem .slick-list {
position: relative;
overflow: hidden;
height: 260px
}
.menuItem .slick-track {
position: absolute
}
.menuItem .slick-slide {
text-align: center
}
.menuItem .slick-slide a {
display: block;
position: relative;
margin-right: 80px;
width: 284px
}
.menuItem .slick-slide img {
width: 284px;
height: 165px;
margin-bottom: 27px;
background: #e9e9e9
}
.menuItem .slick-slide .text {
font-family: serif;
font-size: 22px;
color: #1a1a1a;
text-transform: none
}
.jp .menuItem .slick-slide .text,.font-loaded .jp .menuItem .slick-slide .text {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .menuItem .slick-slide .text,.font-loaded .cn .menuItem .slick-slide .text {
font-family: sans-serif
}
.font-loaded .menuItem .slick-slide .text {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.menuItem.shop_by_mood .level-2 {
display: none
}
.menuItem .sliderContainer {
position: absolute;
left: 0;
width: 100%
}
.menuItem .sliderContainer.level-2,.menuItem .sliderContainer .level-2 {
display: block;
border-bottom: none !important
}
.menuItem .slick-prev,.menuItem .slick-next {
position: absolute;
top: 84px;
width: 60px;
height: 60px;
margin: -30px 0 0;
padding: 0;
color: #898989;
background: transparent;
overflow: hidden
}
.menuItem .slick-prev:before,.menuItem .slick-next:before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
padding: 20px;
text-align: center;
font-size: 20px
}
.menuItem .slick-prev {
left: -60px
}
.menuItem .slick-prev:before {
font-family: "icons";
content: ""
}
.menuItem .slick-next {
right: 7px
}
.menuItem .slick-next:before {
font-family: "icons";
content: ""
}
.menuItem .slick-disabled {
visibility: hidden
}
@media all and (max-width: 1604px) {
.menuItem .slick-slider {
position: relative;
width: 1092px;
overflow: visible
}
}
@media all and (max-width: 1240px) {
.menuItem .slick-slider {
position: relative;
width: 912px;
overflow: visible
}
.menuItem .slick-slide a {
padding-right: 20px;
width: 304px
}
.menuItem .slick-next {
right: -38px
}
}
@media all and (max-width: 1024px) {
.menuItem .slick-slider {
position: relative;
width: 768px;
overflow: visible
}
.menuItem .slick-slide a {
padding-right: 20px;
width: 304px
}
.menuItem .slick-next {
right: 30px
}
}
@media all and (min-width: 1970px) {
.menuItem .slick-slider {
position: relative;
width: 1820px;
overflow: visible
}
}
@media all and (max-width: 1023px) {
#mainMenu {
display: none
}
#tabletMenu {
display: block
}
body.tabletMenu-open {
overflow: hidden !important
}
.mobliehidden {display:none !important;}
body.tabletMenu-open #tabletMenu {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0)
}
body.tabletMenu-open>.recap,body.tabletMenu-open #siteHeader,body.tabletMenu-open #container,body.tabletMenu-open #exp-site,body.tabletMenu-open>.promotions {
-moz-transform: translateX(334px);
-ms-transform: translateX(334px);
-webkit-transform: translateX(334px);
transform: translateX(334px)
}
body.tabletMenu-open #container {
overflow: hidden !important
}
body.tabletMenu-open #overlay {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible
}
body.miniCart-open {
overflow: hidden !important
}
body.miniCart-open .miniCart {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
top: 0
}
body.miniCart-open>.recap,body.miniCart-open #siteHeader,body.miniCart-open #container,body.miniCart-open #exp-site,body.miniCart-open>.promotions {
-moz-transform: translateX(-350px);
-ms-transform: translateX(-350px);
-webkit-transform: translateX(-350px);
transform: translateX(-350px)
}
body.miniCart-open #container {
overflow: hidden !important
}
body.miniCart-open #overlay {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible
}
}
.mfp-content {
font-size: 13px
}
.mfp-content H1 {
font-family: serif;
font-size: 48px;
letter-spacing: 1px;
text-align: center;
margin-bottom: 50px
}
.jp .mfp-content H1,.font-loaded .jp .mfp-content H1 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .mfp-content H1,.font-loaded .cn .mfp-content H1 {
font-family: sans-serif
}
.font-loaded .mfp-content H1 {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.mfp-content .fieldRow {
margin-left: auto;
margin-right: auto;
max-width: 370px
}
.mfp-content p {
line-height: 18px;
text-align: center
}
.mfp-content p a {
color: #333;
text-decoration: underline
}
.uiLayer-userSection .mfp-content {
min-width: 1240px
}
@media screen and (max-width: 1520px) {
.uiLayer-userSection .mfp-content {
min-width: 500px
}
}
.uiLayer-userSection .inner {
overflow: hidden
}
.customMyAccountMenu,.accountContent {
position: relative;
overflow: hidden;
letter-spacing: 0.5px;
width: 100%
}
.customMyAccountMenu h2,.accountContent h2 {
font-size: 44px;
line-height: 68px
}
.ru .customMyAccountMenu h2,.de .customMyAccountMenu h2,.jp .customMyAccountMenu h2,.ru .accountContent h2,.de .accountContent h2,.jp .accountContent h2 {
font-size: 36px;
line-height: 50px
}
.customMyAccountMenu .buttonsRow,.customMyAccountMenu .openRegistrationButtonContainer,.accountContent .buttonsRow,.accountContent .openRegistrationButtonContainer {
position: absolute;
bottom: 0;
width: 380px
}
@media screen and (max-width: 800px) {
.customMyAccountMenu .buttonsRow,.accountContent .buttonsRow {
width: 100%
}
.customMyAccountMenu .openRegistrationButtonContainer,.accountContent .openRegistrationButtonContainer {
width: inherit
}
}
.customMyAccountMenu .button,.accountContent .button {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #1f1f1f;
color: #fff;
font-size: 13px;
line-height: 15px;
cursor: pointer;
border: 1px solid #1f1f1f;
display: inline-block;
padding: 0;
width: 230px;
height: 45px;
line-height: 47px;
font-size: 13px
}
.jp .customMyAccountMenu .button,.font-loaded .jp .customMyAccountMenu .button,.jp .accountContent .button,.font-loaded .jp .accountContent .button {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .customMyAccountMenu .button,.font-loaded .cn .customMyAccountMenu .button,.cn .accountContent .button,.font-loaded .cn .accountContent .button {
font-family: sans-serif
}
.font-loaded .customMyAccountMenu .button,.font-loaded .accountContent .button {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.customMyAccountMenu .button:hover,.accountContent .button:hover {
cursor: pointer
}
.customMyAccountMenu .button:hover,.accountContent .button:hover {
background-color: #4d4d4d;
border-color: #4d4d4d
}
.ru .customMyAccountMenu .button,.ru .accountContent .button {
text-transform: uppercase
}
.customMyAccountMenu .accountTitle,.accountContent .accountTitle {
text-align: center;
font-size: 14px
}
.customMyAccountMenu .accountNavigationContainer,.accountContent .accountNavigationContainer {
color: #333
}
.customMyAccountMenu .logged,.accountContent .logged {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-top: 60px;
overflow: hidden
}
.customMyAccountMenu .logged li,.accountContent .logged li {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
width: 33.33333%;
height: 200px
}
.customMyAccountMenu .logged li:hover,.accountContent .logged li:hover {
background-color: #d9d9d9
}
.customMyAccountMenu .logged li>a,.accountContent .logged li>a {
display: block;
height: 100%;
color: inherit
}
.customMyAccountMenu .logged li .title,.accountContent .logged li .title {
font-family: serif;
display: block;
font-size: 34px;
text-align: center;
padding: 70px 10px 10px
}
.jp .customMyAccountMenu .logged li .title,.font-loaded .jp .customMyAccountMenu .logged li .title,.jp .accountContent .logged li .title,.font-loaded .jp .accountContent .logged li .title {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .customMyAccountMenu .logged li .title,.font-loaded .cn .customMyAccountMenu .logged li .title,.cn .accountContent .logged li .title,.font-loaded .cn .accountContent .logged li .title {
font-family: sans-serif
}
.font-loaded .customMyAccountMenu .logged li .title,.font-loaded .accountContent .logged li .title {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.customMyAccountMenu .logged li .additionaInfo,.accountContent .logged li .additionaInfo {
display: block;
text-align: center;
font-size: 13px
}
.customMyAccountMenu .logged li .additionaInfo A,.accountContent .logged li .additionaInfo A {
padding: 0 10px 30px;
display: block
}
.customMyAccountMenu .logged li.logoutContainer .title,.customMyAccountMenu .logged li.logoutContainer DIV,.accountContent .logged li.logoutContainer .title,.accountContent .logged li.logoutContainer DIV {
display: block;
height: 100%;
padding: 0
}
.customMyAccountMenu .logged li.logoutContainer A,.accountContent .logged li.logoutContainer A {
display: block;
height: 100%;
padding: 70px 10px 10px
}
.customMyAccountMenu .logged li.logoutContainer A:after,.accountContent .logged li.logoutContainer A:after {
font-family: "icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "";
display: block;
padding-top: 10px;
font-size: 20px;
line-height: 0.8em
}
@media screen and (max-width: 800px) {
.uiLayer-userSection .mfp-content>.inner {
padding: 80px 0 0;
width: 640px
}
.uiLayer-userSection .logged LI {
height: 220px;
width: 50%
}
.uiLayer-userSection .logged LI .title,.uiLayer-userSection .logged LI.logoutContainer .logoutLink {
font-size: 30px;
padding-top: 80px
}
}
.loginLayer {
padding: 15px 50px;
color: #333;
font-size: 14px;
text-align: center;
line-height: 24px
}
.loginLayerContainer,.registrationLayerContainer,.loginContainer,.registrationContainer {
width: 400px;
height: 452px;
float: left;
margin: 15px 6%;
color: #333;
font-size: 13px;
text-align: center;
line-height: 24px
}
@media screen and (max-width: 1520px) {
.loginLayerContainer,.registrationLayerContainer,.loginContainer,.registrationContainer {
margin: 15px 25px
}
}
.jp .loginLayerContainer,.jp .registrationLayerContainer,.jp .loginContainer,.jp .registrationContainer {
height: 511px
}
.de .loginLayerContainer,.de .registrationLayerContainer,.de .loginContainer,.de .registrationContainer {
height: 491px
}
.ru .loginLayerContainer,.ru .registrationLayerContainer,.ru .loginContainer,.ru .registrationContainer {
height: 475px
}
@media screen and (max-width: 993px) {
.loginLayerContainer,.registrationLayerContainer,.loginContainer,.registrationContainer {
float: none;
position: relative
}
}
.loginLayerContainer,.loginContainer {
margin-left: 10%
}
@media screen and (max-width: 1520px) {
.loginLayerContainer,.loginContainer {
margin-left: 25px
}
}
@media screen and (max-width: 800px) {
.loginLayerContainer,.loginContainer {
margin: 15px auto
}
}
.loginLayerContainer form,.loginContainer form {
padding-top: 30px;
position: relative
}
.loginLayerContainer form .serverSideErrors,.loginContainer form .serverSideErrors {
position: absolute;
top: 0;
left: 16px
}
.loginLayerContainer form p,.loginContainer form p {
display: none
}
.registrationLayerContainer,.registrationContainer {
float: right;
margin-right: 10%
}
@media screen and (max-width: 1520px) {
.registrationLayerContainer,.registrationContainer {
margin-right: 25px
}
}
@media screen and (max-width: 993px) {
.registrationLayerContainer,.registrationContainer {
border-top: 1px solid #b3b3b3;
padding-top: 30px;
margin: 30px auto;
float: none
}
}
.loginLayerContainer .mandatory,.loginLayer .mandatory,.loginContainer .mandatory {
display: none
}
.loginLayerContainer .description,.loginLayer .description,.loginContainer .description {
margin-bottom: 20px
}
.loginLayerContainer .buttonToLink,.loginLayer .buttonToLink,.loginContainer .buttonToLink {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: transparent;
color: #333;
font-size: 13px;
line-height: 15px;
cursor: pointer;
font-family: sans-serif;
display: block;
font-size: 12px;
text-decoration: underline;
text-transform: none;
padding-left: 0;
margin-bottom: 60px;
text-align: left;
width: 100%
}
.jp .loginLayerContainer .buttonToLink,.font-loaded .jp .loginLayerContainer .buttonToLink,.jp .loginLayer .buttonToLink,.font-loaded .jp .loginLayer .buttonToLink,.jp .loginContainer .buttonToLink,.font-loaded .jp .loginContainer .buttonToLink {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .loginLayerContainer .buttonToLink,.font-loaded .cn .loginLayerContainer .buttonToLink,.cn .loginLayer .buttonToLink,.font-loaded .cn .loginLayer .buttonToLink,.cn .loginContainer .buttonToLink,.font-loaded .cn .loginContainer .buttonToLink {
font-family: sans-serif
}
.font-loaded .loginLayerContainer .buttonToLink,.font-loaded .loginLayer .buttonToLink,.font-loaded .loginContainer .buttonToLink {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.loginLayerContainer .buttonToLink:hover,.loginLayer .buttonToLink:hover,.loginContainer .buttonToLink:hover {
cursor: pointer
}
.jp .loginLayerContainer .buttonToLink,.font-loaded .jp .loginLayerContainer .buttonToLink,.jp .loginLayer .buttonToLink,.font-loaded .jp .loginLayer .buttonToLink,.jp .loginContainer .buttonToLink,.font-loaded .jp .loginContainer .buttonToLink {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .loginLayerContainer .buttonToLink,.font-loaded .cn .loginLayerContainer .buttonToLink,.cn .loginLayer .buttonToLink,.font-loaded .cn .loginLayer .buttonToLink,.cn .loginContainer .buttonToLink,.font-loaded .cn .loginContainer .buttonToLink {
font-family: sans-serif
}
.font-loaded .loginLayerContainer .buttonToLink,.font-loaded .loginLayer .buttonToLink,.font-loaded .loginContainer .buttonToLink {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
.loginLayerContainer .submit,.loginLayer .submit,.loginContainer .submit {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #1f1f1f;
color: #fff;
font-size: 13px;
line-height: 15px;
cursor: pointer;
border: 1px solid #1f1f1f;
display: block;
margin: 0 auto;
width: 230px;
position: relative;
bottom: 8px
}
.jp .loginLayerContainer .submit,.font-loaded .jp .loginLayerContainer .submit,.jp .loginLayer .submit,.font-loaded .jp .loginLayer .submit,.jp .loginContainer .submit,.font-loaded .jp .loginContainer .submit {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .loginLayerContainer .submit,.font-loaded .cn .loginLayerContainer .submit,.cn .loginLayer .submit,.font-loaded .cn .loginLayer .submit,.cn .loginContainer .submit,.font-loaded .cn .loginContainer .submit {
font-family: sans-serif
}
.font-loaded .loginLayerContainer .submit,.font-loaded .loginLayer .submit,.font-loaded .loginContainer .submit {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.loginLayerContainer .submit:hover,.loginLayer .submit:hover,.loginContainer .submit:hover {
cursor: pointer
}
.loginLayerContainer .submit:hover,.loginLayer .submit:hover,.loginContainer .submit:hover {
background-color: #4d4d4d;
border-color: #4d4d4d
}
.ru .loginLayerContainer .submit,.ru .loginLayer .submit,.ru .loginContainer .submit {
bottom: 17px;
text-transform: uppercase
}
.jp .loginLayerContainer .submit,.jp .loginLayer .submit,.jp .loginContainer .submit {
bottom: -19px
}
.de .loginLayerContainer .submit,.de .loginLayer .submit,.de .loginContainer .submit {
bottom: -25px
}
#passwordRecoveryLink {
margin: 0 auto;
max-width: 370px;
text-align: left
}
#LoginViewModel_Password_Wrapper {
margin-bottom: 0
}
.registrationAdvantages {
text-align: left;
margin-top: 36px;
margin-left: 13px
}
.registrationAdvantages ul {
list-style-type: disc
}
.uiLayer-getRecoveryPassword .mfp-content {
width: 500px
}
.passwordRecoveryMailForm h1 {
font-family: serif;
font-size: 24px
}
.jp .passwordRecoveryMailForm h1,.font-loaded .jp .passwordRecoveryMailForm h1 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .passwordRecoveryMailForm h1,.font-loaded .cn .passwordRecoveryMailForm h1 {
font-family: sans-serif
}
.font-loaded .passwordRecoveryMailForm h1 {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.passwordRecoveryMailForm p {
margin-bottom: 30px;
text-align: center;
line-height: 18px
}
.passwordRecoveryMailForm button[type="submit"] {
display: table;
margin: 60px auto 0;
min-width: 230px
}
.registrationForm .mandatory,.registrationForm .securePasswordInfo,.registrationForm .passwordLength {
display: none
}
.registrationForm form {
position: relative;
padding-top: 30px;
width: 845px;
margin: 0 auto
}
@media screen and (max-width: 800px) {
.registrationForm form {
width: 100%
}
}
.registrationForm form .validation-summary-errors {
position: absolute;
top: 0;
color: #c00;
font-size: 13px
}
.registrationForm form .getRecoveryPassword {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: transparent;
color: #333;
font-size: 13px;
line-height: 15px;
cursor: pointer;
font-family: sans-serif;
font-size: 12px;
position: absolute;
top: 10px;
background-color: transparent;
padding-left: 0;
text-decoration: underline;
text-transform: none
}
.jp .registrationForm form .getRecoveryPassword,.font-loaded .jp .registrationForm form .getRecoveryPassword {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .registrationForm form .getRecoveryPassword,.font-loaded .cn .registrationForm form .getRecoveryPassword {
font-family: sans-serif
}
.font-loaded .registrationForm form .getRecoveryPassword {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.registrationForm form .getRecoveryPassword:hover {
cursor: pointer
}
.jp .registrationForm form .getRecoveryPassword,.font-loaded .jp .registrationForm form .getRecoveryPassword {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .registrationForm form .getRecoveryPassword,.font-loaded .cn .registrationForm form .getRecoveryPassword {
font-family: sans-serif
}
.font-loaded .registrationForm form .getRecoveryPassword {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
.registrationForm .column {
float: left;
width: 50%
}
.registrationForm .column.col1 {
padding-right: 50px
}
.registrationForm .column.col2 {
padding-left: 50px
}
@media screen and (max-width: 800px) {
.registrationForm .column {
float: none;
width: 100%
}
.registrationForm .column.col1,.registrationForm .column.col2 {
padding: 0
}
}
.registrationForm .passwordInputWrapper {
margin: 0 0.5%;
position: relative;
padding-bottom: 30px
}
.registrationForm .privacyContainer {
display: inline-block;
margin: 35px 1%;
border: 1px solid gray;
color: gray;
font-size: 12px;
padding: 23px;
width: 100%
}
.registrationForm .privacyContainer a {
color: #333;
text-decoration: underline
}
.registrationForm .acceptFlags {
overflow: hidden;
margin-top: 30px;
width: 100%;
float: left
}
.registrationForm .flag {
width: 45%
}
.registrationForm .flag.yLetter {
float: left
}
.registrationForm .flag.dataProfiling {
float: right
}
.registrationForm .flag .fieldValue {
width: 18px
}
.registrationForm .flag .fieldRow {
width: 100%;
float: left
}
.registrationForm .flag .fieldLabel {
position: relative;
top: 0;
left: 20px;
width: 100%;
font-size: 12px;
line-height: 18px;
padding: 0 15px
}
.registrationForm .flag .description {
display: none
}
.registrationForm .passwordStrengthContainer {
position: absolute;
right: 0;
margin-top: 20px
}
.registrationForm .passwordStrengthContainer label {
display: none
}
.registrationForm .passwordStrengthContainer label.selected {
font-family: sans-serif;
font-size: 13px;
display: block;
text-align: right
}
.jp .registrationForm .passwordStrengthContainer label.selected,.font-loaded .jp .registrationForm .passwordStrengthContainer label.selected {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .registrationForm .passwordStrengthContainer label.selected,.font-loaded .cn .registrationForm .passwordStrengthContainer label.selected {
font-family: sans-serif
}
.font-loaded .registrationForm .passwordStrengthContainer label.selected {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.registrationForm .docomo {
display: none
}
.registrationForm .surveyTitle {
font-family: serif;
font-size: 24px;
margin: 25px 0
}
.jp .registrationForm .surveyTitle,.font-loaded .jp .registrationForm .surveyTitle {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .registrationForm .surveyTitle,.font-loaded .cn .registrationForm .surveyTitle {
font-family: sans-serif
}
.font-loaded .registrationForm .surveyTitle {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.registrationForm .surveyContainer {
float: left;
width: 100%
}
.registrationForm .surveyContainer .preferences li {
display: inline;
margin-right: 20px
}
.registrationForm .surveyContainer .preferences .fieldValue,.registrationForm .surveyContainer .preferences .fieldLabel {
display: inline
}
.registrationForm .surveyContainer .text {
line-height: 18px
}
.registrationForm .surveyContainer P {
margin-bottom: 32px;
text-align: left
}
.registrationForm .submit {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: #1f1f1f;
color: #fff;
font-size: 13px;
line-height: 15px;
cursor: pointer;
border: 1px solid #1f1f1f;
display: block;
margin: 0 auto;
width: 230px
}
.jp .registrationForm .submit,.font-loaded .jp .registrationForm .submit {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .registrationForm .submit,.font-loaded .cn .registrationForm .submit {
font-family: sans-serif
}
.font-loaded .registrationForm .submit {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.registrationForm .submit:hover {
cursor: pointer
}
.registrationForm .submit:hover {
background-color: #4d4d4d;
border-color: #4d4d4d
}
.ru .registrationForm .submit {
text-transform: uppercase
}
label[for='weak'] {
color: #c00
}
label[for='medium'] {
color: #E7DB00
}
label[for='strong'] {
color: #76C661
}
#passwordStrengthBlock {
max-width: 370px;
margin: 0 auto
}
#passwordStrengthBlock.weak .weak {
background-color: #c00
}
#passwordStrengthBlock.medium .weak,#passwordStrengthBlock.medium .medium {
background-color: #E7DB00
}
#passwordStrengthBlock.strong div {
background-color: #76C661
}
#passwordStrengthBlock div {
float: left;
width: 19%;
height: 10px;
background-color: #ccc;
margin: 0 0.5%
}
#RegistrationViewModel_Gender_Wrapper {
padding-top: 20px
}
#RegistrationViewModel_Password_Wrapper {
width: 100%;
margin-bottom: 9px
}
#RegistrationViewModel_BirthDate_Wrapper {
height: 85px
}
#RegistrationViewModel_BirthDate_Wrapper .fieldLabel {
display: block;
top: 0
}
#RegistrationViewModel_BirthDate_Wrapper .field-validation-container {
top: -3px;
border: none;
background-color: #E6E6E6
}
#RegistrationViewModel_BirthDate_Wrapper .selectInput_wrapper {
width: 31%;
float: left;
margin: 0 1%;
padding-top: 20px
}
#RegistrationViewModel_BirthDate_Wrapper .selectInput_wrapper .text {
display: none
}
.jp #RegistrationViewModel_Surname_Wrapper,.jp #RegistrationViewModel_Name_Wrapper,.jp #RegistrationViewModel_FuriganaSurname_Wrapper,.jp #RegistrationViewModel_FuriganaName_Wrapper {
width: 48%;
display: inline-block
}
.jp #RegistrationViewModel_Name_Wrapper,.jp #RegistrationViewModel_FuriganaName_Wrapper {
margin-left: 2%
}
.cn .addressbookMenu {
border-bottom: 1px solid #ccc
}
.cn .creditcardMenu {
display: none
}
.cn .logoutContainer {
border-right: 1px solid #ccc
}
.uiLayer-account.uiLayer-loginForm .mfp-content {
max-width: 700px
}
#popUpEmailDifferentCountry {
font-size: 13px;
text-align: center;
line-height: 24px
}
#popUpEmailDifferentCountry .title {
font-family: serif;
margin-bottom: 32px;
font-size: 30px
}
.jp #popUpEmailDifferentCountry .title,.font-loaded .jp #popUpEmailDifferentCountry .title {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn #popUpEmailDifferentCountry .title,.font-loaded .cn #popUpEmailDifferentCountry .title {
font-family: sans-serif
}
.font-loaded #popUpEmailDifferentCountry .title {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
#popUpEmailDifferentCountry a {
text-decoration: underline
}
#popUpEmailDifferentCountry p {
margin-bottom: 22px
}
.guestLoginForm h1 {
font-size: 24px
}
.guestLoginForm p {
margin-bottom: 30px
}
.guestLoginForm button[type="submit"] {
display: table;
margin: 60px auto;
min-width: 230px
}
.guestLoginForm .buttonToLink {
font-family: sans-serif;
-moz-transition: background 0.1s,color 0.1s,border 0.1s;
-o-transition: background 0.1s,color 0.1s,border 0.1s;
-webkit-transition: background 0.1s,color 0.1s,border 0.1s;
transition: background 0.1s,color 0.1s,border 0.1s;
padding: 15px 20px 11px;
background: transparent;
color: #333;
font-size: 13px;
line-height: 15px;
cursor: pointer;
font-family: sans-serif;
display: block;
margin: 15px 0 30px;
border-bottom: 1px solid #9d9d9d;
padding: 0;
width: auto;
min-width: initial;
font-size: 12px;
text-align: left;
text-transform: none;
white-space: nowrap
}
.jp .guestLoginForm .buttonToLink,.font-loaded .jp .guestLoginForm .buttonToLink {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .guestLoginForm .buttonToLink,.font-loaded .cn .guestLoginForm .buttonToLink {
font-family: sans-serif
}
.font-loaded .guestLoginForm .buttonToLink {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.guestLoginForm .buttonToLink:hover {
cursor: pointer
}
.jp .guestLoginForm .buttonToLink,.font-loaded .jp .guestLoginForm .buttonToLink {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .guestLoginForm .buttonToLink,.font-loaded .cn .guestLoginForm .buttonToLink {
font-family: sans-serif
}
.font-loaded .guestLoginForm .buttonToLink {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
.uiLayer-countryLayer .mfp-content {
font-family: sans-serif;
text-align: center;
width: 80%
}
.font-loaded .uiLayer-countryLayer .mfp-content {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 400
}
.uiLayer-countryLayer .mfp-content h1,.uiLayer-countryLayer .mfp-content .chooseYourCountryTitle {
font-family: serif
}
.font-loaded .uiLayer-countryLayer .mfp-content h1,.font-loaded .uiLayer-countryLayer .mfp-content .chooseYourCountryTitle {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.uiLayer-countryLayer .mfp-content h2 {
font-family: sans-serif
}
.font-loaded .uiLayer-countryLayer .mfp-content h2 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.uiLayer-countryLayer .inner {
padding-left: 90px;
padding-right: 90px
}
.uiLayer-countryLayer h1,.uiLayer-countryLayer .chooseYourCountryTitle {
font-family: serif;
margin-bottom: 37px;
color: #333;
font-size: 46px;
letter-spacing: 1px
}
.font-loaded .uiLayer-countryLayer h1,.font-loaded .uiLayer-countryLayer .chooseYourCountryTitle {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.uiLayer-countryLayer h1:before,.uiLayer-countryLayer .chooseYourCountryTitle:before {
background: url("../images/logoheader_desktop_ds.png") no-repeat;
background-size: 97px 92px;
content: "";
position: absolute;
display: block;
width: 97px;
height: 92px;
top: -49px;
left: 50%;
margin-left: -49px
}
.uiLayer-countryLayer p {
font-size: 12px;
letter-spacing: 0.7px;
color: #333
}
.uiLayer-countryLayer p a {
color: #333;
border-bottom: 1px solid #c8c8c8
}
.uiLayer-countryLayer h2 {
font-family: sans-serif;
padding-bottom: 14px;
margin-bottom: 22px;
color: #333;
font-size: 13px;
text-transform: uppercase;
border-bottom: 1px solid #c8c8c8
}
.font-loaded .uiLayer-countryLayer h2 {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
.uiLayer-countryLayer .noEcommerce {
text-align: center;
padding-left: 50%
}
#countries-list {
width: 100%;
margin: 0 0;
overflow: hidden;
*zoom: 1;
padding-top: 60px
}
#countries-list .column-1 {
float: left;
margin-right: -100%;
width: 49%
}
#countries-list .column-2 {
float: left;
margin-right: -100%;
width: 23.5%;
margin-left: 51%
}
#countries-list .column-3 {
float: left;
margin-right: -100%;
width: 23.5%;
margin-left: 76.5%
}
#countries-list .europe .column-1 {
float: left;
margin-right: -100%;
width: 49%
}
#countries-list .europe .column-2 {
float: left;
margin-right: -100%;
width: 49%;
margin-left: 51%
}
#countries-list li {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.2px
}
.nations a {
display: inline-block;
padding: 9px 0;
color: #333
}
.nations .text {
display: block;
margin: 0;
padding-bottom: 2px;
line-height: 10px;
color: #333
}
.nations .selected .text {
font-family: sans-serif
}
.jp .nations .selected .text,.font-loaded .jp .nations .selected .text {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .nations .selected .text,.font-loaded .cn .nations .selected .text {
font-family: sans-serif
}
.font-loaded .nations .selected .text {
font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
font-weight: 700
}
@media screen and (max-width: 1024px) {
.uiLayer-countryLayer .noEcommerce {
text-align: center;
padding-left: 0
}
.uiLayer-countryLayer .inner {
padding-top: 108px
}
.uiLayer-countryLayer .mfp-content {
width: 90%
}
.uiLayer-countryLayer h1 {
font-size: 40px;
margin-bottom: 20px
}
.uiLayer-countryLayer h1:before {
top: -49
}
.uiLayer-countryLayer p {
line-height: 15px
}
#countries-list {
margin-bottom: 120px;
padding-top: 78px
}
#countries-list .column-1,#countries-list .column-2,#countries-list .column-3,#countries-list .europe .column-1,#countries-list .europe .column-2 {
width: 100%;
margin-right: 0;
margin-left: 0
}
#countries-list .europe .column-1 ul {
margin-bottom: 0
}
#countries-list h2 {
padding-bottom: 20px;
margin-bottom: 0;
padding: 21px 0;
border-top: 1px solid #c8c8c8;
border-bottom: none
}
#countries-list .column-3 {
border-bottom: 1px solid #c8c8c8
}
#countries-list ul {
display: none;
margin-bottom: 20px
}
#countries-list ul.visible-tablet {
display: block
}
}
#errors #main {
min-height: inherit;
background: #000 url(../images/cyc-bg.jpg)
}
.errorPage {
width: 100%;
max-width: 1140px;
margin: 80px auto;
padding: 40px 20px;
background: #ccc;
color: #333
}
.errorPage>* {
max-width: 400px
}
.errorPage h1 {
font-family: serif;
position: relative;
margin: 27px auto;
color: #333;
font-size: 38px;
letter-spacing: 1px;
text-align: center
}
.jp .errorPage h1,.font-loaded .jp .errorPage h1 {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif
}
.cn .errorPage h1,.font-loaded .cn .errorPage h1 {
font-family: sans-serif
}
.font-loaded .errorPage h1 {
font-family: "BauerBodoni", Georgia, serif;
font-weight: 300;
letter-spacing: 0.02em
}
.errorPage p {
margin: 0 auto 20px;
font-size: 12px;
line-height: 18px;
text-align: center
}
.errorPage .description {
font-size: 13px
}
.errorPage a {
display: block;
margin: 27px auto;
font-size: 12px;
text-align: center;
text-decoration: underline
}
@-moz-keyframes fade {
from {
opacity: 1
}
to {
opacity: 0.2
}
}
@-webkit-keyframes fade {
from {
opacity: 1
}
to {
opacity: 0.2
}
}
@keyframes fade {
from {
opacity: 1
}
to {
opacity: 0.2
}
}
.loadingAnimation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: wait
}
.no-cssanimations .loadingAnimation {
background-image: url("../images/loading_spinner.gif");
background-position: center center;
background-repeat: no-repeat
}
.no-cssanimations .loadingAnimation .spinner,.no-cssanimations .loadingAnimation .se {
display: none
}
.cssanimations .loadingAnimation .spinner {
position: absolute;
width: 20px;
height: 20px;
display: block;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px
}
.cssanimations .loadingAnimation .spinner .se {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
width: 7%;
height: 25%;
background: #000;
position: absolute;
left: 33.3%;
top: 37%
}
.cssanimations .loadingAnimation .spinner .b1 {
-moz-transform: rotate(0deg) translate(0, -142%);
-ms-transform: rotate(0deg) translate(0, -142%);
-webkit-transform: rotate(0deg) translate(0, -142%);
transform: rotate(0deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0s;
-webkit-animation: fade 0.75s infinite 0s;
animation: fade 0.75s infinite 0s
}
.cssanimations .loadingAnimation .spinner .b2 {
-moz-transform: rotate(30deg) translate(0, -142%);
-ms-transform: rotate(30deg) translate(0, -142%);
-webkit-transform: rotate(30deg) translate(0, -142%);
transform: rotate(30deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.0625s;
-webkit-animation: fade 0.75s infinite 0.0625s;
animation: fade 0.75s infinite 0.0625s
}
.cssanimations .loadingAnimation .spinner .b3 {
-moz-transform: rotate(60deg) translate(0, -142%);
-ms-transform: rotate(60deg) translate(0, -142%);
-webkit-transform: rotate(60deg) translate(0, -142%);
transform: rotate(60deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.125s;
-webkit-animation: fade 0.75s infinite 0.125s;
animation: fade 0.75s infinite 0.125s
}
.cssanimations .loadingAnimation .spinner .b4 {
-moz-transform: rotate(90deg) translate(0, -142%);
-ms-transform: rotate(90deg) translate(0, -142%);
-webkit-transform: rotate(90deg) translate(0, -142%);
transform: rotate(90deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.1875s;
-webkit-animation: fade 0.75s infinite 0.1875s;
animation: fade 0.75s infinite 0.1875s
}
.cssanimations .loadingAnimation .spinner .b5 {
-moz-transform: rotate(120deg) translate(0, -142%);
-ms-transform: rotate(120deg) translate(0, -142%);
-webkit-transform: rotate(120deg) translate(0, -142%);
transform: rotate(120deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.25s;
-webkit-animation: fade 0.75s infinite 0.25s;
animation: fade 0.75s infinite 0.25s
}
.cssanimations .loadingAnimation .spinner .b6 {
-moz-transform: rotate(150deg) translate(0, -142%);
-ms-transform: rotate(150deg) translate(0, -142%);
-webkit-transform: rotate(150deg) translate(0, -142%);
transform: rotate(150deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.3125s;
-webkit-animation: fade 0.75s infinite 0.3125s;
animation: fade 0.75s infinite 0.3125s
}
.cssanimations .loadingAnimation .spinner .b7 {
-moz-transform: rotate(180deg) translate(0, -142%);
-ms-transform: rotate(180deg) translate(0, -142%);
-webkit-transform: rotate(180deg) translate(0, -142%);
transform: rotate(180deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.375s;
-webkit-animation: fade 0.75s infinite 0.375s;
animation: fade 0.75s infinite 0.375s
}
.cssanimations .loadingAnimation .spinner .b8 {
-moz-transform: rotate(210deg) translate(0, -142%);
-ms-transform: rotate(210deg) translate(0, -142%);
-webkit-transform: rotate(210deg) translate(0, -142%);
transform: rotate(210deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.4375s;
-webkit-animation: fade 0.75s infinite 0.4375s;
animation: fade 0.75s infinite 0.4375s
}
.cssanimations .loadingAnimation .spinner .b9 {
-moz-transform: rotate(240deg) translate(0, -142%);
-ms-transform: rotate(240deg) translate(0, -142%);
-webkit-transform: rotate(240deg) translate(0, -142%);
transform: rotate(240deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.5s;
-webkit-animation: fade 0.75s infinite 0.5s;
animation: fade 0.75s infinite 0.5s
}
.cssanimations .loadingAnimation .spinner .b10 {
-moz-transform: rotate(270deg) translate(0, -142%);
-ms-transform: rotate(270deg) translate(0, -142%);
-webkit-transform: rotate(270deg) translate(0, -142%);
transform: rotate(270deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.5625s;
-webkit-animation: fade 0.75s infinite 0.5625s;
animation: fade 0.75s infinite 0.5625s
}
.cssanimations .loadingAnimation .spinner .b11 {
-moz-transform: rotate(300deg) translate(0, -142%);
-ms-transform: rotate(300deg) translate(0, -142%);
-webkit-transform: rotate(300deg) translate(0, -142%);
transform: rotate(300deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.625s;
-webkit-animation: fade 0.75s infinite 0.625s;
animation: fade 0.75s infinite 0.625s
}
.cssanimations .loadingAnimation .spinner .b12 {
-moz-transform: rotate(330deg) translate(0, -142%);
-ms-transform: rotate(330deg) translate(0, -142%);
-webkit-transform: rotate(330deg) translate(0, -142%);
transform: rotate(330deg) translate(0, -142%);
-moz-animation: fade 0.75s infinite 0.6875s;
-webkit-animation: fade 0.75s infinite 0.6875s;
animation: fade 0.75s infinite 0.6875s
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
content: ""
}
pre,blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}@ page {
margin: 0.5cm
}
p,h2,h3 {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
#tabletMenu,#siteHeader,.promotions,.wishListLayer,#mainMenu,#siteFooter,#legalMenu,#upsNumbersPopUp,.backToTop,.stampLink {
display: none !important
}
}
#contentExp {
min-height: 560px;
text-align: center
}
#sorter{
border-bottom:1px solid gray;
width:100%;
font-family: "BauerBodoni",Georgia,serif;
font-weight: 300;
letter-spacing: 0.02em;color: gray;
padding-bottom:6px;
font-size:14px;
}
#sorter a {
font-family: "BauerBodoni",Georgia,serif;
font-weight: 300;
letter-spacing: 0.02em;color: gray;
padding: 5px;
font-size:14px;
}
.light {
background-color: #fff;
}
.row {
margin-left: -12px;
margin-right: -12px;
}