html { font-family: var(--font-base, "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif); /* text-size-adjust: 100%; height: 100%; overflow-x: hidden;*/ } body { /* font-size: 11px; letter-spacing: 0px; font-weight: normal; color: #000; background: #fff; position: relative; min-height: 100%; overflow: unset;*/ } @media(max-width:1023px) { body { overflow: hidden; overscroll-behavior-block: contain; } } .CLARINSHQ_BEC-main a, .CLARINSHQ_BEC-main abbr, .CLARINSHQ_BEC-main acronym, .CLARINSHQ_BEC-main address, .CLARINSHQ_BEC-main applet, .CLARINSHQ_BEC-main article, .CLARINSHQ_BEC-main aside, .CLARINSHQ_BEC-main audio, .CLARINSHQ_BEC-main b, .CLARINSHQ_BEC-main big, .CLARINSHQ_BEC-main blockquote, .CLARINSHQ_BEC-main canvas, .CLARINSHQ_BEC-main caption, .CLARINSHQ_BEC-main center, .CLARINSHQ_BEC-main cite, .CLARINSHQ_BEC-main code, .CLARINSHQ_BEC-main dd, .CLARINSHQ_BEC-main del, .CLARINSHQ_BEC-main details, .CLARINSHQ_BEC-main dfn, .CLARINSHQ_BEC-main div, .CLARINSHQ_BEC-main dl, .CLARINSHQ_BEC-main dt, .CLARINSHQ_BEC-main em, .CLARINSHQ_BEC-main embed, .CLARINSHQ_BEC-main fieldset, .CLARINSHQ_BEC-main figcaption, .CLARINSHQ_BEC-main figure, .CLARINSHQ_BEC-main footer, .CLARINSHQ_BEC-main form, .CLARINSHQ_BEC-main h1, .CLARINSHQ_BEC-main h2, .CLARINSHQ_BEC-main h3, .CLARINSHQ_BEC-main h4, .CLARINSHQ_BEC-main h5, .CLARINSHQ_BEC-main h6, .CLARINSHQ_BEC-main header, .CLARINSHQ_BEC-main hgroup, .CLARINSHQ_BEC-main i, .CLARINSHQ_BEC-main iframe, .CLARINSHQ_BEC-main img, .CLARINSHQ_BEC-main ins, .CLARINSHQ_BEC-main kbd, .CLARINSHQ_BEC-main label, .CLARINSHQ_BEC-main legend, .CLARINSHQ_BEC-main li, .CLARINSHQ_BEC-main mark, .CLARINSHQ_BEC-main menu, .CLARINSHQ_BEC-main nav, .CLARINSHQ_BEC-main object, .CLARINSHQ_BEC-main ol, .CLARINSHQ_BEC-main output, .CLARINSHQ_BEC-main p, .CLARINSHQ_BEC-main pre, .CLARINSHQ_BEC-main q, .CLARINSHQ_BEC-main ruby, .CLARINSHQ_BEC-main s, .CLARINSHQ_BEC-main samp, .CLARINSHQ_BEC-main section, .CLARINSHQ_BEC-main small, .CLARINSHQ_BEC-main span, .CLARINSHQ_BEC-main strike, .CLARINSHQ_BEC-main strong, .CLARINSHQ_BEC-main sub, .CLARINSHQ_BEC-main summary, .CLARINSHQ_BEC-main sup, .CLARINSHQ_BEC-main table, .CLARINSHQ_BEC-main tbody, .CLARINSHQ_BEC-main td, .CLARINSHQ_BEC-main tfoot, .CLARINSHQ_BEC-main th, .CLARINSHQ_BEC-main thead, .CLARINSHQ_BEC-main time, .CLARINSHQ_BEC-main tr, .CLARINSHQ_BEC-main tt, .CLARINSHQ_BEC-main u, .CLARINSHQ_BEC-main ul, .CLARINSHQ_BEC-main var, .CLARINSHQ_BEC-main video { margin: 0 auto; padding: 0; border: 0; font: inherit; vertical-align: baseline; } .CLARINSHQ_BEC-main article, .CLARINSHQ_BEC-main aside, .CLARINSHQ_BEC-main details, .CLARINSHQ_BEC-main figcaption, .CLARINSHQ_BEC-main figure, .CLARINSHQ_BEC-main footer, .CLARINSHQ_BEC-main header, .CLARINSHQ_BEC-main hgroup, .CLARINSHQ_BEC-main menu, .CLARINSHQ_BEC-main nav, .CLARINSHQ_BEC-main section { display: block; } .CLARINSHQ_BEC-main ol, .CLARINSHQ_BEC-main ul { list-style: none; } .CLARINSHQ_BEC-main blockquote, .CLARINSHQ_BEC-main q { quotes: none; } .CLARINSHQ_BEC-main blockquote:after, .CLARINSHQ_BEC-main blockquote:before, .CLARINSHQ_BEC-main q:after, .CLARINSHQ_BEC-main q:before { content: ""; content: none; } .CLARINSHQ_BEC-main table { border-collapse: collapse; border-spacing: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-container-fluid { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-row.CLARINSHQ_BEC-reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col.CLARINSHQ_BEC-reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-1, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-10, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-11, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-12, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-2, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-3, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-4, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-5, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-6, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-7, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-8, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-1 { margin-left: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-2 { margin-left: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-3 { margin-left: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-4 { margin-left: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-5 { margin-left: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-6 { margin-left: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-7 { margin-left: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-8 { margin-left: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-9 { margin-left: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-10 { margin-left: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-xs-offset-11 { margin-left: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-around-xs { -ms-flex-pack: distribute; justify-content: space-around; } #CLARINSHQ_BEC .CLARINSHQ_BEC-between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #CLARINSHQ_BEC .CLARINSHQ_BEC-first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #CLARINSHQ_BEC .CLARINSHQ_BEC-last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-1, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-10, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-11, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-12, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-2, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-3, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-4, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-5, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-6, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-7, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-8, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-1 { margin-left: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-2 { margin-left: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-3 { margin-left: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-4 { margin-left: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-5 { margin-left: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-6 { margin-left: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-7 { margin-left: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-8 { margin-left: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-9 { margin-left: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-10 { margin-left: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-sm-offset-11 { margin-left: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-around-sm { -ms-flex-pack: distribute; justify-content: space-around; } #CLARINSHQ_BEC .CLARINSHQ_BEC-between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #CLARINSHQ_BEC .CLARINSHQ_BEC-first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #CLARINSHQ_BEC .CLARINSHQ_BEC-last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 62em) { #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-1, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-10, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-11, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-12, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-2, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-3, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-4, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-5, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-6, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-7, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-8, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-1 { margin-left: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-2 { margin-left: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-3 { margin-left: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-4 { margin-left: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-5 { margin-left: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-6 { margin-left: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-7 { margin-left: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-8 { margin-left: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-9 { margin-left: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-10 { margin-left: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-md-offset-11 { margin-left: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-around-md { -ms-flex-pack: distribute; justify-content: space-around; } #CLARINSHQ_BEC .CLARINSHQ_BEC-between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #CLARINSHQ_BEC .CLARINSHQ_BEC-first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #CLARINSHQ_BEC .CLARINSHQ_BEC-last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-1, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-10, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-11, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-12, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-2, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-3, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-4, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-5, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-6, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-7, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-8, #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0; padding-left: 0; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-1 { margin-left: 8.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-2 { margin-left: 16.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-3 { margin-left: 25%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-4 { margin-left: 33.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-5 { margin-left: 41.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-6 { margin-left: 50%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-7 { margin-left: 58.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-8 { margin-left: 66.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-9 { margin-left: 75%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-10 { margin-left: 83.333%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-col-lg-offset-11 { margin-left: 91.667%; } #CLARINSHQ_BEC .CLARINSHQ_BEC-start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #CLARINSHQ_BEC .CLARINSHQ_BEC-middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #CLARINSHQ_BEC .CLARINSHQ_BEC-around-lg { -ms-flex-pack: distribute; justify-content: space-around; } #CLARINSHQ_BEC .CLARINSHQ_BEC-between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #CLARINSHQ_BEC .CLARINSHQ_BEC-first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #CLARINSHQ_BEC .CLARINSHQ_BEC-last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-Arial { font-family: Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-Times { font-family: Times, "Times New Roman", serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-MyriadPro { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-Montserrat { font-family: Montserrat, Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-Barlow { font-family: "Barlow Condensed", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-ClarinsRegular { font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-GothamSSmMedium { font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-GothamSSmBook { font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-GothamLight { font-family: "Gotham Light", "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-GothamSSmLight { font-family: "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-SofiaProRegular { font-family: "Sofia Pro Regular", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-SofiaProBold { font-family: "Sofia Pro Bold", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-SofiaProLight { font-family: "Sofia Pro Light", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-SofiaProMedium { font-family: "Sofia Pro Medium", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-SofiaProItalic { font-family: "Sofia Pro Italic", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-F-SofiaProSemiBold { font-family: "Sofia Pro Semi Bold", Arial, Helvetica, sans-serif; } #CLARINSHQ_BEC .CLARINSHQ_BEC-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } #CLARINSHQ_BEC .CLARINSHQ_BEC-relative { position: relative; } #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden { display: none; } #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--mobile { display: none; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--mobile { display: block; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--tablet { display: block; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--tablet { display: none; } } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--tablet { display: block; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--tablet-medium { display: block; } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--tablet-medium { display: none; } } @media only screen and (min-width: 1280px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--tablet-medium { display: block; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--desktop { display: block; } @media only screen and (min-width: 1280px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--desktop { display: none; } } @media only screen and (min-width: 1440px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--desktop { display: block; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--desktop-medium { display: block; } @media only screen and (min-width: 1440px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-hidden--desktop-medium { display: none; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-vertical-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #CLARINSHQ_BEC .CLARINSHQ_BEC-block { display: block; } #CLARINSHQ_BEC .CLARINSHQ_BEC-block--mobile { display: block; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--mobile { display: none; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-block--tablet { display: none; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--tablet { display: block; } } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--tablet { display: none; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-block--tablet-medium { display: none; } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--tablet-medium { display: block; } } @media only screen and (min-width: 1280px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--tablet-medium { display: none; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-block--desktop { display: none; } @media only screen and (min-width: 1280px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--desktop { display: block; } } @media only screen and (min-width: 1440px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--desktop { display: none; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-block--desktop-medium { display: none; } @media only screen and (min-width: 1440px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-block--desktop-medium { display: none; } } #CLARINSHQ_BEC .CLARINSHQ_BEC-wrapper { position: relative; margin: 0 auto; font: inherit; width: 100%; min-width: 290px; /* height: 100%;*/ max-width: 1600px; overflow: hidden; } #CLARINSHQ_BEC .CLARINSHQ_BEC-wrapper__content { max-width: 1280px; margin: 0 auto; padding-left: 10px; padding-right: 10px; position: relative; z-index: 5; } @media only screen and (min-width: 340px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-wrapper__content { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC .CLARINSHQ_BEC-wrapper__content { padding-left: 14%; padding-right: 14%; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main { display: none; position: relative; font: 14px/1.2 "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; color: #333; background-color: #fff; margin: 0 auto; width: 100%; overflow: hidden; visibility: hidden; } @media only screen and (min-width: 340px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main { font: 16px/1.2 "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main:root { --primary: $gray; --secondary: $gray; --font: $F-GothamSSmBook; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main img, #CLARINSHQ_BEC.CLARINSHQ_BEC-main picture { width: 100%; margin: 0 auto; display: inherit; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main b, #CLARINSHQ_BEC.CLARINSHQ_BEC-main strong { font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main small { font-size: 80%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main h1 { font-size: 50px; line-height: 50px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main h2 { font-size: 35px; line-height: 40px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main h3 { font-size: 35px; line-height: 35px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main h4 { font-size: 25px; line-height: 25px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main h5 { font-size: 20px; line-height: 20px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main h6 { font-size: 16px; line-height: 16px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a { font-size: 0.875em; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; line-height: normal; font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button { color: #333; margin: 0; padding: 10px 15px; -webkit-transition: border 0.1s linear; transition: border 0.1s linear; border: 1px solid #cfcac9; border-radius: 5px; min-height: 32px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 700; background-color: #fff; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button { min-height: 44px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button:active, #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button:focus, #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button:hover { color: #333; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--primary[data-brand="clarins"] { color: #fff; background-color: #b40024; border: 2px solid transparent; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--primary[data-brand="clarins"]:hover { color: #fff; background-color: #8c0b26; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--primary[data-brand="clarins"]:focus { color: #fff; background-color: #b40024; border: 2px solid #63021a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--primary[data-brand="clarins"]:active { color: #fff; background-color: #b40024; border: 2px solid #63021a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--secondary[data-brand="clarins"] { color: #333; background-color: #fff; border: 1px solid #cfcac9; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--secondary[data-brand="clarins"]:hover { color: #8c0b26; border: 1px solid #787474; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--secondary[data-brand="clarins"]:focus { color: #333; border: 2px solid #63021a; border-radius: 7px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button--secondary[data-brand="clarins"]:active { color: #333; border: 2px solid #63021a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main p { padding-bottom: 20px; line-height: 1.3; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__b60 { padding-bottom: 25px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__b60 { padding-bottom: 60px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__b30-m { padding-bottom: 30px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__b30-m { padding-bottom: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__r50 { padding-right: 0; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__r50 { padding-right: 50px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__l50 { padding-left: 0; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__l50 { padding-left: 50px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__lr50 { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__lr50 { padding-left: 15%; padding-right: 50px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__lr0 { padding-left: 0 !important; padding-right: 0 !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__tb30 { padding-top: 20px; padding-bottom: 20px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-padding__tb30 { padding-top: 50px; padding-bottom: 30px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title { font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif; display: inline-block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span { display: block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title.CLARINSHQ_BEC_title-eco-friendly { min-width: 415px; width: auto; padding-left: 0; padding-right: 0; } @media screen and (max-width: 500px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title.CLARINSHQ_BEC_title-eco-friendly { min-width: 275px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__title { min-width: 275px; padding: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title.CLARINSHQ_BEC_title-eco-friendly span.line-1 { margin-right: auto; margin-left: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title.CLARINSHQ_BEC_title-eco-friendly span.line-2 { margin-right: 0; margin-left: auto; padding-left: 0; width: fit-content; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1 { line-height: 1.1; font-size: 36px; } @media only screen and (min-width: 340px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1 { font-size: 43px; } } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1 { font-size: 60px; line-height: 1.2; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1-2 { margin-left: 30px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1-2 { display: inline; margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 { padding-left: 20px; padding-bottom: 25px; padding-right: 10px; font-size: 26px; line-height: 1; } @media only screen and (min-width: 340px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 { font-size: 30px; } } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 { padding-left: 110px; font-size: 48px; padding-bottom: 40px; margin-top: -5px; padding-right: 25px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2-2 { margin-left: -20px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2-2 { display: inline; margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-para__bold { font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-para__md { font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; font-size: 24px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-para__sm { font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-fitContent { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider { -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; -webkit-user-select: auto !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider .slick-dots li { position: relative; background: #cdc8c7; width: 10px; height: 10px; margin-right: 10px; border-radius: 100%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider .slick-dots li:last-child { margin-right: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider .slick-dots li.slick-active { background: #333; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider .slick-dots li button { width: 100%; height: 100%; position: absolute; border-radius: 100%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider .slick-dots li button:before { display: none; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-Slider .slick-dots li button:focus { outline: 0 !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main div[data-selected="0"] { visibility: hidden !important; height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main div[data-name] { position: relative; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header { position: relative; display: block; margin: 0 auto; overflow: hidden; height: 94.4vw; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header { height: 432px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__bg { position: absolute; z-index: 1; display: block; top: 0; left: 0; width: 100%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__bg { width: 1600px; top: -25%; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__bg[data-ani="0"] img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all ease-in-out 3s; transition: all ease-in-out 3s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__bg[data-ani="1"] img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all ease-in-out 3s; transition: all ease-in-out 3s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__link { position: absolute; top: 20px; left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: rgba(255, 255, 255, 0.5); font-size: 11px; color: #333; text-transform: uppercase; z-index: 3; height: 34px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; background-image: url(../img/arrow-left-black.svg); background-size: auto 100%; background-repeat: no-repeat; background-position: left center; padding-left: 30px; cursor: pointer; } @media only screen and (min-width: 1280px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__link { left: calc(50% - 583px); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title { font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif; margin: 0; position: absolute; color: #fff; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100vw - 20px); } @media only screen and (max-width: 1023px) and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title { width: calc(100% - 80px); left: 40px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title { width: 700px; left: 65%; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span { display: block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-1 { font-size: calc(61 / 375 * 100vw); line-height: 1; text-align: left; padding-left: 5%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-1 { font-size: 106px; padding-left: 30px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-2 { font-size: calc(41 / 375 * 100vw); line-height: 1; margin-top: -5px; text-align: left; padding-left: 15%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-2 { font-size: 63px; padding-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-3 { font-size: calc(41 / 375 * 100vw); line-height: 1; text-align: right; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-3 { font-size: 70px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK1"] { padding-top: 30px; padding-bottom: 10px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK1"] { padding-top: 40px; padding-bottom: 30px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK1"] h3 { font-size: 1.3125em; font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 1.2; margin-bottom: 15px; } @media only screen and (min-width: 480px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK1"] h3 { font-size: 1.5em; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK1"] p { font-size: 1.5em; font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif; line-height: 1.2; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] { position: relative; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title { min-width: 100%; display: inline-block; } @media only screen and (min-width: 340px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title { min-width: 300px; } } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title { display: block; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title .line-1 { padding-left: 0; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title .line-1 { padding-left: 100px; } } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title .line-1.pad0 { padding-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title .line-1-2 { margin-left: 70px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title .line-1-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-infinity { padding-top: 45px; padding-bottom: 55px; background-image: url(../img/CLARINSHQ_BEC-b2__bg.jpg); background-size: 100% 100%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-infinity { padding-top: 50px; padding-bottom: 60px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-infinity .line-2 { padding-bottom: 20px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol { padding-top: 50px; padding-bottom: 40px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol { padding-top: 90px; padding-bottom: 50px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__svg { position: relative; display: inline-block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__svg svg { fill: none; stroke-width: 50; stroke-dasharray: 60 172; stroke-linecap: round; stroke: url(#gradient); -webkit-animation: infi-symbol 4s linear infinite; animation: infi-symbol 4s linear infinite; opacity: 0.8; width: 100%; height: 170px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__svg svg { width: 600px; height: 300px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__svg svg:nth-of-type(1) { stroke: url(#gradient2); stroke-dasharray: none; opacity: 1; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__svg svg:nth-of-type(2) { -webkit-filter: blur(5px); filter: blur(5px); top: 0; left: 0; position: absolute; stroke-dasharray: 60 172; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step { position: absolute; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border: none; background-color: transparent; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step:focus, #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step:active { outline: none !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step:hover .step-number { -webkit-transform: scale(1.2); transform: scale(1.2); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step:hover .step-txt { -webkit-transform: scale(1.2); transform: scale(1.2); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-number { position: relative; color: #fff; background-color: #333; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; font-size: 1.5625em; -webkit-transition: -webkit-transform ease-in-out 0.5s; transition: -webkit-transform ease-in-out 0.5s; transition: transform ease-in-out 0.5s; transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s; font-family: GothamExtraLight, "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-number::before { content: attr(data-number); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-number { font-size: 2.8125em; width: 60px; height: 60px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt { font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; letter-spacing: 2px; color: #333; text-transform: uppercase; font-size: 0.625em; min-width: 170px; position: absolute; -webkit-transition: -webkit-transform ease-in-out 0.5s; transition: -webkit-transform ease-in-out 0.5s; transition: transform ease-in-out 0.5s; transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt { font-size: 1em; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt span { display: inline-block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__first { font-size: 50px; font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif; line-height: 1; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__first { font-size: 89px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__second { top: -10px; left: -5px; position: relative; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] { top: -5%; left: 20%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-number { background-color: #8ddc90; -webkit-animation-delay: 0s; animation-delay: 0s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt { top: 50%; left: -320%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt { top: 20px; left: -125px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt__first { -webkit-animation-delay: 0s; animation-delay: 0s; color: #8ddc90; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] { top: 77%; left: 13%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-number { background-color: #69a98a; -webkit-animation-delay: -3s; animation-delay: -3s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt { top: 50%; left: -200%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt { top: 20px; left: -80px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt__first { -webkit-animation-delay: -3s; animation-delay: -3s; color: #69a98a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] { top: -6%; left: 85%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] .step-number { background-color: #84c54b; -webkit-animation-delay: -6s; animation-delay: -6s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] .step-txt { top: -140%; left: -240%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] .step-txt { top: -85px; left: -75px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] .step-txt__first { -webkit-animation-delay: -6s; animation-delay: -6s; color: #84c54b; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] { top: 76%; left: 90%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-number { background-color: #5aac5d; -webkit-animation-delay: -9s; animation-delay: -9s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt { top: 100%; left: -240%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt { top: 40px; left: -50px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt__first { -webkit-animation-delay: -9s; animation-delay: -9s; color: #5aac5d; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content { position: relative; padding-top: 60px; padding-bottom: 30%; background-size: auto, 100% 100%; background-position: right top, center; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content { padding-bottom: 300px; background-size: 100% 100%; background-position: center; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content video { width: 100%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab1__bg2-m.png), url(../img/CLARINSHQ_BEC-b2_tab1__bg.jpg); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab1__bg.jpg); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2 { padding-left: 60px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2 { padding-left: 150px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: -50px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab2__bg2-m.png), url(../img/CLARINSHQ_BEC-b2_tab2__bg.jpg); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab2__bg.jpg); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2 { padding-left: 45px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2 { padding-left: 175px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: -35px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab3__bg2-m.png), url(../img/CLARINSHQ_BEC-b2_tab3__bg.jpg); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab3__bg.jpg); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2 { padding-left: 65px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2 { padding-left: 220px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: -60px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-3 { margin-left: -40px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-3 { margin-left: -60px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab4__bg2-m.png), url(../img/CLARINSHQ_BEC-b2_tab4__bg.jpg); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] { background-image: url(../img/CLARINSHQ_BEC-b2_tab4__bg.jpg); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2 { padding-left: 90px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2 { padding-left: 165px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: -60px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content .CLARINSHQ_BEC-subtitle { font-family: "Gotham Light", "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; font-size: 1.5625em; color: #33ae38; text-transform: uppercase; margin-top: 40px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content .CLARINSHQ_BEC-subtitle { font-size: 2.25em; margin-bottom: 20px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__bg { position: absolute; bottom: 0; width: 100%; height: 100%; pointer-events: none; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__bg picture { position: absolute; bottom: 0; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__bg picture { min-width: 1400px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider p { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider p { padding-left: 23px; padding-right: 23px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider .slider-number { color: #33ae38; font-family: "Gotham Light", "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; font-size: 3em; line-height: 1; margin-bottom: 10px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider .slider-number span { font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; font-size: 16px; display: block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item { padding-top: 0; padding-left: 120px; position: relative; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item { padding-top: 150px; padding-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item:before { content: ""; position: absolute; background-position: center; background-repeat: no-repeat; top: 50%; left: 0; width: 100px; height: 100px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item:before { top: 25px; left: 0; width: 100%; -webkit-transform: unset; transform: unset; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item.tab1_icon1:before { background-image: url(../img/CLARINSHQ_BEC-b2_tab1__icon1.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item.tab1_icon2:before { background-image: url(../img/CLARINSHQ_BEC-b2_tab1__icon2.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item.tab1_icon3:before { background-image: url(../img/CLARINSHQ_BEC-b2_tab1__icon3.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item.tab1_icon4:before { background-image: url(../img/CLARINSHQ_BEC-b2_tab1__icon4.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item2 { padding-top: 0; padding-left: 120px; max-width: 320px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item2 { max-width: unset; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item2:before { width: 100px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__slider-item2 .slider-number { color: #65a72b; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__controls { background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 10px; right: 0; z-index: 20; } @media only screen and (min-width: 1280px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__controls { right: calc(50% - 583px); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__controls span { cursor: pointer; padding: 25px 17px; margin: 0 10px; display: block; background-size: 50px; background-repeat: no-repeat; background-position: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__controls-close { background-image: url(../img/CLARINSHQ_BEC-b2_icon__close.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__controls-next { border-top: 1px solid #eeefef; border-bottom: 1px solid #eeefef; background-image: url(../img/CLARINSHQ_BEC-b2_icon__next.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__controls-prev { background-image: url(../img/CLARINSHQ_BEC-b2_icon__prev.png); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets { margin-top: 115px; padding-right: 0; position: relative; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets { padding-right: 40px; margin-top: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets:before { content: attr(data-number); font-size: 248px; color: #8ddc90; position: absolute; top: 0; left: 0; font-family: GothamExtraLight, "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; -webkit-transform: translate(-24%, -50%); transform: translate(-24%, -50%); opacity: 0.65; } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets:before { -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%); font-size: 400px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets[data-number="1"]:before { color: #8ddc90; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets[data-number="1"]:before { -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets[data-number="2"]:before { color: #69a98a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets[data-number="3"]:before { color: #84c54b; } @media only screen and (min-width: 1024px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets[data-number="3"]:before { -webkit-transform: translate(-60%, -57%); transform: translate(-60%, -57%); } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__assets[data-number="4"]:before { color: #5aac5d; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav { position: relative; width: 100%; bottom: 0; background-color: #fff; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav { position: absolute; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav .CLARINSHQ_BEC-title { font-size: 2.1875em; padding: 25px 0 15px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav .CLARINSHQ_BEC-translate { width: 25%; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav .CLARINSHQ_BEC-translate { -webkit-transform: unset !important; transform: unset !important; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-list { width: 100%; overflow-x: hidden; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-list { max-width: 980px; min-width: unset; overflow-x: unset; } } /* #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-list[data-active="1"] .CLARINSHQ_BEC-translate { -webkit-transform: translateX(0); transform: translateX(0); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-list[data-active="2"] .CLARINSHQ_BEC-translate { -webkit-transform: translateX(-25%); transform: translateX(-25%); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-list[data-active="3"] .CLARINSHQ_BEC-translate { -webkit-transform: translateX(-125%); transform: translateX(-125%); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-list[data-active="4"] .CLARINSHQ_BEC-translate { -webkit-transform: translateX(-150%); transform: translateX(-150%); }*/ #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link { font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; position: relative; font-size: 0.75em; text-transform: uppercase; padding: 53px 10px 12px; letter-spacing: 1px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link { padding: 90px 10px 15px; font-size: 1.25em; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="1"] { color: #8ddc90; border-bottom: 20px solid #8ddc90; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="1"]:after { position: absolute; content: ""; border-bottom: 20px solid #8ddc90; width: 100vw; top: 0; right: 100%; height: 100%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="2"] { color: #69a98a; border-bottom: 20px solid #69a98a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="3"] { color: #84c54b; border-bottom: 20px solid #84c54b; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="4"] { color: #5aac5d; border-bottom: 20px solid #5aac5d; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="4"]:after { position: absolute; content: ""; border-bottom: 20px solid #5aac5d; width: 100vw; top: 0; left: 100%; height: 100%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"] { color: #fff; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover[data-tab="1"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"][data-tab="1"] { background-color: #8ddc90; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover[data-tab="1"]:after, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"][data-tab="1"]:after { background-color: #8ddc90; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover[data-tab="2"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"][data-tab="2"] { background-color: #69a98a; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover[data-tab="3"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"][data-tab="3"] { background-color: #84c54b; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover[data-tab="4"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"][data-tab="4"] { background-color: #5aac5d; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:hover[data-tab="4"]:after, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-selected="1"][data-tab="4"]:after { background-color: #5aac5d; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:before { position: absolute; content: attr(data-tab); font-size: 35px; width: 100%; top: 6px; font-family: "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link:before { font-size: 50px; top: 13px; } } @-webkit-keyframes infi-symbol { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 232; } } @keyframes infi-symbol { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 232; } } @-webkit-keyframes infi-bg { 0% { background-color: #8ddc90; } 25% { background-color: #69a98a; } 50% { background-color: #84c54b; } 75% { background-color: #5aac5d; } 100% { background-color: #8ddc90; } } @keyframes infi-bg { 0% { background-color: #8ddc90; } 25% { background-color: #69a98a; } 50% { background-color: #84c54b; } 75% { background-color: #5aac5d; } 100% { background-color: #8ddc90; } } @-webkit-keyframes infi-txt { 0% { color: #8ddc90; } 25% { color: #69a98a; } 50% { color: #84c54b; } 75% { color: #5aac5d; } 100% { color: #8ddc90; } } @keyframes infi-txt { 0% { color: #8ddc90; } 25% { color: #69a98a; } 50% { color: #84c54b; } 75% { color: #5aac5d; } 100% { color: #8ddc90; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] { padding-top: 50px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2 { padding-left: 0; padding-right: 0; } /* @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2 { padding-left: 140px; } } */ #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2-2 { margin-left: 30px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 { padding-left: 90px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 { padding-left: 75px; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 .line-2-2 { margin-left: -80px; } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 .line-2-2 { margin-left: 0; } } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC-related { display: block; max-width: 1250px; margin: 0 auto; min-height: 450px; margin-bottom: 80px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC-related__title { font-size: 35px; margin: 0; text-align: center; font-family: var(--CLARINS-FONT); font-weight: 400; padding: 60px 20px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC .slick-dots { bottom: -45px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC .slick-dots li { cursor: pointer; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__item { font-size: 11px; text-align: left; padding: 0 20px; -ms-flex-preferred-size: 25%; flex-basis: 25%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__item a { text-decoration: none; color: #333; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__visual { margin-bottom: 22px; overflow: hidden; display: block; width: 100%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__visual img { display: block; width: 100%; -webkit-transition: -webkit-transform ease-in-out 0.5s; transition: -webkit-transform ease-in-out 0.5s; transition: transform ease-in-out 0.5s; transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__tag { margin: 0; text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__text { margin: 0; font-size: 30px; font-weight: 400; font-family: var(--CLARINS-FONT); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 15px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK4"] .CLARINSHQ_BEC__link { margin: 0; text-transform: uppercase; margin-top: 25px; font-family: var(--GOTHAM-MEDIUM); display: inline-block; border-bottom: 1px solid #b8b8b8; } .breadcrumb { 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; } /********** MASTER ANALYSIS **********/ #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__link { text-transform: uppercase; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK1"] h3 { text-transform: uppercase; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content .CLARINSHQ_BEC-subtitle { text-transform: uppercase; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt { text-transform: uppercase; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="1"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="2"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="3"], #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="4"] { text-transform: uppercase; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button:focus { border: 3px solid #63021a; } /*tablet landscape*/ @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link[data-tab="1"] { padding-left: 40px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title { left: 59%; } } /*tablet portrait*/ @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title { /* left: 59%; */ left: 4%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title { margin-left: 5%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 { padding-left: 50px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2 { padding-left: 185px; } } /*mobile*/ @media (max-width: 480px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button { font-size: 13px; } } #clarins-DIY { text-align: right !important; margin-top: 40px; } #clarins-DIY .CLARINSHQ_BEC-col-xs-12.CLARINSHQ_BEC-col-sm-6.CLARINSHQ_BEC-start-xs { text-align: right; padding-right: 40px; } #clarins-DIY .CLARINSHQ_BEC-col-xs-12.CLARINSHQ_BEC-col-sm-6.CLARINSHQ_BEC-start-xs em { font-size: 20px; line-height: 1.5em; display: block; color: #69a98a; } #clarins-DIY .CLARINSHQ_BEC-button.js--CLARINSHQ_BEC-button { margin-left: auto !important; margin-right: 0 !important; text-align: right; } #clarins-DIY .CLARINSHQ_BEC-tab__assets { padding-right: 0 !important; } /*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/ @media (max-width: 480px) { #clarins-DIY .CLARINSHQ_BEC-col-xs-12.CLARINSHQ_BEC-col-sm-6.CLARINSHQ_BEC-start-xs { padding-right: 0; text-align: left; order: 2; } #clarins-DIY .CLARINSHQ_BEC-button.js--CLARINSHQ_BEC-button { margin-left: 0 !important; margin-right: 0 !important; text-align: right; } #clarins-DIY .CLARINSHQ_BEC-col-xs-12.CLARINSHQ_BEC-col-sm-6.CLARINSHQ_BEC-center-xs.CLARINSHQ_BEC-padding__b30-m { order: 1; } #clarins-DIY .CLARINSHQ_BEC-tab__assets { padding-right: 0 !important; margin-top: 0 !important; } } /* --- */ @media (max-width: 480px) { button:hover:not(.cba-button-style) { background-color: transparent !important; border: transparent !important; } #slick-slide-control10, #slick-slide-control11, #slick-slide-control12 { outline: none !important; } } /******************************************/ #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 { position: relative; padding: 40px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__title { margin: 0; color: #6bb12f; text-transform: uppercase; font-size: 36px; text-align: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__intro { margin: 0; color: #333; font-size: 24px; text-align: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item-list { width: 926px; margin-left: -42px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-prev:after, #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-next:after { background-size: 30px 30px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-prev:before, #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-next:before { display: none; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-dots li { width: 10px; height: 10px; margin: 2px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-dots li button:before { display: none; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; min-width: 0; margin: 0; outline: 0px solid #000 !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-prev, #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 .slick-next { outline: 0px solid #000 !important; height: 50px; width: 50px; padding: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item { display: flex; width: 926px; position: relative; flex-direction: column; align-items: flex-start; padding-left: 458px; padding-top: 40px; padding-bottom: 20px; justify-content: center; height: 406px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__visual { position: absolute; left: 0; top: 0; width: 413px; height: auto; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__text { margin: 0; color: #333; font-size: 14px; text-align: left; } /****************************************************************/ #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link { position: relative; margin: 0; background-color: #fff !important; display: block; color: #333 !important; padding: 14px 16px; text-decoration: none; font-size: var(--FONT-SIZE); line-height: 15px; font-size: 14px; font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; cursor: pointer; text-align: center; border-radius: 5px; height: 44px; box-sizing: border-box; text-transform: unset !important; letter-spacing: unset !important; outline: 0 !important; border: 1px solid #b0a9a5; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15); background-color: #fff !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link:active { background-color: #fff !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link:focus { background-color: #fff !important; box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893d2; } /*------------------------------------------------*/ #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link:focus::after { opacity: 1; outline: 0 !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link:hover { color: #b40024; outline: 0 !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .landing-70-years-cta:active::after { opacity: 1; outline: 0 !important; } @media (max-width: 1023px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item { display: flex; width: 100%; position: relative; flex-direction: column; /*align-items: center;*/ padding: 0; padding-bottom: 20px; justify-content: center; height: auto; /* text-align: center;*/ } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item-list { width: 100%; margin-left: 0; } /* #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__text { text-align: center; } */ #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__visual { position: relative; left: auto; top: auto; max-width: 413px; width: 110%; height: auto; margin: 0 auto; margin-left: -5%; margin-bottom: 20px; margin-right: -5%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item-list .slick-next { right: -50px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item-list .slick-prev { left: -50px; } } @media (max-width: 761px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024 { position: relative; padding: 20px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item { padding: 0 2px; } } /******************************************/ #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024 { display: flex; flex-wrap: wrap; justify-content: center; width: 600px; align-items: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__visual { width: 233px; order: 2; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__title { font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif; margin: 0; padding: 0 60px; padding-left: 140px; order: 1; width: 100%; font-size: 48px; text-align: right; display: flex; flex-direction: column; margin-bottom: -20px; z-index: 2; min-width: 415px; width: auto; padding-left: 0; padding-right: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__title strong { font-size: 60px; font-weight: normal !important; display: block; text-align: left; font-family: ClarinsRegular, Clarins, "Times New Roman", Times, Helvetica, serif !important; margin-right: auto; margin-left: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__title>span { margin-right: 0; margin-left: auto; margin-top: -5px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__text { margin: 0; order: 2; width: 240px; font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; } @media (max-width: 761px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2-2 { margin-left: 0; display: inline; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024 { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; align-items: center; overflow: hidden; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__title { font-size: 30px; padding: 0 60px; margin-bottom: 10px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__title strong { font-size: 43px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_push-2024__text { margin: 0; order: 2; width: 100%; padding: 0 30px; font-family: GothamMedium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif; margin-bottom: 40px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2 { padding-left: 0; text-align: right; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 { padding-left: 0; text-align: right; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2-2 { margin-left: auto; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-3 { display: inline; margin-left: auto; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2-2 { margin-left: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__second { top: -6px; text-transform: uppercase; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt { min-width: auto; left: -16%; top: 35%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt { min-width: auto; left: 4%; top: 43%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] .step-txt { min-width: auto; left: 0; bottom: 74%; top: auto; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt { min-width: auto; left: 0; top: 50%; } } @media only screen and (min-width: 768px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title { display: block; margin-left: -100px; margin-right: -100px; margin-bottom: 20px; } } /*----------------------------------------------------------------------------------*/ html { overflow-x: auto !important; } .CLARINSHQ_BEC-row.CLARINSHQ_BEC-start-xs.js-CLARINSHQ_BEC-BLOCK2[data-name="BLOCKINFINITY"] .CLARINSHQ_BEC-col-xs-12.CLARINSHQ_BEC-center-xs.CLARINSHQ_BEC-wrapper__content { padding: 0 20px !important; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-title { margin-left: 0; } @media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt { top: -30px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item { align-items: center; text-align: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__text { text-align: center; } } @media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 { padding-left: 40px; padding-right: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item-list { margin-left: -99px; } } /*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/ @media (max-width: 480px) { #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1 { font-size: 41px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 { font-size: 29px; padding: 0 0 25px; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt { top: -75%; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2 { text-align: left; padding-right: 0; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="3"] .CLARINSHQ_BEC-title .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="2"] .CLARINSHQ_BEC-title .line-2-2, #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="1"] .CLARINSHQ_BEC-title .line-2-2 { display: block; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__item { text-align: center; align-items: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__text { text-align: center; } #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK3"] .CLARINSHQ_BEC-title span.line-2.padL0 { text-align: left; } } /* ---- */ .clarins-BrandSection-related__text { font-size: 20px !important; }