.CLAFAIRTARDE-main div, .CLAFAIRTARDE-main span, .CLAFAIRTARDE-main applet, .CLAFAIRTARDE-main object, .CLAFAIRTARDE-main iframe, .CLAFAIRTARDE-main h1, .CLAFAIRTARDE-main h2, .CLAFAIRTARDE-main h3, .CLAFAIRTARDE-main h4, .CLAFAIRTARDE-main h5, .CLAFAIRTARDE-main h6, .CLAFAIRTARDE-main p, .CLAFAIRTARDE-main blockquote, .CLAFAIRTARDE-main pre, .CLAFAIRTARDE-main a, .CLAFAIRTARDE-main abbr, .CLAFAIRTARDE-main acronym, .CLAFAIRTARDE-main address, .CLAFAIRTARDE-main big, .CLAFAIRTARDE-main cite, .CLAFAIRTARDE-main code, .CLAFAIRTARDE-main del, .CLAFAIRTARDE-main dfn, .CLAFAIRTARDE-main em, .CLAFAIRTARDE-main img, .CLAFAIRTARDE-main ins, .CLAFAIRTARDE-main kbd, .CLAFAIRTARDE-main q, .CLAFAIRTARDE-main s, .CLAFAIRTARDE-main samp, .CLAFAIRTARDE-main small, .CLAFAIRTARDE-main strike, .CLAFAIRTARDE-main strong, .CLAFAIRTARDE-main sub, .CLAFAIRTARDE-main sup, .CLAFAIRTARDE-main tt, .CLAFAIRTARDE-main var, .CLAFAIRTARDE-main b, .CLAFAIRTARDE-main u, .CLAFAIRTARDE-main i, .CLAFAIRTARDE-main center, .CLAFAIRTARDE-main dl, .CLAFAIRTARDE-main dt, .CLAFAIRTARDE-main dd, .CLAFAIRTARDE-main ol, .CLAFAIRTARDE-main ul, .CLAFAIRTARDE-main li, .CLAFAIRTARDE-main fieldset, .CLAFAIRTARDE-main form, .CLAFAIRTARDE-main label, .CLAFAIRTARDE-main legend, .CLAFAIRTARDE-main table, .CLAFAIRTARDE-main caption, .CLAFAIRTARDE-main tbody, .CLAFAIRTARDE-main tfoot, .CLAFAIRTARDE-main thead, .CLAFAIRTARDE-main tr, .CLAFAIRTARDE-main th, .CLAFAIRTARDE-main td, .CLAFAIRTARDE-main article, .CLAFAIRTARDE-main aside, .CLAFAIRTARDE-main canvas, .CLAFAIRTARDE-main details, .CLAFAIRTARDE-main embed, .CLAFAIRTARDE-main figure, .CLAFAIRTARDE-main figcaption, .CLAFAIRTARDE-main footer, .CLAFAIRTARDE-main header, .CLAFAIRTARDE-main hgroup, .CLAFAIRTARDE-main menu, .CLAFAIRTARDE-main nav, .CLAFAIRTARDE-main output, .CLAFAIRTARDE-main ruby, .CLAFAIRTARDE-main section, .CLAFAIRTARDE-main summary, .CLAFAIRTARDE-main time, .CLAFAIRTARDE-main mark, .CLAFAIRTARDE-main audio, .CLAFAIRTARDE-main video { margin: 0 auto; padding: 0; border: 0; font: inherit; vertical-align: baseline; } .CLAFAIRTARDE-main article, .CLAFAIRTARDE-main aside, .CLAFAIRTARDE-main details, .CLAFAIRTARDE-main figcaption, .CLAFAIRTARDE-main figure, .CLAFAIRTARDE-main footer, .CLAFAIRTARDE-main header, .CLAFAIRTARDE-main hgroup, .CLAFAIRTARDE-main menu, .CLAFAIRTARDE-main nav, .CLAFAIRTARDE-main section { display: block; } .CLAFAIRTARDE-main ol, .CLAFAIRTARDE-main ul { list-style: none; } .CLAFAIRTARDE-main blockquote, .CLAFAIRTARDE-main q { quotes: none; } .CLAFAIRTARDE-main blockquote:before, .CLAFAIRTARDE-main blockquote:after, .CLAFAIRTARDE-main q:before, .CLAFAIRTARDE-main q:after { content: ""; } .CLAFAIRTARDE-main table { border-collapse: collapse; border-spacing: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-container-fluid { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: 0; margin-left: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-row.CLAFAIRTARDE-reverse { flex-direction: row-reverse; } #CLAFAIRTARDE .CLAFAIRTARDE-col.CLAFAIRTARDE-reverse { flex-direction: column-reverse; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-1, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-2, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-3, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-4, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-5, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-6, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-7, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-8, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-9, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-10, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-11, #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs { flex-grow: 1; flex-basis: 0; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-1 { flex-basis: 8.333%; max-width: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-2 { flex-basis: 16.667%; max-width: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-3 { flex-basis: 25%; max-width: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-4 { flex-basis: 33.333%; max-width: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-5 { flex-basis: 41.667%; max-width: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-6 { flex-basis: 50%; max-width: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-7 { flex-basis: 58.333%; max-width: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-8 { flex-basis: 66.667%; max-width: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-9 { flex-basis: 75%; max-width: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-10 { flex-basis: 83.333%; max-width: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-11 { flex-basis: 91.667%; max-width: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-12 { flex-basis: 100%; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-1 { margin-left: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-2 { margin-left: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-3 { margin-left: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-4 { margin-left: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-5 { margin-left: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-6 { margin-left: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-7 { margin-left: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-8 { margin-left: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-9 { margin-left: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-10 { margin-left: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-xs-offset-11 { margin-left: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-start-xs { justify-content: flex-start; text-align: start; } #CLAFAIRTARDE .CLAFAIRTARDE-center-xs { justify-content: center; text-align: center; } #CLAFAIRTARDE .CLAFAIRTARDE-end-xs { justify-content: flex-end; text-align: end; } #CLAFAIRTARDE .CLAFAIRTARDE-top-xs { align-items: flex-start; } #CLAFAIRTARDE .CLAFAIRTARDE-middle-xs { align-items: center; } #CLAFAIRTARDE .CLAFAIRTARDE-bottom-xs { align-items: flex-end; } #CLAFAIRTARDE .CLAFAIRTARDE-around-xs { justify-content: space-around; } #CLAFAIRTARDE .CLAFAIRTARDE-between-xs { justify-content: space-between; } #CLAFAIRTARDE .CLAFAIRTARDE-first-xs { order: -1; } #CLAFAIRTARDE .CLAFAIRTARDE-last-xs { order: 1; } @media only screen and (min-width: 48em) { #CLAFAIRTARDE .CLAFAIRTARDE-col-sm, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-1, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-2, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-3, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-4, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-5, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-6, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-7, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-8, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-9, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-10, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-11, #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm { flex-grow: 1; flex-basis: 0; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-1 { flex-basis: 8.333%; max-width: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-2 { flex-basis: 16.667%; max-width: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-3 { flex-basis: 25%; max-width: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-4 { flex-basis: 33.333%; max-width: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-5 { flex-basis: 41.667%; max-width: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-6 { flex-basis: 50%; max-width: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-7 { flex-basis: 58.333%; max-width: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-8 { flex-basis: 66.667%; max-width: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-9 { flex-basis: 75%; max-width: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-10 { flex-basis: 83.333%; max-width: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-11 { flex-basis: 91.667%; max-width: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-12 { flex-basis: 100%; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-1 { margin-left: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-2 { margin-left: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-3 { margin-left: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-4 { margin-left: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-5 { margin-left: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-6 { margin-left: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-7 { margin-left: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-8 { margin-left: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-9 { margin-left: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-10 { margin-left: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-sm-offset-11 { margin-left: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-start-sm { justify-content: flex-start; text-align: start; } #CLAFAIRTARDE .CLAFAIRTARDE-center-sm { justify-content: center; text-align: center; } #CLAFAIRTARDE .CLAFAIRTARDE-end-sm { justify-content: flex-end; text-align: end; } #CLAFAIRTARDE .CLAFAIRTARDE-top-sm { align-items: flex-start; } #CLAFAIRTARDE .CLAFAIRTARDE-middle-sm { align-items: center; } #CLAFAIRTARDE .CLAFAIRTARDE-bottom-sm { align-items: flex-end; } #CLAFAIRTARDE .CLAFAIRTARDE-around-sm { justify-content: space-around; } #CLAFAIRTARDE .CLAFAIRTARDE-between-sm { justify-content: space-between; } #CLAFAIRTARDE .CLAFAIRTARDE-first-sm { order: -1; } #CLAFAIRTARDE .CLAFAIRTARDE-last-sm { order: 1; } } @media only screen and (min-width: 62em) { #CLAFAIRTARDE .CLAFAIRTARDE-col-md, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-1, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-2, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-3, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-4, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-5, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-6, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-7, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-8, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-9, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-10, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-11, #CLAFAIRTARDE .CLAFAIRTARDE-col-md-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md { flex-grow: 1; flex-basis: 0; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-1 { flex-basis: 8.333%; max-width: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-2 { flex-basis: 16.667%; max-width: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-3 { flex-basis: 25%; max-width: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-4 { flex-basis: 33.333%; max-width: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-5 { flex-basis: 41.667%; max-width: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-6 { flex-basis: 50%; max-width: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-7 { flex-basis: 58.333%; max-width: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-8 { flex-basis: 66.667%; max-width: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-9 { flex-basis: 75%; max-width: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-10 { flex-basis: 83.333%; max-width: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-11 { flex-basis: 91.667%; max-width: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-12 { flex-basis: 100%; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-1 { margin-left: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-2 { margin-left: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-3 { margin-left: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-4 { margin-left: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-5 { margin-left: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-6 { margin-left: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-7 { margin-left: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-8 { margin-left: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-9 { margin-left: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-10 { margin-left: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-md-offset-11 { margin-left: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-start-md { justify-content: flex-start; text-align: start; } #CLAFAIRTARDE .CLAFAIRTARDE-center-md { justify-content: center; text-align: center; } #CLAFAIRTARDE .CLAFAIRTARDE-end-md { justify-content: flex-end; text-align: end; } #CLAFAIRTARDE .CLAFAIRTARDE-top-md { align-items: flex-start; } #CLAFAIRTARDE .CLAFAIRTARDE-middle-md { align-items: center; } #CLAFAIRTARDE .CLAFAIRTARDE-bottom-md { align-items: flex-end; } #CLAFAIRTARDE .CLAFAIRTARDE-around-md { justify-content: space-around; } #CLAFAIRTARDE .CLAFAIRTARDE-between-md { justify-content: space-between; } #CLAFAIRTARDE .CLAFAIRTARDE-first-md { order: -1; } #CLAFAIRTARDE .CLAFAIRTARDE-last-md { order: 1; } } @media only screen and (min-width: 75em) { #CLAFAIRTARDE .CLAFAIRTARDE-col-lg, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-1, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-2, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-3, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-4, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-5, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-6, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-7, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-8, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-9, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-10, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-11, #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg { flex-grow: 1; flex-basis: 0; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-1 { flex-basis: 8.333%; max-width: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-2 { flex-basis: 16.667%; max-width: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-3 { flex-basis: 25%; max-width: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-4 { flex-basis: 33.333%; max-width: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-5 { flex-basis: 41.667%; max-width: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-6 { flex-basis: 50%; max-width: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-7 { flex-basis: 58.333%; max-width: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-8 { flex-basis: 66.667%; max-width: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-9 { flex-basis: 75%; max-width: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-10 { flex-basis: 83.333%; max-width: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-11 { flex-basis: 91.667%; max-width: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-12 { flex-basis: 100%; max-width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-1 { margin-left: 8.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-2 { margin-left: 16.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-3 { margin-left: 25%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-4 { margin-left: 33.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-5 { margin-left: 41.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-6 { margin-left: 50%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-7 { margin-left: 58.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-8 { margin-left: 66.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-9 { margin-left: 75%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-10 { margin-left: 83.333%; } #CLAFAIRTARDE .CLAFAIRTARDE-col-lg-offset-11 { margin-left: 91.667%; } #CLAFAIRTARDE .CLAFAIRTARDE-start-lg { justify-content: flex-start; text-align: start; } #CLAFAIRTARDE .CLAFAIRTARDE-center-lg { justify-content: center; text-align: center; } #CLAFAIRTARDE .CLAFAIRTARDE-end-lg { justify-content: flex-end; text-align: end; } #CLAFAIRTARDE .CLAFAIRTARDE-top-lg { align-items: flex-start; } #CLAFAIRTARDE .CLAFAIRTARDE-middle-lg { align-items: center; } #CLAFAIRTARDE .CLAFAIRTARDE-bottom-lg { align-items: flex-end; } #CLAFAIRTARDE .CLAFAIRTARDE-around-lg { justify-content: space-around; } #CLAFAIRTARDE .CLAFAIRTARDE-between-lg { justify-content: space-between; } #CLAFAIRTARDE .CLAFAIRTARDE-first-lg { order: -1; } #CLAFAIRTARDE .CLAFAIRTARDE-last-lg { order: 1; } } :root { --screen-width: 100vw; --screen-height: 100vh; --color-white: #ffffff; --color-black: #000000; } body[data-lock="true"] { overflow: hidden; } #CLAFAIRTARDE.CLAFAIRTARDE-main { font: 14px/18px "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; line-height: 1; position: relative; visibility: visible; width: 100%; height: 100%; margin: 0 auto; color: #333; background-color: #fff; overflow: hidden; opacity: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main[data-lock="true"] { overflow: hidden; visibility: hidden; width: 100vw; height: 100vh; opacity: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main[data-lock="false"] { visibility: visible; width: 100%; height: 100%; opacity: 1; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main { font-size: 16px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main { font-size: 16px; } } @media only screen and (min-width: 1440px) { #CLAFAIRTARDE.CLAFAIRTARDE-main { font-size: 16px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *::-webkit-scrollbar { width: 4px; height: 4px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *::-webkit-scrollbar-track { background: rgba(207, 202, 201, 0.15); } #CLAFAIRTARDE.CLAFAIRTARDE-main *::-webkit-scrollbar-thumb { border: 0 solid rgba(207, 202, 201, 0); border-radius: 0; background: #000; } #CLAFAIRTARDE.CLAFAIRTARDE-main * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333; font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; } #CLAFAIRTARDE.CLAFAIRTARDE-main input:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main select:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main textarea:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main button:focus { outline: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main img { width: 100%; margin: 0 auto; } #CLAFAIRTARDE.CLAFAIRTARDE-main small { font-size: 80%; } #CLAFAIRTARDE.CLAFAIRTARDE-main sub, #CLAFAIRTARDE.CLAFAIRTARDE-main sup { font-size: 60%; } #CLAFAIRTARDE.CLAFAIRTARDE-main h1, #CLAFAIRTARDE.CLAFAIRTARDE-main h2, #CLAFAIRTARDE.CLAFAIRTARDE-main h3, #CLAFAIRTARDE.CLAFAIRTARDE-main h4, #CLAFAIRTARDE.CLAFAIRTARDE-main h5, #CLAFAIRTARDE.CLAFAIRTARDE-main h6, #CLAFAIRTARDE.CLAFAIRTARDE-main strong { font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif; font-weight: normal; } #CLAFAIRTARDE.CLAFAIRTARDE-main h1 { font-size: 2.8571428571em; line-height: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main h2 { font-size: 2.5em; line-height: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main h3 { font-size: 2.1428571429em; line-height: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main h4 { font-size: 1.7857142857em; line-height: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main h5 { font-size: 1.4285714286em; line-height: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main h6 { font-size: 1.1428571429em; line-height: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main a { color: #333; text-decoration: underline; } #CLAFAIRTARDE.CLAFAIRTARDE-main a:visited, #CLAFAIRTARDE.CLAFAIRTARDE-main a:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main a:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main a:active { color: #333; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand], #CLAFAIRTARDE.CLAFAIRTARDE-main label, #CLAFAIRTARDE.CLAFAIRTARDE-main button { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1em; line-height: normal; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; text-transform: uppercase; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand], #CLAFAIRTARDE.CLAFAIRTARDE-main label, #CLAFAIRTARDE.CLAFAIRTARDE-main button { font-size: 0.875em; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand], #CLAFAIRTARDE.CLAFAIRTARDE-main label, #CLAFAIRTARDE.CLAFAIRTARDE-main button { font-size: 1em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand]:disabled, #CLAFAIRTARDE.CLAFAIRTARDE-main label:disabled, #CLAFAIRTARDE.CLAFAIRTARDE-main button:disabled { color: #fdfaf8; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand]::-moz-selection, #CLAFAIRTARDE.CLAFAIRTARDE-main label::-moz-selection, #CLAFAIRTARDE.CLAFAIRTARDE-main button::-moz-selection { background-color: rgba(0, 0, 0, 0); } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand]::selection, #CLAFAIRTARDE.CLAFAIRTARDE-main label::selection, #CLAFAIRTARDE.CLAFAIRTARDE-main button::selection { background-color: rgba(0, 0, 0, 0); } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; min-height: 3.1428571429em; max-height: 3.1428571429em; margin: 0 auto; padding: 0.7142857143em 1.4285714286em; transition: border 100ms linear; border: 1px solid #cfcac9; border-radius: 0.3571428571em; background-color: #fff; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button { min-height: 2.75em; max-height: 2.75em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:active, #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:target, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:active, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:target, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:active, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:target { color: #333; border: 1px solid #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:disabled, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:disabled, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:disabled { cursor: not-allowed; pointer-events: none; color: #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:disabled:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:disabled:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:disabled:active, #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button:disabled:target, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:disabled:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:disabled:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:disabled:active, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button:disabled:target, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:disabled:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:disabled:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:disabled:active, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button:disabled:target { color: #787474; border: 1px solid #cfcac9; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--primary[data-brand="clarins"], #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--primary[data-brand="clarins"], #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--primary[data-brand="clarins"] { color: #fff; border: 2px solid rgba(0, 0, 0, 0); background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--primary[data-brand="clarins"]:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--primary[data-brand="clarins"]:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--primary[data-brand="clarins"]:hover { color: #fff; background-color: #8c0b26; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--primary[data-brand="clarins"]:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--primary[data-brand="clarins"]:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--primary[data-brand="clarins"]:focus { color: #fff; border: 2px solid #63021a; background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--primary[data-brand="clarins"]:active, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--primary[data-brand="clarins"]:active, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--primary[data-brand="clarins"]:active { color: #fff; border: 2px solid #63021a; background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--secondary[data-brand="clarins"], #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--secondary[data-brand="clarins"], #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--secondary[data-brand="clarins"] { color: #333; border: 1px solid #cfcac9; background-color: #fff; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--secondary[data-brand="clarins"]:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:hover { color: #8c0b26; border: 1px solid #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--secondary[data-brand="clarins"]:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:focus { color: #333; border: 2px solid #63021a; border-radius: 0.5em; } #CLAFAIRTARDE.CLAFAIRTARDE-main a[data-brand].CLAFAIRTARDE-button--secondary[data-brand="clarins"]:active, #CLAFAIRTARDE.CLAFAIRTARDE-main label.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:active, #CLAFAIRTARDE.CLAFAIRTARDE-main button.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:active { color: #333; border: 2px solid #63021a; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton { font-size: 14px; line-height: normal; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; min-height: 3.1428571429em; max-height: 3.1428571429em; margin: 0 auto; padding: 0.7142857143em 1.2857142857em; transition: border 100ms linear; border: 1px solid #cfcac9; border-radius: 0.3571428571em; background-color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton { font-size: 16px; min-height: 2.75em; max-height: 2.75em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:active, #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:target { color: #333; border: 1px solid #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:disabled { cursor: not-allowed; pointer-events: none; color: #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:disabled:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:disabled:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:disabled:active, #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:disabled:target { color: #787474; border: 1px solid #cfcac9; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:after { font-size: 14px; line-height: 1; content: "Buy now"; display: flex; text-transform: none; text-decoration: none; letter-spacing: 1; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton:after { font-size: 16px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--primary[data-brand="clarins"] { color: #fff; border: 2px solid rgba(0, 0, 0, 0); background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--primary[data-brand="clarins"]:hover { color: #fff; background-color: #8c0b26; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--primary[data-brand="clarins"]:focus { color: #fff; border: 2px solid #63021a; background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--primary[data-brand="clarins"]:active { color: #fff; border: 2px solid #63021a; background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--secondary[data-brand="clarins"] { color: #333; border: 1px solid #cfcac9; background-color: #fff; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--secondary[data-brand="clarins"]:hover { color: #8c0b26; border: 1px solid #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--secondary[data-brand="clarins"]:focus { color: #333; border: 2px solid #63021a; border-radius: 0.5em; } #CLAFAIRTARDE.CLAFAIRTARDE-main .quickviewbutton--secondary[data-brand="clarins"]:active { color: #333; border: 2px solid #63021a; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE:disabled { color: #fdfaf8; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE::-moz-selection { background-color: rgba(0, 0, 0, 0); } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE::selection { background-color: rgba(0, 0, 0, 0); } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1em; line-height: normal; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; text-transform: uppercase; color: #333; font-weight: bold; width: -moz-fit-content; width: fit-content; max-width: 100%; height: -moz-fit-content; height: fit-content; min-height: 3.1428571429em; max-height: 3.1428571429em; margin: 0 auto; padding: 0.7142857143em 1.4285714286em; transition: border 100ms linear; border: 1px solid #cfcac9; border-radius: 0.3571428571em; background-color: #fff; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button { font-size: 0.875em; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button { font-size: 1em; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button { min-height: 2.75em; max-height: 2.75em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:active, #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:target { color: #333; border: 1px solid #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:disabled { cursor: not-allowed; pointer-events: none; color: #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:disabled:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:disabled:focus, #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:disabled:active, #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button:disabled:target { color: #787474; border: 1px solid #cfcac9; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--primary[data-brand="clarins"] { color: #fff; border: 2px solid rgba(0, 0, 0, 0); background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--primary[data-brand="clarins"]:hover { color: #fff; background-color: #8c0b26; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--primary[data-brand="clarins"]:focus { color: #fff; border: 2px solid #63021a; background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--primary[data-brand="clarins"]:active { color: #fff; border: 2px solid #63021a; background-color: #b40024; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--secondary[data-brand="clarins"] { color: #333; border: 1px solid #cfcac9; background-color: #fff; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:hover { color: #8c0b26; border: 1px solid #787474; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:focus { color: #333; border: 2px solid #63021a; border-radius: 0.5em; } #CLAFAIRTARDE.CLAFAIRTARDE-main a.CLAFAIRTARDE-button--secondary[data-brand="clarins"]:active { color: #333; border: 2px solid #63021a; } #CLAFAIRTARDE.CLAFAIRTARDE-main p { font-size: 0.8571428571em; line-height: 1.5; padding: 0.5%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main p { font-size: 0.875em; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main p { font-size: 0.875em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] { position: relative; } #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] h3 { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; position: relative; font-size: 36px; line-height: 1.15; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 0.3571428571em; letter-spacing: normal; max-width: 90%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] h3 { margin-bottom: 0.625em; line-height: 1; max-width: 92%; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] h3 { font-size: 40px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] h3 { font-size: 45px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] h3:before { content: attr(data-section); font-size: 14px; font-weight: bold; margin-bottom: 0.8571428571em; color: #000; letter-spacing: normal; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-name] h3:before { margin-bottom: 0.875em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-active], #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-active="false"] { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main section[data-active="true"] { display: flex; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-list { margin: 0 -4px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-list { margin: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-arrow:after { display: none !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-dots { display: flex; justify-content: center; margin-top: 1.4285714286em; padding: 0; list-style-type: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-dots li { margin: 0 0.1428571429em; background: rgba(0, 0, 0, 0); } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-dots button { display: block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 100%; background-color: #d3ccc8; text-indent: -9999px; opacity: 1; min-width: 45%; min-height: 45%; } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-dots li.slick-active button { background-color: #333; } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-track { display: flex; justify-content: space-between; align-content: space-between; align-items: stretch; max-height: 100%; padding: 0.3571428571em 0 3.2142857143em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-track { padding: 0.625em 0 1.25em 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-track > div { max-height: 100%; min-height: 100%; height: 100%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-track > div { padding: 0 4px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-track > div { padding: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .slick-track > div > div { max-height: 100%; min-height: 100%; height: 100%; } #CLAFAIRTARDE img { display: block; } .CLAFAIRTARDE-bar { position: fixed; z-index: 99; overflow: hidden; width: 100vw; height: 3px; margin: 0 auto; background-color: rgba(180, 0, 36, 0.15); } .CLAFAIRTARDE-bar-loader { position: absolute; top: 0; left: 0; width: 80%; height: 3px; animation: buffer 1500ms ease-in-out infinite; background-color: #b40024; } @keyframes buffer { 0% { transform: translateX(-100%); } 100% { transform: translateX(200%); } } #CLAFAIRTARDE .CLAFAIRTARDE-F-Arial { font-family: Arial, Helvetica, sans-serif; } #CLAFAIRTARDE .CLAFAIRTARDE-F-Times { font-family: Times, "Times New Roman", serif; } #CLAFAIRTARDE .CLAFAIRTARDE-F-ClarinsRegular { font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif; } #CLAFAIRTARDE .CLAFAIRTARDE-F-GothamSSmMedium { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; } #CLAFAIRTARDE .CLAFAIRTARDE-F-GothamSSmBook { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; } #CLAFAIRTARDE .CLAFAIRTARDE-F-GothamLight { font-family: "Gotham Light", "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; } #CLAFAIRTARDE .CLAFAIRTARDE-F-GothamSSmLight { font-family: "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; } #CLAFAIRTARDE .CLAFAIRTARDE-flex { display: flex; } #CLAFAIRTARDE .CLAFAIRTARDE-relative { position: relative; } #CLAFAIRTARDE .CLAFAIRTARDE.isBlocked { overflow: hidden; width: 100vw; height: 100vh; } #CLAFAIRTARDE .CLAFAIRTARDE-hidden { display: none; } #CLAFAIRTARDE .CLAFAIRTARDE-hidden--mobile { display: none; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--mobile { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-hidden--tablet { display: block; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--tablet { display: none; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--tablet { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-hidden--tablet-medium { display: block; } @media only screen and (min-width: 992px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--tablet-medium { display: none; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--tablet-medium { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-hidden--desktop { display: block; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--desktop { display: none; } } @media only screen and (min-width: 1440px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--desktop { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-hidden--desktop-medium { display: block; } @media only screen and (min-width: 1440px) { #CLAFAIRTARDE .CLAFAIRTARDE-hidden--desktop-medium { display: none; } } #CLAFAIRTARDE .CLAFAIRTARDE-block { display: block; } #CLAFAIRTARDE .CLAFAIRTARDE-block--mobile { display: block; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE .CLAFAIRTARDE-block--mobile { display: none; } } #CLAFAIRTARDE .CLAFAIRTARDE-block--tablet { display: none; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE .CLAFAIRTARDE-block--tablet { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-block--tablet-medium { display: none; } @media only screen and (min-width: 992px) { #CLAFAIRTARDE .CLAFAIRTARDE-block--tablet-medium { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-block--desktop { display: none; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE .CLAFAIRTARDE-block--desktop { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-block--desktop-medium { display: none; } @media only screen and (min-width: 1440px) { #CLAFAIRTARDE .CLAFAIRTARDE-block--desktop-medium { display: block; } } #CLAFAIRTARDE .CLAFAIRTARDE-margin-Top-0 { margin-top: 0; } #CLAFAIRTARDE .CLAFAIRTARDE-margin-Top-2 { margin-top: 0.125em; } #CLAFAIRTARDE .CLAFAIRTARDE-margin-Top-5 { margin-top: 0.3125em; } #CLAFAIRTARDE .CLAFAIRTARDE-margin-Top-10 { margin-top: 0.625em; } #CLAFAIRTARDE .CLAFAIRTARDE-margin-Top-15 { margin-top: 0.9375em; } #CLAFAIRTARDE .CLAFAIRTARDE-margin-Top-20 { margin-top: 1.25em; } #CLAFAIRTARDE .CLAFAIRTARDE-wrapper { font: inherit; position: relative; width: 100%; min-width: 22.8571428571em; height: 100%; margin: 0 auto; max-width: 2200px; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE .CLAFAIRTARDE-wrapper { padding-right: 0; padding-left: 0; } } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price]:before { display: none; content: attr(data-default); } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price] span { display: block; } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price|="%"]:before, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price$="%"]:before, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price*="Product"]:before, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price*="price"]:before, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price*="N/A"]:before, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price=""]:before { display: block !important; } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price|="%"] span, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price$="%"] span, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price*="Product"] span, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price*="price"] span, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price*="N/A"] span, #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-price[data-price=""] span { display: none !important; } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-rate { margin-top: 1.4285714286em; height: 100%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-rate { margin-top: 0.5em; } } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-rate svg { width: 100%; max-width: 90px; } #CLAFAIRTARDE .CLAFAIRTARDE--dynamic-rate i { font: normal normal normal 14px/1 FontAwesome; color: #b40024; } #CLAFAIRTARDE .CLAFAIRTARDE-video { position: relative; } #CLAFAIRTARDE .CLAFAIRTARDE-video > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #CLAFAIRTARDE .CLAFAIRTARDE-video iframe { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: calc(100% + 4px); } #CLAFAIRTARDE .CLAFAIRTARDE-video picture { height: 100%; width: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-video * img { width: 100%; height: 100%; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-module { min-width: 17.8571428571em; max-width: -moz-max-content; max-width: max-content; min-height: 100%; background-color: #000; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; flex-direction: row; align-items: center; justify-content: center; z-index: 3; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-popup[data-open="1"] { display: flex; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-wrapper { position: relative; background-color: #000; min-width: -moz-max-content; min-width: max-content; max-width: 50em; max-height: 80%; z-index: 2; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); border: 0 solid #b40024; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-overlay { position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.65); cursor: not-allowed; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-content { display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-content ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.7142857143em; padding: 1.4285714286em 1.4285714286em; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-content ul li { width: 2.1428571429em; height: 2.1428571429em; border-radius: 50%; overflow: hidden; background-color: rgba(0, 0, 0, 0.25); cursor: pointer; display: flex; align-items: center; justify-content: center; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-content ul li a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; text-indent: -9999px; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-selection { display: none; background-color: #fff; } #CLAFAIRTARDE .CLAFAIRTARDE-YMK-close { position: absolute; top: -5%; right: 0; display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordions { max-width: 90%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordions { max-width: 50%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion { font-family: inherit; transform: translateZ(0); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > input { position: absolute; display: none; height: 0; transition: all 250ms linear; opacity: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > input:checked ~ label:after { content: "-"; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > input:checked ~ section { height: initial; min-height: auto; transform: translateY(0); opacity: 1; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > label { font-size: 4vw; font-weight: bold; line-height: 1.5; position: relative; display: flex; float: none; align-items: center; height: 10vw; cursor: pointer; text-align: left; color: inherit; border-bottom: 1px dashed rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > label { font-size: 0.875em; height: 3.1428571429em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > label:before { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > label:after { font-size: 1.4285714286em; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; content: "+"; transform: translateY(-50%); text-align: center; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-accordion > section { overflow: hidden; height: 0; padding: 0 0.7142857143em; transition: all 250ms ease-in-out; transform: translateY(20px); text-align: left; opacity: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs { position: relative; display: flex; flex-direction: column; width: 95%; height: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs { width: min(50%, 992px); } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-labels { display: flex; align-items: center; justify-content: center; max-width: 7.1428571429em; margin: 0 auto; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-labels label { position: relative; display: inline-block; overflow: hidden; width: 1.4285714286em; height: 1.4285714286em; margin: 0 auto; color: rgba(0, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-labels label span { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; margin: 0 auto; cursor: pointer; transition: all 250ms linear; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-labels label span::before { position: absolute; top: 50%; left: 50%; width: 0.7142857143em; height: 0.7142857143em; margin-top: -0.3571428571em; margin-left: -0.3571428571em; content: ""; transition: all 250ms linear; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-panels { position: relative; width: 100%; height: 100%; margin-top: 3%; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-panels > div { position: relative; display: none; min-height: 14.2857142857em; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"] ~ .CLAFAIRTARDE-panels > div::before { font-size: 3.5714285714em; line-height: 1px; position: absolute; top: 50%; left: 50%; content: attr(data-id); transform: translate(-50%, -50%); color: rgba(255, 0, 0, 0.25); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab1"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab1"] { color: #000; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab1"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab1"] span { border: 1px solid rgba(0, 0, 0, 0.25); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab1"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab1"] span::before { background-color: rgba(255, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab1"]:checked ~ .CLAFAIRTARDE-panels > div[data-id="1"] { display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab2"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab2"] { color: #000; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab2"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab2"] span { border: 1px solid rgba(0, 0, 0, 0.25); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab2"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab2"] span::before { background-color: rgba(255, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab2"]:checked ~ .CLAFAIRTARDE-panels > div[data-id="2"] { display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab3"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab3"] { color: #000; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab3"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab3"] span { border: 1px solid rgba(0, 0, 0, 0.25); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab3"]:checked ~ .CLAFAIRTARDE-labels label[for="CLAFAIRTARDE-T1-tab3"] span::before { background-color: rgba(255, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-tabs input[type="radio"][id="CLAFAIRTARDE-T1-tab3"]:checked ~ .CLAFAIRTARDE-panels > div[data-id="3"] { display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ label { display: inline-block; overflow: hidden; width: 4em; height: 2.4285714286em; margin: 0 auto; color: rgba(0, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ label:before, #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ label:after { position: absolute; top: 55%; display: block; width: initial; transform: translateY(-50%); } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ label span { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; margin: 0 auto; cursor: pointer; transition: all 250ms linear; border-radius: 1.8571428571em; background-color: rgba(0, 0, 0, 0.1); } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ label span::before { position: absolute; top: 50%; left: 0.1428571429em; width: 1.8571428571em; height: 1.8571428571em; margin-top: -0.9285714286em; content: ""; transition: all 250ms linear; transform: translateX(0); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ .CLAFAIRTARDE-tabs .CLAFAIRTARDE-panels { position: relative; width: 100%; height: 100%; margin-top: 3%; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ .CLAFAIRTARDE-tabs .CLAFAIRTARDE-panels > div { position: relative; min-height: 14.2857142857em; display: flex; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ .CLAFAIRTARDE-tabs .CLAFAIRTARDE-panels > div[data-id]:first-child { position: relative; visibility: visible; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"] ~ .CLAFAIRTARDE-tabs .CLAFAIRTARDE-panels > div[data-id]:last-child { position: absolute; visibility: hidden; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"]:checked ~ label { color: #000; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"]:checked ~ label span::before { transform: translateX(100%); background-color: #000; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"]:checked ~ .CLAFAIRTARDE-tabs .CLAFAIRTARDE-panels > div[data-id]:first-child { position: absolute; visibility: hidden; } #CLAFAIRTARDE.CLAFAIRTARDE-main input[type="checkbox"]:checked ~ .CLAFAIRTARDE-tabs .CLAFAIRTARDE-panels > div[data-id]:last-child { position: relative; visibility: visible; } #CLAFAIRTARDE.CLAFAIRTARDE-main button:active, #CLAFAIRTARDE.CLAFAIRTARDE-main button:focus { outline: 0 !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-posRelative { position: relative; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; overflow-y: scroll; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup[data-open="0"] { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup[data-open="1"] { display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-overlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-inner { min-height: 100%; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-inner[data-show="0"] { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-inner[data-show="1"] { display: flex; } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-inner[data-popup="sheabutter"] .CLAFAIRTARDE-popup-wrap-location { max-width: 12.0625em; } } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-inner[data-popup="senna"] .CLAFAIRTARDE-popup-wrap-location { max-width: 12.0625em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap { position: relative; z-index: 13; background: linear-gradient(107.71deg, #ffffff 15.19%, #f5efeb 98.04%); border-radius: 8px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); overflow: hidden; padding: 1.1428571429em 0 2.2857142857em 0; width: calc(100% - 12px); max-width: 1048px; min-height: 100%; margin-left: auto; margin-right: auto; margin-top: 54px; margin-bottom: 6px; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap { padding: 0; border-radius: 28px; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap { margin-top: 113px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap { margin-top: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap img { position: relative; z-index: 11; margin-bottom: 2em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap img { margin-bottom: 0; transform: scale(1.5); } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap img { transform: initial; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-right { padding: 4.375em 0; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-right { padding: 0 1.75em 0 0; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-left { align-self: center; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-left { align-self: flex-start; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-colReverse { flex-direction: column-reverse; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-close { position: absolute; top: 10px; right: 10px; text-indent: -99999px; border: none; background-color: rgba(0, 0, 0, 0); width: 25px; height: 25px; background-image: url("../images/CLAFAIRTARDE-close.png"); background-position: center; background-size: 100% auto; background-repeat: no-repeat; z-index: 15; min-width: auto; padding: 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-close { top: 28px; right: 28px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content { margin-bottom: 1.0714285714em; padding: 0 1.0714285714em; position: relative; z-index: 1; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content { padding: 0 10%; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content { padding: 0 17%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content:last-child { margin-bottom: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content--subtitle { color: #b40024; font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-size: 0.8571428571em; line-height: 1.6666666667em; letter-spacing: 1.2px; text-transform: uppercase; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content--subtitle { font-size: 0.75em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content--txt { color: #333; font-size: 1em; line-height: 1.4285714286em; letter-spacing: 0.28px; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-content--txt { font-size: 0.875em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4285714286em; letter-spacing: 1.4px; text-transform: uppercase; color: #333; position: relative; display: table; padding: 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location { font-size: 0.875em; margin-bottom: 1.2857142857em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location span { position: absolute; width: 17.36px; height: 26.66px; left: -25px; top: 50%; transform: translateY(-50%); z-index: -1; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location span::before { position: absolute; content: ""; background-size: 100% auto; background-position: center; background-repeat: no-repeat; z-index: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location span::after { content: ""; font: inherit; position: absolute; width: 17.36px; height: 26.66px; background-image: url("../images/CLAFAIRTARDE-location.svg"); background-size: 100% auto; background-position: center; background-repeat: no-repeat; left: 0; top: 50%; transform: translateY(-50%); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="madagasca"] span::before { width: 356px; height: 360px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-madagasca-m.png"); left: -103px; top: -257px; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="madagasca"] span::before { width: 508px; height: 504px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-madagasca.png"); left: -138px; top: -216px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="burkina-and-ivory"] span::before { width: 356px; height: 502px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-burkina_ivory-m.png"); left: -75px; top: -260px; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="burkina-and-ivory"] span::before { width: 483px; height: 504px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-burkina_ivory.png"); left: -107px; top: -131px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="burkina"] span::before { width: 356px; height: 502px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-burkina-m.png"); left: -85px; top: -238px; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="burkina"] span::before { width: 508px; height: 504px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-burkina.png"); left: -139px; top: -214px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="senegal"] span::before { width: 356px; height: 454px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-senegal-m.png"); left: -123px; top: -258px; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="senegal"] span::before { width: 508px; height: 504px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-senegal.png"); left: -170px; top: -254px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="india"] span::before { width: 356px; height: 321.5px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-india-m.png"); left: -141px; top: -255px; } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-location[data-name="india"] span::before { width: 508px; height: 504px; background-image: url("../images/popup/CLAFAIRTARDE-popup-map-india.png"); left: -184px; top: -208px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-title { font-size: 1.1428571429em; line-height: 2em; text-transform: uppercase; display: inline-block; position: relative; z-index: 11; border-bottom: 1px solid #333; border-top: 1px solid #333; margin-top: 2.375em; margin-bottom: 1.0625em; padding: 0.0625em 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-title { margin-top: 0; font-size: 1.25em; line-height: 1.4em; margin-bottom: 1.2em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-backgroundMap { background-color: #fefaf9; background-image: url("../images/b5/CLAFAIRTARDE-b5-map-m.png"); background-size: auto; background-position: bottom left; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-backgroundMap { background-image: url("../images/b5/CLAFAIRTARDE-b5-mapLeft.png"), url("../images/b5/CLAFAIRTARDE-b5-mapRight.png"); background-position: bottom left, top right; background-size: 30%, 30%; background-repeat: no-repeat, no-repeat; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-backgroundMap { background-size: auto, auto; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel { text-align: center; margin-bottom: 3.1428571429em; } @media only screen and (max-width: 480px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel:not(:has(ul.slick-dots)) .slick-track { padding-bottom: 0.7142857143em; margin-bottom: initial; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel { margin-bottom: 4.375em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel p { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .CLAFAIRTARDE-button { margin-top: 1.9285714286em; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel--item { display: inline-block; width: 100%; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots { bottom: 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots { transform: translateX(-54.6218487395%); left: 50%; bottom: -56px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots li button { width: 15px; height: 15px; position: relative; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots li { width: 15px; height: 15px; margin: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots li button:before { opacity: 1; color: #fff; font-size: 0; position: absolute; background-color: #d3ccc8; border-radius: 100%; width: 8px; height: 8px; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots li button, #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots li.slick-active button { background-color: rgba(0, 0, 0, 0); } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots li.slick-active button:before { background-color: #333; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev, #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next { background-repeat: no-repeat; background-size: 24px auto; background-position: center; width: 35px; height: 35px; top: 50%; transform: translateY(-50%); border-radius: 5px; background-color: rgba(255, 255, 255, 0); z-index: 99; text-indent: -9999px; } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev, #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next { display: none !important; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev:before, #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next:before { content: ""; text-indent: -9999px; } /*#CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev:hover, #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next:hover { background-color: rgba(51, 51, 51, 0.5); }*/ #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev { background-image: url("../images/b3/CLAFAIRTARDE-b3-arrow-prev.png"); } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev { left: -37px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-prev { left: -7px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next { background-image: url("../images/b3/CLAFAIRTARDE-b3-arrow-next.png"); } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next { right: -37px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-next { right: -7px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-buttonTry { margin: auto; position: relative; background-color: rgba(0, 0, 0, 0); border: none; font-size: 0.9285714286em; font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; color: #b40024; padding: 0.6923076923em 1.5384615385em 0.6923076923em 3.4615384615em; background: linear-gradient(to right, #b40024 1px, transparent 1px) 0 0, linear-gradient(to right, #b40024 1px, transparent 1px) 0 100%, linear-gradient(to left, #b40024 1px, transparent 1px) 100% 0, linear-gradient(to left, #b40024 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, #b40024 1px, transparent 1px) 0 0, linear-gradient(to bottom, #b40024 1px, transparent 1px) 100% 0, linear-gradient(to top, #b40024 1px, transparent 1px) 0 100%, linear-gradient(to top, #b40024 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 7px 7px; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-buttonTry:disabled, #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-buttonTry[disabled] { color: rgba(0, 0, 0, 0.5); background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 0 0, linear-gradient(to right, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 0 100%, linear-gradient(to left, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 100% 0, linear-gradient(to left, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 0 0, linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 100% 0, linear-gradient(to top, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 0 100%, linear-gradient(to top, rgba(0, 0, 0, 0.5) 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 7px 7px; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-buttonTry::before { top: -2%; content: ""; position: absolute; width: 20px; height: 100%; background-position: center; background-size: 100% auto; background-repeat: no-repeat; left: 20px; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-buttonTry[data-hidden="1"] { pointer-events: none; opacity: 0; visibility: hidden; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-txtAlign--center { text-align: center; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-txtAlign--center-Mob { text-align: center; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-txtAlign--center-Mob { text-align: left; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-inner { max-width: 100%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-inner { max-width: 1540px; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-inner-safezone { max-width: 90%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-inner-safezone { max-width: 90%; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-inner-safezone { max-width: 81.8181818182%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-group-bg { background: #f5ffcc; background: -webkit-gradient(left top, right top, color-stop(0%, rgb(245, 255, 204)), color-stop(100%, rgb(239, 255, 238))); background: linear-gradient(to right, rgb(245, 255, 204) 0%, rgb(239, 255, 238) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f5ffcc", endColorstr="#efffee", GradientType=1 ); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name] .swatchesCircle, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name] .quickviewText { display: none; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name] .product-tile .product-quickshop { border: none; display: flex; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[class*="-row"] { position: relative; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] { background-repeat: no-repeat; background-image: url("../images/b1/b1_cover_m.jpg"); background-size: cover; background-position: center; min-height: 500px; } @media only screen and (max-width: 359px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] { font-size: 12px; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] { background-image: url("../images/b1/b1_cover.jpg"); background-size: 2200px 100%; font-size: 12px; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] { font-size: 16px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner { margin-left: auto; margin-right: auto; max-width: 330px; } @media only screen and (max-width: 359px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner { max-width: 280px; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner { max-width: 71.4285714286%; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner { max-width: 700px; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner { max-width: 950px; } } @media only screen and (min-width: 1170px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner { max-width: 1100px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 { color: #fff; font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif; line-height: 1; display: inline-block; margin-left: 0; font-size: 4.5714285714em; margin-bottom: 2.78125em; width: 100%; font-weight: normal; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 { font-size: 5em; margin-top: 0.125em; margin-bottom: 0; width: auto; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span { color: #fff; line-height: 1; font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif; font-weight: normal; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span:nth-child(1) { font-size: 1.5625em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span:nth-child(1) { font-size: 1.75em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span:nth-child(2) { display: block; transform: translateY(-0.1875em); padding-left: 0.734375em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span:nth-child(2) { transform: translateY(0); display: inherit; padding-left: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span:nth-child(3) { display: block; text-align: right; transform: translateY(-0.1875em); padding-right: 0.546875em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 span:nth-child(3) { transform: translateY(-0.0875em); padding-right: 1.4125em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2 { padding-top: 2.2857142857em; padding-bottom: 2.2857142857em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2 { padding-top: 4.1875em; padding-bottom: 3.9375em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-logo { max-width: 196px; margin-bottom: 2em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-logo { max-width: 276px; margin-bottom: 2.0625em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt { max-width: 700px; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt { max-width: 950px; } } @media only screen and (min-width: 1170px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt { max-width: 1100px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3 { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #333; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 0; margin-top: 0; display: inline-block; font-size: 1.1428571429em; line-height: 1.5; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3 { font-size: 1.5em; line-height: 1.34; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3:nth-child(1) { margin-bottom: 1.875em; max-width: 90%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3:nth-child(1) { max-width: 100%; margin-bottom: 1.25em; } } @media only screen and (min-width: 1170px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3:nth-child(1) { max-width: 85%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3:nth-child(2) { max-width: 90%; margin-bottom: 1.875em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt h3:nth-child(2) { margin-bottom: 1em; max-width: unset; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt p { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #333; line-height: 1.4285; max-width: 85%; letter-spacing: 0.28px; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B2"] .CLAFAIRTARDE-b2-txt p { font-size: 0.875em; max-width: 70%; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-carousel { margin-bottom: 8.75em; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-carousel .slick-track { padding: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-carousel .slick-slide { float: none; display: inline-block; width: 100% !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-carousel .slick-slide > div { width: 100%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-row { width: 100%; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-row { padding: 0; width: calc(100% + 80px); margin-left: -40px; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-row { padding: 0 2.1875em; width: 100%; max-width: 1260px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-img { max-width: 54.6218487395%; flex-basis: 54.6218487395%; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-img > div > picture { max-width: calc(100% - 40px); margin-left: 0; display: block; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-img > div > picture img { margin-bottom: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info { transform: translate(0, 0); margin-top: -6.7857142857em; padding: 0 1.1428571429em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info { max-width: 45.3781512605%; flex-basis: 45.3781512605%; transform: translate(40px, 0); padding: 0; margin-top: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner { padding-top: 1.0714285714em; padding-bottom: 1.0714285714em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner { padding-top: 0.3125em; padding-bottom: 0.3125em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name="b3-inner1"] { background: #f1be7b; background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(241, 190, 123)), color-stop(100%, rgb(222, 147, 48))); background: linear-gradient(135deg, rgb(241, 190, 123) 0%, rgb(222, 147, 48) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1be7b", endColorstr="#de9330", GradientType=1 ); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name="b3-inner2"] { background: #fec4ae; background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(254, 196, 174)), color-stop(100%, rgb(229, 134, 97))); background: linear-gradient(135deg, rgb(254, 196, 174) 0%, rgb(229, 134, 97) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fec4ae", endColorstr="#e58661", GradientType=1 ); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name="b3-inner3"] { background: #b3db81; background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(179, 219, 129)), color-stop(100%, rgb(146, 192, 87))); background: linear-gradient(135deg, rgb(179, 219, 129) 0%, rgb(146, 192, 87) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3db81", endColorstr="#92c057", GradientType=1 ); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name="b3-inner4"] { background: #e6c5a5; background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(230, 197, 165)), color-stop(100%, rgb(217, 159, 105))); background: linear-gradient(135deg, rgb(230, 197, 165) 0%, rgb(217, 159, 105) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6c5a5", endColorstr="#d99f69", GradientType=1 ); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name] > div { min-height: 18.5714285714em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name] > div { min-height: 40vw; } } @media only screen and (min-width: 1170px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-inner[data-name] > div { min-height: 25.625em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-icon { max-width: 8.4285714286em; margin-bottom: 1.2857142857em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-icon { max-width: 5em; margin-bottom: 2em; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-icon { max-width: 9.375em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 4.5px; font-size: 1.1428571429em; line-height: 1.5; max-width: 60vw; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { line-height: 1.34; font-size: 1.25em; max-width: 90%; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { font-size: 1.5em; max-width: 60%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des { position: relative; margin-top: 1.2857142857em; padding: 0 0.7142857143em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des { margin-top: 1.5625em; max-width: 90%; padding: 0; } } @media only screen and (min-width: 1170px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des { margin-top: 2.3125em; max-width: 75%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des::before { position: absolute; content: ""; width: 68.2666666667vw; left: 50%; transform: translateX(-50%); height: 1px; background-color: #fff; top: 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des::before { width: 89%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des p { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; line-height: 1.4285; font-size: 1em; padding-top: 1.6428571429em; padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des p { font-size: 0.75em; padding-top: 2.0833333333em; letter-spacing: 0.28px; } } @media only screen and (min-width: 1170px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-des p { font-size: 0.875em; padding-top: 2.3571428571em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] { margin-bottom: 0; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] { margin-bottom: 4.0625em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper { background-image: url("../images/b4/CLAFAIRTARDE-b4-bg-m.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 1.0714285714em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper { background-image: url("../images/b4/CLAFAIRTARDE-b4-bg.jpg"); } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper { max-width: 1260px; padding: 6.5em 9.5em 5em; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper > div > div:first-child { max-width: calc(100% - 118px - 25px); flex-basis: calc(100% - 118px - 25px); margin-right: 25px; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper > div > div:nth-child(2) { max-width: 118px; flex-basis: 118px; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper > div > div:nth-child(2) picture { margin-right: 0; float: right; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content { background-color: rgba(255, 255, 255, 0.9); min-height: 31.2142857143em; padding: 2.2857142857em 2em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content { min-height: 16.5em; padding: 2em 0.625em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content h2 { font-size: 1.1428571429em; line-height: 1.45em; color: #333; margin-bottom: 0.5625em; font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content h2 { font-size: 1.5em; line-height: 1.3333333333em; letter-spacing: 2.4px; margin-bottom: 0.6666666667em; max-width: 95%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content p { font-size: 1em; line-height: 1.4285714286em; color: #333; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content p { font-size: 0.875em; line-height: 1.4285714286em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content p span { font: inherit; display: block; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content p span { display: inline; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content img { max-width: 100%; width: 80px; height: auto; margin-top: 0.9285714286em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B4"] .CLAFAIRTARDE-B4Wrapper--content img { margin-top: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] { padding: 3.5714285714em 1.9285714286em 1.6428571429em 1.9285714286em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] { padding: 3.125em 1.6875em 2.8125em 1.6875em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] h2 { font-size: 2.1428571429em; line-height: 1.4333333333em; letter-spacing: 3px; font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] h2 { font-size: 1.875em; line-height: 1.4333333333em; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] h2 { font-size: 2.25em; line-height: 1.4444444444em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] h2 span { font: inherit; display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] p { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1em; line-height: 1.42858; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] p { font-size: 0.875em; padding-right: 20px; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] img { max-width: 58%; width: auto; height: auto; margin-bottom: 1.6428571429em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] img { margin-top: 1.8125em; margin-bottom: 2.4375em; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] img { margin-bottom: 3.8125em; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] img { margin-bottom: 1.5625em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color1 { background: linear-gradient(180deg, #78cddf 12.98%, #92c057 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); margin-bottom: 0.9333333333em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color1 { background: linear-gradient(180deg, #78cddf 7.81%, #92c057 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); max-width: 310px; display: inline-block; margin-bottom: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { background: linear-gradient(180deg, #92c057 9.38%, #74b75c 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { margin: 0; margin-top: -1.4444444444em; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { margin-top: -1.4444444444em; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-inner-safezone > div:first-child { padding-right: 0.875em; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-inner-safezone > div:last-child > div > div { padding-left: 6%; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-inner-safezone > div:last-child > div > div { padding-left: 3.25em; padding-right: 10%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-clear-filters { display: none !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-filter-wrap { max-width: 100%; min-width: 100%; display: flex; align-items: flex-start; align-content: center; justify-content: center; padding: 0 10px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredients { display: inline-block; position: relative !important; padding-bottom: 9.2857142857em; min-width: 100%; max-width: 100%; width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredients { width: 100%; padding-bottom: 6.875em; padding-left: 0; padding-right: 0; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE picture { display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-B6-title { color: #333; font-size: 1.1428571429em; line-height: 1.5em; text-transform: uppercase; padding: 0 7%; letter-spacing: 1.6px; margin-bottom: 1.875em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-B6-title { font-size: 1.5em; line-height: 1.3333333333em; letter-spacing: 2.4px; margin-bottom: 1.6666666667em; } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-B6-title { padding: 0 10%; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient { max-width: 67.5em; padding: 0; margin-bottom: 6.75em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item { padding: 0.4285714286em 0.5714285714em; width: 33.3333333333%; display: inline-block; min-height: -moz-fit-content; min-height: fit-content; max-height: 31.4666666667vw; float: left; position: relative; } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item { height: 31.4666666667vw !important; } } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item { width: 20%; padding: 0.625em 0.375em; max-height: unset; min-height: unset; } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item { padding: 0.875em 1em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; background-color: rgba(255, 255, 255, 0.4); opacity: 0; transition: all 0.3s; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay { width: calc(100% - 8px); height: calc(100% - 8px); top: 50%; left: 50%; transform: translate(-50%, -50%); } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay { width: calc(100% - 20px); height: calc(100% - 20px); } } @media only screen and (min-width: 1280px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay { width: calc(100% - 36px); height: calc(100% - 36px); transition: opacity ease 0.2s; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay > div { min-height: 100%; min-width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; background-color: rgba(255, 255, 255, 0.4); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay > div > div { min-height: calc(100% - 8px); min-width: calc(100% - 8px); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; margin: 4px; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay > div > div { margin: 7px; min-height: calc(100% - 14px); min-width: calc(100% - 14px); } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay p { position: relative; z-index: 11; padding: 10px; font-size: 0.7142857143em; line-height: 1.5em; letter-spacing: 0.5px; text-transform: uppercase; color: #333; position: relative; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay p::before, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay p::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 56px; height: 1px; background-color: #333; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay p::before { top: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay p::after { bottom: 0; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay p span { font: inherit; display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--overlay picture { display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--contentWrapper { position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; align-content: center; width: 100%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--contentWrapper:hover div { opacity: 1; transition: all 0.3s; } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item--contentWrapper div { display: none; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-ingredient--item picture { width: 100%; display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor1, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor1 > div > div { background: linear-gradient(142.64deg, #d8ead6 13.77%, #ccedf7 85.97%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor2, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor2 > div > div { background: linear-gradient(225deg, #ffe7a5 12.77%, #ffbd93 88.32%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor3, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor3 > div > div { background: linear-gradient(139.94deg, #eadfd9 6.09%, #fff0a2 94.79%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor4, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor4 > div > div { background: linear-gradient(147.02deg, #c8f3f3 0.42%, rgba(209, 203, 201, 0.97) 88.48%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor5, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor5 > div > div { background: linear-gradient(223.05deg, #f8e0d0 4.68%, #fff1f1 92.56%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor6, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor6 > div > div { background: linear-gradient(145.57deg, #bee7c8 5.3%, #b9e0e8 89.67%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor7, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor7 > div > div { background: linear-gradient(216.17deg, #fcd3d2 9.13%, #f7daba 91.51%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor8, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor8 > div > div { background: linear-gradient(270deg, #fff2f2 8.7%, #f2dac9 96.74%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor9, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor9 > div > div { background: linear-gradient(233.24deg, rgba(254, 236, 226, 0.7) 9.63%, rgba(254, 255, 224, 0.7) 88.15%), linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor10, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor10 > div > div { background: linear-gradient(136.81deg, #e6fff9 2.8%, #b8cff1 88.76%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor11, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor11 > div > div { background: linear-gradient(216.47deg, #cae6e8 1.17%, #decae8 90.08%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor12, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor12 > div > div { background: radial-gradient(114.13% 114.13% at 100% -6.52%, #ffe8ef 0%, #e4e5fe 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor13, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor13 > div > div { background: linear-gradient(137.12deg, #f9d5e7 3.28%, #ffe2c8 91.45%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor14, #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-bgRadColor14 > div > div { background: linear-gradient(202.71deg, rgba(247, 182, 161, 0.3) 7.8%, rgba(255, 213, 103, 0.3) 85.25%), linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-filters { background-color: #f5efeb; margin-bottom: 42px; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-filters { text-align: left; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries { position: relative; display: inline-block; margin-left: 0; padding: 0 15px; cursor: pointer; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries span { color: #333; font-size: 11px; line-height: 16px; text-transform: uppercase; font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-weight: 500; padding-left: 30px; padding-right: 25px; padding-top: 12px; padding-bottom: 12px; display: block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries:before { position: absolute; content: ""; width: 14px; height: 21px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-location.png"); top: 50%; left: 15px; transform: translateY(-50%); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries:after { position: absolute; content: ""; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-image: url("../images/b6/CLAFAIRTARDE-b6-arrow-down.png"); top: 50%; right: 15px; transform: translateY(-50%) rotate(0deg); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries.clicked { background-color: #fff; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.15); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries.clicked:after { transform: translateY(-50%) rotate(180deg); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-countries.clicked ~ p { box-shadow: 0 22px 21px 0 rgba(0, 0, 0, 0.15); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists { position: relative; display: none; margin-right: 0; padding: 0 15px; cursor: pointer; float: right; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists { display: inline-block; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists span:nth-of-type(1) { color: #333; font-size: 11px; line-height: 16px; text-transform: uppercase; font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-weight: 500; padding-left: 30px; padding-right: 0; padding-top: 12px; padding-bottom: 12px; display: inline-block; float: left; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists:after { position: absolute; content: ""; width: 40px; height: 24px; background-repeat: no-repeat; background-position: center right; background-size: 24px auto; background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-sortby-az.png"); top: 50%; left: 0; transform: translateY(-50%); border-left: 1px solid #fff; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists:before { position: absolute; content: attr(data-text); background-repeat: no-repeat; background-position: center; background-size: 100% auto; top: 50%; transform: translateY(-50%); display: inline-block; font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #333; width: 100px; text-align: right; right: 100%; font-size: 11px; line-height: 16px; text-transform: uppercase; font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-weight: 500; padding-right: 10px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists span:nth-of-type(2) { position: absolute; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; top: 50%; right: 15px; transform: translateY(-50%); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists[data-text="A-Z"]:after { background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-sortby-az.png"); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists[data-text="Z-A"]:after { background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-sortby-za.png"); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists > div { position: absolute; min-width: 100%; min-height: 100px; background-color: #fff; top: 100%; right: 50%; transform: translateX(-50%); z-index: 14; padding: 0 20px; visibility: hidden; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists > div { right: 0; transform: translateX(0); } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists > div input[type="checkbox"] { display: none !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists > div input[type="checkbox"] + label { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #333; text-align: left; text-transform: capitalize; position: relative; display: inline-block; width: 100%; padding: 16px 25px; height: auto !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists > div input[type="checkbox"] + label:before { border-radius: 0px; width: 18px; height: 18px; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-check.png"); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists > div input[type="checkbox"]:checked + label:before { background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-checked.png"); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists:hover { background-color: #fff; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-btn-sortlists:hover > div { visibility: visible; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries { position: absolute; width: 290px; min-height: 240px; background-color: #fff; top: 100%; left: 50%; transform: translateX(-50%); z-index: 12; padding: 0; display: none; flex-direction: column; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries { left: 0; transform: translateX(0); } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries input[type="checkbox"] { display: none !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries input[type="checkbox"] + label { font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif; font-weight: 400; color: #333; text-align: left; text-transform: capitalize; position: relative; display: inline-block; width: 100%; padding: 16px 48px; height: auto !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries input[type="checkbox"] + label:before { border-radius: 4px !important; background-color: rgba(0, 0, 0, 0); box-shadow: none; width: 18px; height: 18px; content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 100% auto; border: 1px solid #b0a9a5; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries input[type="checkbox"] + label:hover { background-color: #f5efeb; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries input[type="checkbox"]:checked + label:before { border-radius: 4px !important; background-color: rgba(0, 0, 0, 0); box-shadow: none; background-image: url("../images/b6/CLAFAIRTARDE-b6-icon-checked.png"); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries:hover { background-color: #fff; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries:hover p { visibility: visible !important; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries:hover:after { background-image: url("../images/b6/CLAFAIRTARDE-b6-arrow-up.png"); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .CLAFAIRTARDE-b6-dropdown-countries.opened { display: flex; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .isotope-pager { position: absolute; bottom: 92px; left: 50%; transform: translateX(-50%); } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .isotope-pager { display: none; } } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .isotope-pager a { width: 15px; height: 15px; position: relative; text-indent: -9999px; display: inline-block; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .isotope-pager a:before { color: #fff; font-size: 0; position: absolute; background-color: #d3ccc8; border-radius: 100%; width: 8px; height: 8px; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B6"] .isotope-pager a.active:before { background-color: #333; } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] { padding-bottom: 3.0714285714em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] { padding-bottom: 0em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] h3 { font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; margin-top: 0.8571428571em; margin-bottom: 0.7142857143em; color: #333; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] h3 { font-size: 3em; line-height: 1.2em; margin-bottom: 0.5208333333em; margin-top: 0.9375em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] h3 span { font: inherit; display: block; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] h3 span { display: inline; } } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel { transform: translateX(-45px); } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel { max-width: 56.25em; width: 100%; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel img { margin-bottom: 0em; } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel .slick-list { overflow: visible; } } @media only screen and (max-width: 767px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel .slick-dots { transform: translateX(45px); } } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel .slick-slide { width: 33.3333333333% !important; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item { padding: 0 1.0714285714em; text-align: left; } @media only screen and (min-width: 992px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item { padding: 0 1.25em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item p, #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item a { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif; font-size: 0.7857142857em; line-height: 1.45em; text-transform: uppercase; color: #333; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item p, #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item a { font-size: 0.6875em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item a { text-decoration: underline; } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item p { margin: 1.6363636364em auto 0.7272727273em auto; } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item h5 { font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif; font-size: 2.5em; line-height: 1.2em; font-weight: 400; color: #333; margin-bottom: 0.4857142857em; min-height: 2.4em; } @media only screen and (min-width: 768px) { #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item h5 { font-size: 2.1875em; } } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] .CLAFAIRTARDE-carousel--item h5 span { font: inherit; display: block; } .breadcrumb, .offerbumper-loader { display: none; } footer.footer-main { margin-top: 0 !important; } .primary-content { padding-bottom: 0; } #main:not(.main-homepage) { padding-top: 0; } #wrapper { max-width: 100%; } #wrapper.pt_category-wide .breadcrumb-container, #wrapper.pt_category-wide .site-width-slot { max-width: 100%; margin: 0 auto; } /*========================================================*/ #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2{ width: 45%; } @media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){ #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2{ width: 60%; } } @media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){ #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2{ width: 60%; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-carousel .slick-dots{ transform: translateX(-50%); } } @media only screen and (min-width: 768px){ #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] img{ margin-left: 8%; } } @media (max-width: 480px) { #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2{ width: 100%; } } /*Edits*/ .CLAFAIRTARDE-b1-inner { font-size: 13px; right: 280px; max-width: 59%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { font-size: 1.5em; max-width: 71%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2 { width: 58%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color1 { max-width: 371px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { margin-top: -0.444444em; } @media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){ .CLAFAIRTARDE-b1-inner { font-size: 13px; right: 30px; max-width: 59%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { font-size: 1.5em; max-width: 78%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2 { width: 80%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color1 { max-width: 371px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { margin-top: -0.444444em; } } @media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){ .CLAFAIRTARDE-b1-inner { font-size: 13px; right: 30px; max-width: 59%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { font-size: 17px; max-width: 78%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2 { width: 80%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color1 { max-width: 371px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { margin-top: -0.444444em; } #CLAFAIRTARDE.CLAFAIRTARDE-main .CLAFAIRTARDE-popup-wrap-title { font-size: 17px; } } @media (max-width: 480px) { .CLAFAIRTARDE-b1-inner { font-size: 13px; right: 30px; max-width: 59%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B3"] .CLAFAIRTARDE-b3-item-info-title h4 { font-size: 17px; max-width: 82%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name=B5] .CLAFAIRTARDE-color2 { width: 80%; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color1 { max-width: 371px; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B5"] .CLAFAIRTARDE-color2 { margin-top: -0.444444em; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 { font-size: 41px; margin-bottom: -2.21875em; } #CLAFAIRTARDE.CLAFAIRTARDE-main *[data-name="B1"] .CLAFAIRTARDE-b1-inner h2 { margin-left: 37px; font-size: 34px; } #CLAFAIRTARDE.CLAFAIRTARDE-main * section[data-name="B7"] h3 { font-size: 31px ; } } #ingredient-link { margin-top: 20px; padding: 5px; } #ingredient-link a { font-size:12px; }