.esw-country-selector { border-bottom: 0.3125rem solid #4d4d4d; width: 100%; } @media screen and (min-width: 48rem) { .esw-country-selector { border-bottom: none; padding: 0; position: absolute; top: -1rem; right: 0.2rem; z-index: 30; width: auto; } } .esw-country-selector .selector { display: none; margin-top: 0.5rem; padding-left: 2rem; } .esw-country-selector .selector.active { display: block; } @media screen and (min-width: 48rem) { .esw-country-selector .selector { background-color: #fff; border-radius: 0.1875rem; box-shadow: -0.0625rem 0.125rem 0.25rem rgba(0, 0, 0, .3); margin-top: 1rem; padding: 1rem; } } .esw-country-selector .current-country { cursor: pointer; padding: 0.8em 1rem; } .esw-country-selector .current-country.selector-active { border-bottom: 0.0625rem solid #1a1a1a; } .esw-country-selector .current-country.selector-active .selector-icon { transform: rotate(270deg); } @media screen and (min-width: 48rem) { .esw-country-selector .current-country { padding: 0; } .esw-country-selector .current-country.selector-active { border-bottom: none; padding-bottom: 0; position: absolute; right: 0; } } .esw-country-selector .current-country .selector-icon { margin-right: 0.3rem; margin-top: 0.3rem; } @media screen and (min-width: 48rem) { .esw-country-selector .current-country .selector-icon { float: right; margin-right: 0; margin-left: 0.3rem; transform: rotate(90deg); } } .esw-country-selector .current-country .flag-icon { border: none; } .esw-country-selector .continent-name { margin-top: 0; margin-bottom: 0.5rem; } @media screen and (min-width: 48rem) { .esw-country-selector .continent-name { color: #900; } } .esw-country-selector .country { margin-bottom: 0.5rem; } .esw-country-selector .locale { border-right: 0.0625rem solid #e0e0e0; display: inline-block; padding: 0 0.3rem; vertical-align: middle; } .esw-country-selector .locale:first-of-type { padding-left: 0; } .esw-country-selector .locale:last-of-type { border-right: none; padding-right: 0; } .esw-country-selector .flag-icon { width: 25px; height: 20px; border: 0.0625rem solid #e0e0e0; margin-right: 0.3rem; background-position: initial; } .esw-country-selector .landing-link { text-decoration: none; } .esw-country-selector .landing-link:hover, .esw-country-selector .landing-link:focus { text-decoration: underline; } .pt_checkout .selectors.headerDropdown { display: none; } .pt_order-confirmation .selectors.headerDropdown { display: none; } .selectors.headerDropdown .esw-country-selector { position: relative; top: 0; right: 0; } .selectors.headerDropdown .esw-country-selector .current-country.selector-active { position: relative; } .selectors.headerDropdown .esw-country-selector .selector.active { position: absolute; width: auto; } .selectors.headerDropdown .esw-country-selector .selector.active a { margin: 0.3125rem 0rem; display: block; } .selectors { display: block; width: 23.125rem; } .selectors .esw-country-selector { width: 14.3125rem; display: inline-block; border-bottom: none; } .selectors .esw-country-selector .selector.active { background-color: #fff; border-radius: 0.1875rem; box-shadow: -0.0625rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3); margin-top: 1rem; padding: 0 1rem; } @media screen and (min-width: 48rem) { .selectors .esw-country-selector:nth-child(2) { width: 6.25rem; } .selectors .esw-country-selector:nth-child(3) { width: 4.375rem; } } .selectors .esw-country-selector select { max-width: 7.5625rem; } .selectors .esw-country-selector select option { color: black; } .selectors.footerDropdown .footer-select { position: relative; margin-top: 1.5625rem; float: left; padding-left: .2rem; } .selectors.footerDropdown .footer-select .current-country { color: white; } .selectors.footerDropdown .footer-select .current-country.selector-active { position: relative; } .selectors.footerDropdown .footer-select .selector.active { position: absolute; width: auto; bottom: 2.1875rem; } .selectors.footerDropdown .footer-select .selector.active a { margin: 0.3125rem 0rem; display: block; color: black; } @media screen and (min-width: 48rem) { .selectors.footerDropdown .footer-select:nth-child(1) { width: 14.3125rem; } } .selectors.headerDropdown { position: absolute; display: block; top: 2.5rem; right: 3.5rem; width: 1.6rem; overflow: hidden; color: white; cursor: pointer; } #navigation .selectors.headerDropdown { position: relative; top: 0; right: 0; width: auto; padding: .75rem 1.1rem; } #navigation .selectors.headerDropdown span { padding-left: .5rem; } .selectors.headerDropdown .selector-icon, .selectors.footerDropdown .selector-icon { display: none; } .selectors.headerDropdown .esw-country-selector.active { position: relative; } @media screen and (max-width: 767px) { .selectors.headerDropdown { top: 1.43rem; } .selectors.footerDropdown { display: none; } } .selectors.headerDropdown div select { border: 0; background: no-repeat; } .selectors.footerDropdown { margin-left: 0; margin-top: 0; width: auto; cursor: pointer; } @media screen and (max-width: 26.5625rem) { .selectors { width: 90%; } .selectors div { width: 100%; display: block; } } .modalBg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: black; z-index: 200; opacity: 0.8; } .eswModal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; padding: 0.9375rem 1.25rem; background: #fff; border: 0.0625rem solid black; min-width: 18.75rem; color: black; height: auto; width: auto; max-width: 31rem; } .eswModal .eswModal-content div.logo, .eswModal .eswModal-content p { text-align: center; } .eswModal .eswModal-content p { margin: 1rem 2.6rem; } .eswModal .eswModal-content p.privacy { margin: 2.5rem 0 1rem; } .eswModal .eswModal-content div.logo div { display: inline-block; background-color: #fff; padding: .8rem; } .eswModal .eswModal-content div.logo svg { fill: #000; } .eswModal .eswModal-content ul li { margin-bottom: 0.5rem; } .eswModal .eswModal-content ul li:before { content: "•"; font-size: 0.875rem; margin-right: 0.3rem; } @media screen and (max-width: 767px) { .eswModal .eswModal-content ul { padding-left: 1rem; margin-left: 0.5rem; } .eswModal .eswModal-content p { margin: 1rem 1rem; } } .eswModal .eswModal-content div.closeLandingPage { text-align: right; line-height: 1rem; margin-bottom: -1rem } .eswModal .eswModal-content div.closeLandingPage a { font-size: 2rem; text-decoration: none; } .eswModal .selectors { margin: 2rem auto; width: 80%; } .eswModal .selectors label { display: none; } .eswModal .selectors .esw-country-selector { display: block; width: 100%; margin: 0 auto 1rem; position: relative; top: 0; right: 0; } .eswModal .selectors .esw-country-selector .current-country { border: 0.0625rem solid gray; padding: 0.375rem 0.375rem 0.375rem 0.7rem; width: 100%; } @media screen and (max-width: 47.9375rem) { .eswModal .selectors { width: 20rem; } .eswModal .selectors .esw-country-selector { max-width: 80%; } .eswModal .selectors .esw-country-selector .current-country { width: 100%; } } .eswModal .selectors .esw-country-selector .current-country.selector-active { position: relative; } .eswModal .selectors .esw-country-selector label { float: left; padding: 0.3125rem 0rem; } .eswModal .selectors .esw-country-selector .selector.active { position: absolute; width: auto; bottom: auto; max-height: 12.5rem; min-width: 12.1875rem; overflow-y: scroll; top: 13px; } .eswModal .selectors .esw-country-selector.selectCurrency .select-field.disabled { cursor: not-allowed; color: gray; } .eswModal .selectors .esw-country-selector.selectCurrency .select-field .current-country.disabled { pointer-events: none; } @media screen and (max-width: 47.9375rem) { .eswModal .selectors .esw-country-selector .selector.active { width: 100%; bottom: auto; top: 40px; z-index: 11; } } .eswModal .selectors .esw-country-selector .selector.active a { margin: 0.3125rem 0rem; display: block; } @media screen and (max-width: 47.9375rem) { .selectors { padding-top: 0; flex-direction: column; } .selectors div { width: 100%; } } .product-not-available-msg-cart { padding-top: 0.625rem; color: #900; } .selector-container .selectCountry {	z-index: 113; } .selector-container .selectLanguage {	z-index: 111; } .eswModal h3 { text-transform: none; margin: 2rem 0 0.5rem; font-size: .875rem; color: #808080; font-family: Assistant, Arial, Helvetica, sans-serif; letter-spacing: initial; } .eswModal #continueButton { width: 80%; margin: 0.5rem auto 0; display: block; }
#eswLandingFooterBar { box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.03); background: #fff; width: 100%; padding: 12px 24px; position: fixed; left: 0; bottom: 0; z-index: 115;
}
#eswLandingFooterBar .flag-icon { width: 2rem; height: 1.5rem; position: absolute; top: -.75rem;
}
#eswLandingFooterBar h2 { font-weight: bold; font-size: 1rem; text-transform: none; letter-spacing: 0;
}
.btn.closeFooterBar { padding-left: 2.25rem; padding-right: 2.25rem; margin-right: 1.25rem;
}
@media screen and (min-width: 48rem) { #eswLandingFooterBar { left: 1rem; bottom: 1rem; max-width: 22rem; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14); }
}
#ot-sdk-btn-floating.ot-floating-button button { padding: 0
}