/* stylelint-disable */ /** BAUER BODONI FONT SETUP MIXIN ------------------------------------------------------------------------------- */ /** GOTHAM FONT SETUP MIXIN ------------------------------------------------------------------------------------ */ /** FONTS UTILS AND CONVERSION TOOLS -------------------------------------------------------------------------------- */ select + .description { display: none !important; } .autocompleteAddress .addressExample.inner { padding: 0 !important; background: transparent; } .autocompleteAddress.invalidRow .addressExample.inner { color: #ed0000; } .addressExample.outer { display: none !important; } /** * ACCESSIBILITY: Visually hidden * * Hide content, it is made specifically for blind navigation * (Such as explanatory text, or advanced call to actions made specifically for keyboard navigation) */ [data-whatinput='keyboard'][data-whatintent="keyboard"] form#escalation .crm-form-field-attachments.focus-within label, .crm-search-container [data-whatinput='keyboard'] #searchBtn:focus { outline: 0.2rem solid #ed0000; outline-offset: 0.5rem; } [data-whatinput='keyboard'][data-whatintent="keyboard"] form#escalation .crm-form-field-attachments:focus-within label, .crm-search-container [data-whatinput='keyboard'] #searchBtn:focus { outline: 0.2rem solid #ed0000; outline-offset: 0.5rem; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { padding: 2rem 2rem; } @media (min-width: 768px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { padding: 4rem 4rem; } } @media (min-width: 1024px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { padding: 4rem 4rem; } } @media (min-width: 1440px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { padding: 6rem 6rem; } } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { width: 100%; max-width: 1024px; } @media (min-width: 1025px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { width: 80%; } } @media (min-width: 1440px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner { width: 75%; } } /** * */ /* MIXIN ICONS For icons common style */ #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li.active label:before, #crm-wrapper #crm-container .crm-widget-backtop a::before, #crm-wrapper #crm-container .crm-widget-backtop a::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:hover::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, #crm-wrapper #crm-container .crm-back-top a .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:hover .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, form#escalation .crm-form-field-topic select:before, .crm-search-container #searchBtn { display: inline-block; background-size: contain; background-position: center; background-repeat: no-repeat; } #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li.active label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars--sent p, #crm-wrapper #crm-container .crm-widget-backtop a::before, #crm-wrapper #crm-container .crm-widget-backtop a::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:hover::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, #crm-wrapper #crm-container .crm-back-top a .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:hover .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, form#escalation .crm-form-field-topic select:before, .crm-search-container #searchBtn { width: 2.5rem; height: 2.5rem; } @media (min-width: 768px) { #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li.active label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars--sent p, #crm-wrapper #crm-container .crm-widget-backtop a::before, #crm-wrapper #crm-container .crm-widget-backtop a::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:hover::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, #crm-wrapper #crm-container .crm-back-top a .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:hover .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, form#escalation .crm-form-field-topic select:before, .crm-search-container #searchBtn { width: 3rem; height: 3rem; } } @media (min-width: 1024px) { #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li.active label:before, #crm-wrapper #crm-container .crm-widget-feedback-stars--sent p, #crm-wrapper #crm-container .crm-widget-backtop a::before, #crm-wrapper #crm-container .crm-widget-backtop a::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:hover::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, #crm-wrapper #crm-container .crm-back-top a .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:hover .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, form#escalation .crm-form-field-topic select:before, .crm-search-container #searchBtn { width: 2.2rem; height: 2.3rem; } } #crm-main { color: #000000; } #crm-wrapper #crm-container .crm-article + a { border-bottom: 1px solid #525252; display: block; } #crm-wrapper #crm-container .crm-section-index { padding: 4rem 0; text-align: left; } #crm-wrapper #crm-container .crm-section-index H1 { font-size: 26px; font-size: 2.6rem; font-family: 'BauerBodoni',"Times New Roman Bold", serif; font-weight: 400; color: inherit; line-height: 1em; text-transform: none; text-align: left; } @media (min-width: 768px) { #crm-wrapper #crm-container .crm-section-index H1 { font-size: 3.6rem; } } @media (min-width: 1024px) { #crm-wrapper #crm-container .crm-section-index H1 { font-size: 4.6rem; } } #crm-wrapper #crm-container .crm-section-index p { padding: 1rem 0; } #crm-wrapper #crm-container .crm-section-index nav a { color: #000000; } #crm-wrapper #crm-container .crm-widget-hr { margin-bottom: 1rem; } #crm-wrapper #crm-container .crm-article { padding: 4rem 0; margin-bottom: 0; } #crm-wrapper #crm-container .crm-article H1 { text-transform: uppercase; font-size: 20px; font-size: 2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 700; letter-spacing: 0; color: #000000; margin-bottom: 4rem; } #crm-wrapper #crm-container #crm-wrapper #crm-container .crm-article h1 { margin-bottom: 0; padding-bottom: 2rem; text-align: left; } #crm-wrapper #crm-container #crm-wrapper #crm-container .crm-article h1 a { text-transform: uppercase; font-size: 20px; font-size: 2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 700; letter-spacing: 0; } #crm-wrapper #crm-container .crm-article-content { line-height: 2.2rem; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 400; color: #000000; } #crm-wrapper #crm-container .crm-article-content > ul:not(.crm-icons) { padding: 0.5rem 0 0.5rem 2rem; list-style: disc; } #crm-wrapper #crm-container .crm-article-content > ul:not(.crm-icons) li { padding: 0.25rem 0; } #crm-wrapper #crm-container .crm-article-content > ol { padding: 0.5rem 0 0.5rem 2rem; list-style: decimal; } #crm-wrapper #crm-container .crm-article-content > ol li { padding: 0.25rem 0; } #crm-wrapper #crm-container .crm-article footer { padding: 1rem 0; } #crm-wrapper #crm-container .crm-article footer section { padding: 1rem 0; } #crm-wrapper #crm-container .crm-article footer section:not(.crm-widget-feedback-stars) ul { list-style: disc; padding-left: 2rem; } #crm-wrapper #crm-container .crm-widget-feedback-stars > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } #crm-wrapper #crm-container .crm-widget-feedback-stars h2 { display: none; } #crm-wrapper #crm-container .crm-widget-feedback-stars p { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: initial; padding: 0; position: static; white-space: unset; width: auto; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; margin-right: 2rem; } #crm-wrapper #crm-container .crm-widget-feedback-stars form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0.5rem 0; } #crm-wrapper #crm-container .crm-widget-feedback-stars form ul { display: -webkit-box; display: -ms-flexbox; display: flex; } #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label { display: -webkit-box; display: -ms-flexbox; display: flex; } #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label:before { content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/star.svg"); cursor: pointer; margin-right: 1rem; } #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li label span.text { display: none; } #crm-wrapper #crm-container .crm-widget-feedback-stars form ul li.active label:before { content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/star-on.svg"); } #crm-wrapper #crm-container .crm-widget-feedback-stars-submit { display: none; } #crm-wrapper #crm-container .crm-widget-feedback-stars--sent p { padding-bottom: 0.5rem; } #crm-wrapper #crm-container .crm-widget-backtop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 2rem 0; } #crm-wrapper #crm-container .crm-widget-backtop a { position: relative; padding-right: 3rem; text-transform: uppercase; } .de #crm-wrapper #crm-container .crm-widget-backtop a, .at #crm-wrapper #crm-container .crm-widget-backtop a, .ru #crm-wrapper #crm-container .crm-widget-backtop a, .jp #crm-wrapper #crm-container .crm-widget-backtop a, .cn #crm-wrapper #crm-container .crm-widget-backtop a { text-transform: none; } #crm-wrapper #crm-container .crm-widget-backtop a::before { display: none; content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/arrow-up.svg"); } #crm-wrapper #crm-container .crm-widget-backtop a::after { position: absolute; right: 0; content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/arrow-up.svg"); background-position: 0 0; } [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:hover::after, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-widget-backtop a:focus::after { content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/arrow-up.svg"); } #crm-wrapper #crm-container .crm-back-top { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 0; } #crm-wrapper #crm-container .crm-back-top a { display: -webkit-box; display: -ms-flexbox; display: flex; } #crm-wrapper #crm-container .crm-back-top a .icon { content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/arrow-up.svg"); background-position: 0 0; margin-left: 1rem; } [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:hover .icon, [data-whatintent="mouse"] #crm-wrapper #crm-container .crm-back-top a:focus .icon, [data-whatinput="keyboard"] #crm-wrapper #crm-container .crm-back-top a:focus .icon { content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/arrow-up.svg"); } #crm-wrapper #crm-container .crm-back-top .text { text-transform: uppercase; } .de #crm-wrapper #crm-container .crm-back-top .text, .at #crm-wrapper #crm-container .crm-back-top .text, .ru #crm-wrapper #crm-container .crm-back-top .text, .jp #crm-wrapper #crm-container .crm-back-top .text, .cn #crm-wrapper #crm-container .crm-back-top .text { text-transform: none; } @media (min-width: 768px) { #crm-wrapper #crm-container .crm-section-index { padding: 0; padding-bottom: 4rem; } #crm-wrapper #crm-container .crm-article h1 a { text-transform: uppercase; font-size: 20px; font-size: 2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 700; letter-spacing: 0; } #crm-wrapper #crm-container .crm-article footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #crm-wrapper #crm-container .crm-article footer section { min-width: 51%; } #crm-wrapper #crm-container .crm-back-top { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #crm-wrapper #crm-container .crm-back-top a { height: auto; } } .form-error-message { color: #ed0000; font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #ed0000; text-align: left; } .store-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .store-list .store-entry { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1024px) { .store-list .store-entry { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } .store-list .store-entry:nth-child(2n+1) .store-entry-inner { margin-left: 0; } .store-list .store-entry:nth-child(2n) .store-entry-inner { margin-right: 0; } } .store-list .store-entry .store-entry-inner { border: 1px solid #C4C4C4; padding: 1rem; margin: 0.5rem 0; min-height: 13rem; position: relative; } @media (min-width: 1024px) { .store-list .store-entry .store-entry-inner { min-height: 16rem; margin: 0.5rem; } } .store-list .store-entry h3 { font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 700; letter-spacing: 0; color: #000000; } .store-list .store-entry .address { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2rem; } .store-list .store-entry .storeInfo { word-break: break-all; } .store-list .store-entry .phone { display: block; } .size-guide__table { position: relative; max-width: 2014px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; overflow: hidden; white-space: nowrap; } .size-guide__table .table-caption { text-align: center; padding-bottom: 2rem; line-height: 2.2rem; line-height: 1.8rem; font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 400; color: #000000; white-space: normal; } .size-guide__table .table-container { position: relative; width: 100%; } .size-guide__table .table-container .table-wrapper { max-width: 100%; width: 100%; max-height: 80vh; overflow: scroll; } .size-guide__table .table-container .table-wrapper::-webkit-scrollbar { -webkit-appearance: none; } .size-guide__table .table-container .table-wrapper::-webkit-scrollbar:vertical { width: 16px; } .size-guide__table .table-container .table-wrapper::-webkit-scrollbar:horizontal { height: 16px; } .size-guide__table .table-container .table-wrapper::-webkit-scrollbar-thumb { background-color: #C4C4C4; } .size-guide__table .table-container table { line-height: 2.2rem; line-height: 1.8rem; font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 400; color: #000000; border-collapse: collapse; border-spacing: 0; margin: 0 auto; display: table; width: 100%; } .size-guide__table .table-container table thead { font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; } .size-guide__table .table-container table thead th { position: -webkit-sticky; position: sticky; top: 0; background: #ffffff; -webkit-box-shadow: 0 4px 3px -3px #EFEFEF; box-shadow: 0 4px 3px -3px #EFEFEF; } .size-guide__table .table-container table tbody tr:nth-child(odd) { background: #EFEFEF; } .size-guide__table .table-container table th, .size-guide__table .table-container table td { padding: 2rem; text-align: center; white-space: nowrap; vertical-align: middle; } .size-guide__table p { display: none; } .size-guide__table { margin-top: 2rem; padding: 2rem 0; border-top: 1px solid #525252; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .size-guide__table-title { margin-bottom: 2rem; display: inline-block; white-space: normal; } .size-guide__table .table-container .table-wrapper { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; } .size-guide__table .table-container .table-wrapper table { margin: 0; } .size-guide__table .table-container .table-wrapper table th, .size-guide__table .table-container .table-wrapper table td { padding: 1rem; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers { padding-top: 4rem; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #C4C4C4; text-align: center; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1 { font-size: 22px; font-size: 2.2rem; font-family: 'BauerBodoni',"Times New Roman Bold", serif; font-weight: 400; color: #000000; line-height: 2.2rem; letter-spacing: 0.2rem; text-transform: uppercase; font-size: 2.4rem; font-weight: normal; padding-bottom: 2rem; text-transform: none; text-align: center; } .de .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1, .at .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1, .ru .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1, .jp .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1, .cn .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1 { text-transform: none; } @media (min-width: 768px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-section-list-head H1 { font-size: 3.0rem; line-height: 3.0rem; } } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-widget-hr-medium { display: none !important; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-article { padding-bottom: 4rem; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-article H1 { text-transform: uppercase; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-article a { margin-top: 1rem; display: inline-block; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #000000; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #ffffff; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; margin-bottom: 2rem; } [data-whatintent='mouse'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button:hover, [data-whatintent='mouse'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button:focus, [data-whatinput='keyboard'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button:focus { color: #ffffff; border-color: #ffffff; text-decoration: underline; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button.disabled, .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button[aria-disabled='true'], [data-whatintent='mouse'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button:hover.disabled, [data-whatintent='mouse'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button:focus.disabled, [data-whatintent='mouse'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button[aria-disabled='true']:hover, [data-whatintent='mouse'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button[aria-disabled='true']:focus, [data-whatinput='keyboard'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button:focus.disabled, [data-whatinput='keyboard'] .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons button[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1 { font-size: 22px; font-size: 2.2rem; font-family: 'BauerBodoni',"Times New Roman Bold", serif; font-weight: 400; color: #000000; line-height: 2.2rem; letter-spacing: 0.2rem; text-transform: uppercase; font-size: 2.4rem; font-weight: normal; padding-bottom: 2rem; text-transform: none; text-align: center; text-align: left; } .de .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1, .at .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1, .ru .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1, .jp .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1, .cn .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1 { text-transform: none; } @media (min-width: 768px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection h1 { font-size: 3.0rem; line-height: 3.0rem; } } .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers #thankyousection #responseMessage { padding: 2rem 0; } @media (min-width: 768px) { .mfp-wrap.uiLayer-ccare-contact-us-confirmation .inner .mfp-content-contactAnswers .crm-overlay-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } form#escalation .crm-form-field-submit button { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #000000; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #ffffff; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; text-transform: uppercase; margin: 2rem 0; display: inline-block; width: 100%; } [data-whatintent='mouse'] form#escalation .crm-form-field-submit button:hover, [data-whatintent='mouse'] form#escalation .crm-form-field-submit button:focus, [data-whatinput='keyboard'] form#escalation .crm-form-field-submit button:focus { color: #ffffff; border-color: #ffffff; text-decoration: underline; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } form#escalation .crm-form-field-submit button.disabled, form#escalation .crm-form-field-submit button[aria-disabled='true'], [data-whatintent='mouse'] form#escalation .crm-form-field-submit button:hover.disabled, [data-whatintent='mouse'] form#escalation .crm-form-field-submit button:focus.disabled, [data-whatintent='mouse'] form#escalation .crm-form-field-submit button[aria-disabled='true']:hover, [data-whatintent='mouse'] form#escalation .crm-form-field-submit button[aria-disabled='true']:focus, [data-whatinput='keyboard'] form#escalation .crm-form-field-submit button:focus.disabled, [data-whatinput='keyboard'] form#escalation .crm-form-field-submit button[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } .de form#escalation .crm-form-field-submit button, .at form#escalation .crm-form-field-submit button, .ru form#escalation .crm-form-field-submit button, .jp form#escalation .crm-form-field-submit button, .cn form#escalation .crm-form-field-submit button { text-transform: none; } @media (min-width: 768px) { form#escalation .crm-form-field-submit button { width: auto; } } form#escalation .crm-form-field-submit button:disabled { color: #C4C4C4; background-color: #EFEFEF; cursor: auto; } [data-whatintent='mouse'] form#escalation .crm-form-field-submit button:disabled:hover, [data-whatintent='mouse'] form#escalation .crm-form-field-submit button:disabled:focus, [data-whatinput='keyboard'] form#escalation .crm-form-field-submit button:disabled:focus { color: #C4C4C4; text-decoration: none; } form#escalation .crm-form-field-topic { text-align: left; margin-top: 2.2rem; margin-bottom: 3rem; } form#escalation .crm-form-field-topic select { font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; padding: 1.5rem 3rem 1.5rem 2rem; border: 0.1rem solid #000000; background-position: 95% 50%; background-size: 2.5rem; background-color: #ffffff; letter-spacing: 0.05rem; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/arrow-down.svg"); background-repeat: no-repeat; cursor: pointer; width: 100%; } form#escalation .crm-form-field-topic select option { font-size: 14px; font-size: 1.4rem; } form#escalation .crm-form-field-topic select option { color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } form#escalation .crm-form-field-topic select:before { content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/arrow-down.svg"); display: none; } form#escalation .crm-form-field-topic select::-ms-expand { display: none; } [data-whatintent="mouse"] form#escalation .crm-form-field-topic select:hover, [data-whatintent="mouse"] form#escalation .crm-form-field-topic select:focus, [data-whatinput='keyboard'] form#escalation .crm-form-field-topic select:focus { text-decoration: underline; } form#escalation .crm-form-field-topic label { padding-bottom: 0.5rem; display: block; font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; } @media (min-width: 768px) { form#escalation .crm-form-field-topic select { width: auto; } } form#escalation .crm-form-field-topic .ccare-select-with-label--error label { color: #ed0000; } form#escalation .crm-form-field-topic .ccare-select-with-label--error select { color: #ed0000; border-color: #ed0000; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/arrow-down.svg"); } form#escalation .crm-form-field.crm-form-field-message { text-align: left; margin-top: 2.2rem; margin-bottom: 3rem; } form#escalation .crm-form-field.crm-form-field-message textarea { min-width: 4.8rem; max-width: 40rem; width: 100%; padding: 1.5rem 2rem 1.5rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: 0.1rem solid #525252; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; letter-spacing: 0.05rem; } form#escalation .crm-form-field.crm-form-field-message label { padding-bottom: 0.5rem; display: block; font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; } form#escalation .crm-form-field.crm-form-field-message .ccare-textarea-with-label--error textarea { color: #ed0000; border-color: #ed0000; } form#escalation .crm-form-field.crm-form-field-message .ccare-textarea-with-label--error label { color: #ed0000; } form#escalation .crm-form-field-attachments { width: 100%; display: inline-block; position: relative; margin-bottom: 3rem; text-align: left; } form#escalation .crm-form-field-attachments label { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 2.6rem; min-height: 4.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 4.8rem; white-space: nowrap; max-width: 100%; overflow: hidden; background: #ffffff; border: 1px solid #C4C4C4; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; cursor: pointer; } form#escalation .crm-form-field-attachments label .text { display: block; overflow: hidden; } [data-whatintent='mouse'] form#escalation .crm-form-field-attachments label:hover, [data-whatintent='mouse'] form#escalation .crm-form-field-attachments label:focus, form#escalation .crm-form-field-attachments label.focus-within { color: #ed0000; border-color: #ed0000; } [data-whatinput='keyboard'] form#escalation .crm-form-field-attachments label.focus-within { color: #ed0000; border-color: #ed0000; } [data-whatinput='keyboard'] form#escalation .crm-form-field-attachments label:focus-within { color: #ed0000; border-color: #ed0000; } form#escalation .crm-form-field-attachments input { opacity: 0; cursor: pointer; min-height: 4.8rem; overflow: hidden; } #shippingContainer .shippingReturns h2 { font-size: 30px; font-size: 3rem; font-family: 'BauerBodoni',"Times New Roman Bold", serif; font-weight: 400; text-transform: none; margin-bottom: 2rem; } #shippingContainer .shippingReturns .contribution, #shippingContainer .shippingReturns .FeesWarning, #shippingContainer .shippingReturns .ShippingCostsRange { padding-left: 0; } #shippingContainer .shippingReturns .contribution:empty, #shippingContainer .shippingReturns .FeesWarning:empty, #shippingContainer .shippingReturns .ShippingCostsRange:empty { display: none; } #crm-wrapper { padding-top: 4.5rem; } #crm-wrapper #crm-container { margin: 0 auto; width: 100%; max-width: 1680px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; padding: 4rem 0 2rem 0; background-color: #ffffff; color: #000000; } @media (min-width: 769px) { #crm-wrapper #crm-container { width: 92%; } } @media (min-width: 1025px) { #crm-wrapper #crm-container { width: 77%; } } @media (min-width: 1200px) { #crm-wrapper #crm-container { width: 82%; } } @media (min-width: 1024px) { #crm-wrapper #crm-container { margin: 5rem auto; } } .top-promo #crm-wrapper #crm-container { padding-top: 8rem; } #crm-wrapper #crm-container A { color: #000000; line-height: 2.2rem; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out; -webkit-transition-delay: 0s; transition-delay: 0s; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; background: transparent; } #crm-wrapper #crm-container A.selected, #crm-wrapper #crm-container A.select { color: #ed0000; border-bottom-color: #ed0000; } [data-whatintent="mouse"] #crm-wrapper #crm-container A:hover, [data-whatintent="mouse"] #crm-wrapper #crm-container A:focus, [data-whatinput="keyboard"] #crm-wrapper #crm-container A:focus { color: #ed0000; border-bottom-color: #ed0000; } #crm-wrapper #crm-container H1, #crm-wrapper #crm-container H1 .text, #crm-wrapper #crm-container H1.empty { font-size: 26px; font-size: 2.6rem; font-family: 'BauerBodoni',"Times New Roman Bold", serif; font-weight: 400; color: inherit; line-height: 1em; text-transform: none; text-align: center; } @media (min-width: 768px) { #crm-wrapper #crm-container H1, #crm-wrapper #crm-container H1 .text, #crm-wrapper #crm-container H1.empty { font-size: 3.6rem; } } @media (min-width: 1024px) { #crm-wrapper #crm-container H1, #crm-wrapper #crm-container H1 .text, #crm-wrapper #crm-container H1.empty { font-size: 4.6rem; } } #crm-wrapper #crm-container .ccare-floating-label { position: relative; margin-top: 3.2rem; } #crm-wrapper #crm-container .ccare-floating-label input { min-width: 4.8rem; max-width: 40rem; width: 100%; padding: 1.5rem 2rem 1.5rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: 0.1rem solid #525252; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; letter-spacing: 0.05rem; } #crm-wrapper #crm-container .ccare-floating-label input::-ms-clear { display: none; } #crm-wrapper #crm-container .ccare-floating-label label { position: absolute; top: 1.5rem; left: 2rem; padding: 0; line-height: 2.2rem; white-space: nowrap; width: calc(100% - 2.5rem); text-overflow: ellipsis; overflow: hidden; text-align: left; pointer-events: none; -ms-touch-action: none; touch-action: none; font-size: 12px; font-size: 1.2rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; -webkit-transition: -webkit-transform 0.1s ease-out; transition: -webkit-transform 0.1s ease-out; transition: transform 0.1s ease-out; transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; -webkit-transition-delay: 0s; transition-delay: 0s; } #crm-wrapper #crm-container .ccare-floating-label.focus-within label, #crm-wrapper #crm-container .ccare-floating-label--not-empty label { -webkit-transform: translate(-2rem, -3.5rem); transform: translate(-2rem, -3.5rem); width: 100%; } #crm-wrapper #crm-container .ccare-floating-label.focus-within label { -webkit-transform: translate(-2rem, -3.5rem); transform: translate(-2rem, -3.5rem); width: 100%; } #crm-wrapper #crm-container .ccare-floating-label:focus-within label { -webkit-transform: translate(-2rem, -3.5rem); transform: translate(-2rem, -3.5rem); width: 100%; } #crm-wrapper #crm-container .ccare-floating-label--error label { color: #ed0000; -webkit-transform: translate(-2rem, -3.5rem); transform: translate(-2rem, -3.5rem); width: 100%; } #crm-wrapper #crm-container .ccare-floating-label--error input { color: #ed0000; border-color: #ed0000; } #crm-wrapper #crm-container #crm-menu { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } #crm-wrapper #crm-container #crm-menu H1, #crm-wrapper #crm-container #crm-menu H1 .text { margin-bottom: 4rem; } .cn #crm-wrapper #crm-container #crm-menu H1, .jp #crm-wrapper #crm-container #crm-menu H1, .cn #crm-wrapper #crm-container #crm-menu H1 .text, .jp #crm-wrapper #crm-container #crm-menu H1 .text { font-weight: 700; } #crm-wrapper #crm-container #crm-menu .crm-menu-main { margin-top: 2rem; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI { margin: 1rem 2rem; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #000000; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #ffffff; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus { color: #ffffff; border-color: #ffffff; text-decoration: underline; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A.disabled, #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true'], [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:hover.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true']:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true']:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus.disabled, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary { margin-top: 2rem; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary > UL UL { display: none; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #ffffff; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 400; color: #000000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 2rem; border-bottom: 0.1rem solid #EFEFEF; text-decoration: none; } [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus { color: #000000; border-color: #000000; text-decoration: underline; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A.disabled, #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true'], [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true']:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true']:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus.disabled, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover, #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus { border-bottom: 0.1rem solid #EFEFEF; border-color: #EFEFEF !important; color: #ed0000 !important; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover .text, #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus .text { text-decoration: underline; } #crm-wrapper #crm-container #crm-menu .crm-contacts { display: none; margin-top: 2rem; padding: 2rem 2rem 2rem 0; } #crm-wrapper #crm-container #crm-menu .crm-contacts UL { margin-top: 2rem; } #crm-wrapper #crm-container #crm-main { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; padding: 0 2rem; } #crm-wrapper #crm-container #crm-main .crm-article-welcome { display: none; } #crm-wrapper #crm-container #crm-main .crm-article-welcome > P:nth-child(2) { font-size: 26px; font-size: 2.6rem; font-family: 'BauerBodoni',"Times New Roman Bold", serif; font-weight: 400; color: inherit; line-height: 1em; text-transform: none; margin-bottom: 4rem; text-align: center; } @media (min-width: 768px) { #crm-wrapper #crm-container #crm-main .crm-article-welcome > P:nth-child(2) { font-size: 3.6rem; } } @media (min-width: 1024px) { #crm-wrapper #crm-container #crm-main .crm-article-welcome > P:nth-child(2) { font-size: 4.6rem; } } .homepage #crm-wrapper #crm-container #crm-main .crm-article { border: none; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -ms-flex-pack: distribute; justify-content: space-around; padding: 4rem 0; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A .icon { height: 10rem; width: 10rem; margin-bottom: 2rem; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A .text { text-align: center; } .cn #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A .text, .jp #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A .text { font-weight: 700 !important; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons .article-2039 .icon { background: url(../img/secure-payment.png) no-repeat; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons .article-2035 .icon { background: url(../img/reliable-deliveries.png) no-repeat; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons .article-2060 .icon { background: url(../img/fast-easy-return.png) no-repeat; } #crm-wrapper #crm-container #crm-main .crm-article #seemore { border-bottom-width: 1px; border-bottom-style: solid; } #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) { text-align: center; } #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI { padding: 0 0 1rem 0; } #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A { background: transparent; padding: 0; border: 0; display: inline; text-align: left; text-decoration: none; cursor: pointer; } #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A .text { line-height: 2.2rem; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out; -webkit-transition-delay: 0s; transition-delay: 0s; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; background: transparent; display: inline; text-align: left; } #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A .text.selected, #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A .text.select { color: #ed0000; border-bottom-color: #ed0000; } [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A .text:hover, [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A .text:focus, [data-whatinput="keyboard"] #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A .text:focus { color: #ed0000; border-bottom-color: #ed0000; } [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A:hover .text, [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A:focus .text, [data-whatinput="keyboard"] #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) LI A:focus .text { color: #ed0000; border-color: #ed0000; } #crm-wrapper #crm-container #crm-main .crm-contacts { margin-top: 2rem; } #crm-wrapper #crm-container #crm-main .crm-contacts UL, #crm-wrapper #crm-container #crm-main .crm-contacts LI { margin-top: 2rem; } #crm-wrapper #crm-container #crm-main .crm-contacts UL A, #crm-wrapper #crm-container #crm-main .crm-contacts LI A { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #000000; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #ffffff; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; white-space: normal; } [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A:focus, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A:focus { color: #ffffff; border-color: #ffffff; text-decoration: underline; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } #crm-wrapper #crm-container #crm-main .crm-contacts UL A.disabled, #crm-wrapper #crm-container #crm-main .crm-contacts UL A[aria-disabled='true'], [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A:hover.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A:focus.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A[aria-disabled='true']:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A[aria-disabled='true']:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A:focus.disabled, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-main .crm-contacts UL A[aria-disabled='true']:focus, #crm-wrapper #crm-container #crm-main .crm-contacts LI A.disabled, #crm-wrapper #crm-container #crm-main .crm-contacts LI A[aria-disabled='true'], [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A:hover.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A:focus.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A[aria-disabled='true']:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A[aria-disabled='true']:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A:focus.disabled, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-main .crm-contacts LI A[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } #crm-wrapper #crm-container #crm-main .crm-contacts UL A.phone .r2, #crm-wrapper #crm-container #crm-main .crm-contacts UL A.phone .r3, #crm-wrapper #crm-container #crm-main .crm-contacts LI A.phone .r2, #crm-wrapper #crm-container #crm-main .crm-contacts LI A.phone .r3 { display: none; } #crm-wrapper #crm-container #crm-main > .crm-results { padding: 4rem 0; } #crm-wrapper.eg-search #crm-menu, #crm-wrapper.eg-search #crm-main .crm-contacts { display: none; } .crm-search-container { padding: 0 2rem 2rem 2rem; } .crm-search-container FORM { margin-bottom: 2rem; position: relative; } .crm-search-container #searchString { min-width: 4.8rem; padding: 1.5rem 2rem; width: 100%; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; background-color: #ffffff; border: 0.1rem solid #000000; letter-spacing: 0.05rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .crm-search-container #searchString::-ms-clear { display: none; } .crm-search-container #searchBtn { position: absolute; right: 0; top: 0; bottom: 0; padding: 1rem; background: none; border: none; content: " "; background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons//svg-mono-black/search.svg"); width: 4rem; height: 100%; background-position: center; background-size: 2rem; background-repeat: no-repeat; color: transparent; } .crm-search-container #searchBtn:hover { cursor: pointer; } @media (min-width: 768px) { #crm-wrapper { padding-top: 6.5rem; } #crm-wrapper #crm-container { -ms-grid-columns: 1fr minmax(0, 3fr); grid-template-columns: 1fr minmax(0, 3fr); -ms-grid-rows: 1fr; grid-template-rows: 1fr; } #crm-wrapper #crm-container H1 { text-transform: uppercase; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; margin-bottom: 0; text-align: left; } .de #crm-wrapper #crm-container H1, .at #crm-wrapper #crm-container H1, .ru #crm-wrapper #crm-container H1, .jp #crm-wrapper #crm-container H1, .cn #crm-wrapper #crm-container H1 { text-transform: none; } #crm-wrapper #crm-container H1 .text { text-transform: uppercase; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; } .de #crm-wrapper #crm-container H1 .text, .at #crm-wrapper #crm-container H1 .text, .ru #crm-wrapper #crm-container H1 .text, .jp #crm-wrapper #crm-container H1 .text, .cn #crm-wrapper #crm-container H1 .text { text-transform: none; } #crm-wrapper #crm-container #crm-menu { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } #crm-wrapper #crm-container #crm-menu #crm-title { margin-top: 2rem; } #crm-wrapper #crm-container #crm-menu #crm-title A { background: transparent; padding: 0; border: 0; display: inline; text-align: left; text-decoration: none; cursor: pointer; padding: 1rem 2rem; border: none; } #crm-wrapper #crm-container #crm-menu #crm-title A .text { line-height: 2.2rem; font-size: 14px; font-size: 1.4rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out; -webkit-transition-delay: 0s; transition-delay: 0s; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; background: transparent; display: inline; text-align: left; } #crm-wrapper #crm-container #crm-menu #crm-title A .text.selected, #crm-wrapper #crm-container #crm-menu #crm-title A .text.select { color: #ed0000; border-bottom-color: #ed0000; } [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-menu #crm-title A .text:hover, [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-menu #crm-title A .text:focus, [data-whatinput="keyboard"] #crm-wrapper #crm-container #crm-menu #crm-title A .text:focus { color: #ed0000; border-bottom-color: #ed0000; } [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-menu #crm-title A:hover .text, [data-whatintent="mouse"] #crm-wrapper #crm-container #crm-menu #crm-title A:focus .text, [data-whatinput="keyboard"] #crm-wrapper #crm-container #crm-menu #crm-title A:focus .text { color: #ed0000; border-color: #ed0000; } #crm-wrapper #crm-container #crm-menu #crm-title A:hover .text { text-decoration: underline; } #crm-wrapper #crm-container #crm-menu #crm-title A .text { border: none; text-decoration: none; } .cn #crm-wrapper #crm-container #crm-menu #crm-title A .text, .jp #crm-wrapper #crm-container #crm-menu #crm-title A .text { font-weight: 700; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI { margin: 0; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #ffffff; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 400; color: #000000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 2rem; border-bottom: 0.1rem solid #EFEFEF; text-decoration: none; } [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus { color: #000000; border-color: #000000; text-decoration: underline; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A.disabled, #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true'], [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:hover.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true']:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true']:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus.disabled, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus, #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:hover { border-bottom: 0.1rem solid #EFEFEF; border-color: #EFEFEF !important; color: #ed0000 !important; } #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:focus .text, #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A:hover .text { text-decoration: underline; } .is-ie #crm-wrapper #crm-container #crm-menu .crm-menu-main LI A { height: 4.8rem; white-space: normal; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A { -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; background: #ffffff; border: none; cursor: pointer; white-space: nowrap; word-break: keep-all; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 500; color: #000000; padding: 1.5rem 3.5rem; line-height: 1em; text-decoration: none; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; font-size: 16px; font-size: 1.6rem; font-family: 'Gotham',"Arial Bold", Helvetica, sans-serif; font-weight: 400; color: #000000; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 2rem; border: none; } [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus { color: #000000; border-color: #000000; text-decoration: underline; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A.disabled, #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true'], [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus.disabled, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true']:hover, [data-whatintent='mouse'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true']:focus, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus.disabled, [data-whatinput='keyboard'] #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A[aria-disabled='true']:focus { color: #525252; cursor: auto; border: 0.1rem solid #525252; pointer-events: none; text-decoration: none; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus, #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover { border: none !important; } #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:focus .text, #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A:hover .text { text-decoration: underline; } .is-ie #crm-wrapper #crm-container #crm-menu .crm-menu-secondary A { height: 4.8rem; white-space: normal; } #crm-wrapper #crm-container #crm-menu .crm-contacts { display: block; margin-top: 4rem; padding: 0 2rem; } #crm-wrapper #crm-container #crm-menu .crm-contacts A { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 3.5rem; position: relative; border: none !important; min-height: 2.5rem; } #crm-wrapper #crm-container #crm-menu .crm-contacts A:hover, #crm-wrapper #crm-container #crm-menu .crm-contacts A:focus { border: none; color: #ed0000; } #crm-wrapper #crm-container #crm-menu .crm-contacts A:hover.email .icon, #crm-wrapper #crm-container #crm-menu .crm-contacts A:focus.email .icon { background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/mail.svg"); } #crm-wrapper #crm-container #crm-menu .crm-contacts A:hover.phone .icon, #crm-wrapper #crm-container #crm-menu .crm-contacts A:focus.phone .icon { background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-red/phone.svg"); } #crm-wrapper #crm-container #crm-menu .crm-contacts A:hover .text, #crm-wrapper #crm-container #crm-menu .crm-contacts A:focus .text { text-decoration: underline; } #crm-wrapper #crm-container #crm-menu .crm-contacts A.email .icon { background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/mail.svg"); } #crm-wrapper #crm-container #crm-menu .crm-contacts A.phone .icon { background-image: url("https://media.yoox.biz/ytos/resources/MONCLER/accessibility/icons/svg-mono-black/phone.svg"); } #crm-wrapper #crm-container #crm-menu .crm-contacts A .icon { position: absolute; top: -1px; left: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 2.4rem; height: 2.5rem; width: 2.5rem; display: block; margin-right: 1rem; } #crm-wrapper #crm-container #crm-menu .crm-contacts A.email { margin-bottom: 2rem; } #crm-wrapper #crm-container #crm-main { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } #crm-wrapper #crm-container #crm-main .crm-article-welcome { display: block; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons { display: -webkit-box; display: -ms-flexbox; display: flex; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A { border: none; } #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A:hover, #crm-wrapper #crm-container #crm-main .crm-article .crm-icons A:focus { border: none; text-decoration: underline; } #crm-wrapper #crm-container #crm-main .crm-article:nth-child(3) { text-align: left; } #crm-wrapper #crm-container #crm-main .crm-contacts { display: none; } #crm-wrapper.eg-search #crm-menu, #crm-wrapper.eg-search #crm-main .crm-contacts { display: block; } } @media (min-width: 1024px) { #crm-wrapper { padding-top: 9.2rem; } .top-promo #crm-wrapper #crm-container { padding-top: 4rem; } }