#clsMilkCaps * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #clsMilkCaps a, #clsMilkCaps abbr, #clsMilkCaps acronym, #clsMilkCaps address, #clsMilkCaps applet, #clsMilkCaps article, #clsMilkCaps aside, #clsMilkCaps audio, #clsMilkCaps b, #clsMilkCaps big, #clsMilkCaps blockquote, #clsMilkCaps canvas, #clsMilkCaps caption, #clsMilkCaps center, #clsMilkCaps cite, #clsMilkCaps code, #clsMilkCaps dd, #clsMilkCaps del, #clsMilkCaps details, #clsMilkCaps dfn, #clsMilkCaps div, #clsMilkCaps dl, #clsMilkCaps dt, #clsMilkCaps em, #clsMilkCaps embed, #clsMilkCaps fieldset, #clsMilkCaps figcaption, #clsMilkCaps figure, #clsMilkCaps footer, #clsMilkCaps form, #clsMilkCaps h1, #clsMilkCaps h2, #clsMilkCaps h3, #clsMilkCaps h4, #clsMilkCaps h5, #clsMilkCaps h6, #clsMilkCaps header, #clsMilkCaps hgroup, #clsMilkCaps i, #clsMilkCaps iframe, #clsMilkCaps img, #clsMilkCaps ins, #clsMilkCaps kbd, #clsMilkCaps label, #clsMilkCaps legend, #clsMilkCaps li, #clsMilkCaps mark, #clsMilkCaps menu, #clsMilkCaps nav, #clsMilkCaps object, #clsMilkCaps ol, #clsMilkCaps output, #clsMilkCaps p, #clsMilkCaps pre, #clsMilkCaps q, #clsMilkCaps ruby, #clsMilkCaps s, #clsMilkCaps samp, #clsMilkCaps section, #clsMilkCaps small, #clsMilkCaps span, #clsMilkCaps strike, #clsMilkCaps strong, #clsMilkCaps sub, #clsMilkCaps summary, #clsMilkCaps sup, #clsMilkCaps table, #clsMilkCaps tbody, #clsMilkCaps td, #clsMilkCaps tfoot, #clsMilkCaps th, #clsMilkCaps thead, #clsMilkCaps time, #clsMilkCaps tr, #clsMilkCaps tt, #clsMilkCaps u, #clsMilkCaps ul, #clsMilkCaps var, #clsMilkCaps video { margin: 0; padding: 0; border: 0; font-size: inherit; font: inherit; vertical-align: baseline; } #clsMilkCaps article, #clsMilkCaps aside, #clsMilkCaps details, #clsMilkCaps figcaption, #clsMilkCaps figure, #clsMilkCaps footer, #clsMilkCaps header, #clsMilkCaps hgroup, #clsMilkCaps menu, #clsMilkCaps nav, #clsMilkCaps section { display: block; } #clsMilkCaps ol, #clsMilkCaps ul { list-style: none; } #clsMilkCaps blockquote, #clsMilkCaps q { quotes: none; } #clsMilkCaps blockquote:after, #clsMilkCaps blockquote:before, #clsMilkCaps q:after, #clsMilkCaps q:before { content: ""; content: none; } #clsMilkCaps table { border-collapse: collapse; border-spacing: 0; } #clsMilkCaps .clsMilkCaps-container-fluid { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } #clsMilkCaps .clsMilkCaps-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; } #clsMilkCaps .clsMilkCaps-row.clsMilkCaps-reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } #clsMilkCaps .clsMilkCaps-col.clsMilkCaps-reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } #clsMilkCaps .clsMilkCaps-col-xs, #clsMilkCaps .clsMilkCaps-col-xs-1, #clsMilkCaps .clsMilkCaps-col-xs-10, #clsMilkCaps .clsMilkCaps-col-xs-11, #clsMilkCaps .clsMilkCaps-col-xs-12, #clsMilkCaps .clsMilkCaps-col-xs-2, #clsMilkCaps .clsMilkCaps-col-xs-3, #clsMilkCaps .clsMilkCaps-col-xs-4, #clsMilkCaps .clsMilkCaps-col-xs-5, #clsMilkCaps .clsMilkCaps-col-xs-6, #clsMilkCaps .clsMilkCaps-col-xs-7, #clsMilkCaps .clsMilkCaps-col-xs-8, #clsMilkCaps .clsMilkCaps-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; } #clsMilkCaps .clsMilkCaps-col-xs { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #clsMilkCaps .clsMilkCaps-col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #clsMilkCaps .clsMilkCaps-col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #clsMilkCaps .clsMilkCaps-col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #clsMilkCaps .clsMilkCaps-col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #clsMilkCaps .clsMilkCaps-col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #clsMilkCaps .clsMilkCaps-col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #clsMilkCaps .clsMilkCaps-col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #clsMilkCaps .clsMilkCaps-col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #clsMilkCaps .clsMilkCaps-col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #clsMilkCaps .clsMilkCaps-col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #clsMilkCaps .clsMilkCaps-col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-1 { margin-left: 8.333%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-2 { margin-left: 16.667%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-3 { margin-left: 25%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-4 { margin-left: 33.333%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-5 { margin-left: 41.667%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-6 { margin-left: 50%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-7 { margin-left: 58.333%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-8 { margin-left: 66.667%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-9 { margin-left: 75%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-10 { margin-left: 83.333%; } #clsMilkCaps .clsMilkCaps-col-xs-offset-11 { margin-left: 91.667%; } #clsMilkCaps .clsMilkCaps-start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #clsMilkCaps .clsMilkCaps-center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #clsMilkCaps .clsMilkCaps-end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #clsMilkCaps .clsMilkCaps-top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #clsMilkCaps .clsMilkCaps-middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #clsMilkCaps .clsMilkCaps-bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #clsMilkCaps .clsMilkCaps-around-xs { -ms-flex-pack: distribute; justify-content: space-around; } #clsMilkCaps .clsMilkCaps-between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #clsMilkCaps .clsMilkCaps-first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #clsMilkCaps .clsMilkCaps-last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { #clsMilkCaps .clsMilkCaps-container { width: 46rem; } #clsMilkCaps .clsMilkCaps-col-sm, #clsMilkCaps .clsMilkCaps-col-sm-1, #clsMilkCaps .clsMilkCaps-col-sm-10, #clsMilkCaps .clsMilkCaps-col-sm-11, #clsMilkCaps .clsMilkCaps-col-sm-12, #clsMilkCaps .clsMilkCaps-col-sm-2, #clsMilkCaps .clsMilkCaps-col-sm-3, #clsMilkCaps .clsMilkCaps-col-sm-4, #clsMilkCaps .clsMilkCaps-col-sm-5, #clsMilkCaps .clsMilkCaps-col-sm-6, #clsMilkCaps .clsMilkCaps-col-sm-7, #clsMilkCaps .clsMilkCaps-col-sm-8, #clsMilkCaps .clsMilkCaps-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; } #clsMilkCaps .clsMilkCaps-col-sm { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #clsMilkCaps .clsMilkCaps-col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #clsMilkCaps .clsMilkCaps-col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #clsMilkCaps .clsMilkCaps-col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #clsMilkCaps .clsMilkCaps-col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #clsMilkCaps .clsMilkCaps-col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #clsMilkCaps .clsMilkCaps-col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #clsMilkCaps .clsMilkCaps-col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #clsMilkCaps .clsMilkCaps-col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #clsMilkCaps .clsMilkCaps-col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #clsMilkCaps .clsMilkCaps-col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #clsMilkCaps .clsMilkCaps-col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-1 { margin-left: 8.333%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-2 { margin-left: 16.667%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-3 { margin-left: 25%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-4 { margin-left: 33.333%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-5 { margin-left: 41.667%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-6 { margin-left: 50%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-7 { margin-left: 58.333%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-8 { margin-left: 66.667%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-9 { margin-left: 75%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-10 { margin-left: 83.333%; } #clsMilkCaps .clsMilkCaps-col-sm-offset-11 { margin-left: 91.667%; } #clsMilkCaps .clsMilkCaps-start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #clsMilkCaps .clsMilkCaps-center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #clsMilkCaps .clsMilkCaps-end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #clsMilkCaps .clsMilkCaps-top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #clsMilkCaps .clsMilkCaps-middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #clsMilkCaps .clsMilkCaps-bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #clsMilkCaps .clsMilkCaps-around-sm { -ms-flex-pack: distribute; justify-content: space-around; } #clsMilkCaps .clsMilkCaps-between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #clsMilkCaps .clsMilkCaps-first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #clsMilkCaps .clsMilkCaps-last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 62em) { #clsMilkCaps .clsMilkCaps-container { width: 61rem; } #clsMilkCaps .clsMilkCaps-col-md, #clsMilkCaps .clsMilkCaps-col-md-1, #clsMilkCaps .clsMilkCaps-col-md-10, #clsMilkCaps .clsMilkCaps-col-md-11, #clsMilkCaps .clsMilkCaps-col-md-12, #clsMilkCaps .clsMilkCaps-col-md-2, #clsMilkCaps .clsMilkCaps-col-md-3, #clsMilkCaps .clsMilkCaps-col-md-4, #clsMilkCaps .clsMilkCaps-col-md-5, #clsMilkCaps .clsMilkCaps-col-md-6, #clsMilkCaps .clsMilkCaps-col-md-7, #clsMilkCaps .clsMilkCaps-col-md-8, #clsMilkCaps .clsMilkCaps-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; } #clsMilkCaps .clsMilkCaps-col-md { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #clsMilkCaps .clsMilkCaps-col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #clsMilkCaps .clsMilkCaps-col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #clsMilkCaps .clsMilkCaps-col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #clsMilkCaps .clsMilkCaps-col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #clsMilkCaps .clsMilkCaps-col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #clsMilkCaps .clsMilkCaps-col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #clsMilkCaps .clsMilkCaps-col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #clsMilkCaps .clsMilkCaps-col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #clsMilkCaps .clsMilkCaps-col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #clsMilkCaps .clsMilkCaps-col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #clsMilkCaps .clsMilkCaps-col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-md-offset-1 { margin-left: 8.333%; } #clsMilkCaps .clsMilkCaps-col-md-offset-2 { margin-left: 16.667%; } #clsMilkCaps .clsMilkCaps-col-md-offset-3 { margin-left: 25%; } #clsMilkCaps .clsMilkCaps-col-md-offset-4 { margin-left: 33.333%; } #clsMilkCaps .clsMilkCaps-col-md-offset-5 { margin-left: 41.667%; } #clsMilkCaps .clsMilkCaps-col-md-offset-6 { margin-left: 50%; } #clsMilkCaps .clsMilkCaps-col-md-offset-7 { margin-left: 58.333%; } #clsMilkCaps .clsMilkCaps-col-md-offset-8 { margin-left: 66.667%; } #clsMilkCaps .clsMilkCaps-col-md-offset-9 { margin-left: 75%; } #clsMilkCaps .clsMilkCaps-col-md-offset-10 { margin-left: 83.333%; } #clsMilkCaps .clsMilkCaps-col-md-offset-11 { margin-left: 91.667%; } #clsMilkCaps .clsMilkCaps-start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #clsMilkCaps .clsMilkCaps-center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #clsMilkCaps .clsMilkCaps-end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #clsMilkCaps .clsMilkCaps-top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #clsMilkCaps .clsMilkCaps-middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #clsMilkCaps .clsMilkCaps-bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #clsMilkCaps .clsMilkCaps-around-md { -ms-flex-pack: distribute; justify-content: space-around; } #clsMilkCaps .clsMilkCaps-between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #clsMilkCaps .clsMilkCaps-first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #clsMilkCaps .clsMilkCaps-last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { #clsMilkCaps .clsMilkCaps-container { width: 71rem; } #clsMilkCaps .clsMilkCaps-col-lg, #clsMilkCaps .clsMilkCaps-col-lg-1, #clsMilkCaps .clsMilkCaps-col-lg-10, #clsMilkCaps .clsMilkCaps-col-lg-11, #clsMilkCaps .clsMilkCaps-col-lg-12, #clsMilkCaps .clsMilkCaps-col-lg-2, #clsMilkCaps .clsMilkCaps-col-lg-3, #clsMilkCaps .clsMilkCaps-col-lg-4, #clsMilkCaps .clsMilkCaps-col-lg-5, #clsMilkCaps .clsMilkCaps-col-lg-6, #clsMilkCaps .clsMilkCaps-col-lg-7, #clsMilkCaps .clsMilkCaps-col-lg-8, #clsMilkCaps .clsMilkCaps-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; } #clsMilkCaps .clsMilkCaps-col-lg { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } #clsMilkCaps .clsMilkCaps-col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } #clsMilkCaps .clsMilkCaps-col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } #clsMilkCaps .clsMilkCaps-col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } #clsMilkCaps .clsMilkCaps-col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } #clsMilkCaps .clsMilkCaps-col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #clsMilkCaps .clsMilkCaps-col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } #clsMilkCaps .clsMilkCaps-col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } #clsMilkCaps .clsMilkCaps-col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } #clsMilkCaps .clsMilkCaps-col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } #clsMilkCaps .clsMilkCaps-col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } #clsMilkCaps .clsMilkCaps-col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-1 { margin-left: 8.333%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-2 { margin-left: 16.667%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-3 { margin-left: 25%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-4 { margin-left: 33.333%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-5 { margin-left: 41.667%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-6 { margin-left: 50%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-7 { margin-left: 58.333%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-8 { margin-left: 66.667%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-9 { margin-left: 75%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-10 { margin-left: 83.333%; } #clsMilkCaps .clsMilkCaps-col-lg-offset-11 { margin-left: 91.667%; } #clsMilkCaps .clsMilkCaps-start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } #clsMilkCaps .clsMilkCaps-center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #clsMilkCaps .clsMilkCaps-end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } #clsMilkCaps .clsMilkCaps-top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } #clsMilkCaps .clsMilkCaps-middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #clsMilkCaps .clsMilkCaps-bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } #clsMilkCaps .clsMilkCaps-around-lg { -ms-flex-pack: distribute; justify-content: space-around; } #clsMilkCaps .clsMilkCaps-between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } #clsMilkCaps .clsMilkCaps-first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #clsMilkCaps .clsMilkCaps-last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } #clsMilkCaps .clsMilkCaps-hiddenMobile { display: none !important; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-hiddenMobile { display: block !important; } } #clsMilkCaps .clsMilkCaps-hiddenDesktop { display: block; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-hiddenDesktop { display: none; } } #clsMilkCaps .clsMilkCaps-container { margin: 0 auto; } #clsMilkCaps .clsMilkCaps-bg1 { background-repeat: no-repeat; background-image: url(../images/clsMilkCaps-b3-cap1.png); background-position: 150% 32%; background-size: 50%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-bg1 { background-position: 135% 0; background-size: 40%; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-bg1 { background-position: 92% 10%; background-size: auto; } } #clsMilkCaps .clsMilkCaps-bg2 { background-repeat: no-repeat; background-image: url(../images/clsMilkCaps-b4-cap2.png); background-position: 120% bottom; background-size: 40%; padding-bottom: 10%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-bg2 { background-image: url(../images/clsMilkCaps-b4-cap1.png), url(../images/clsMilkCaps-b4-cap2.png); background-position: -15% top, right bottom; background-size: 30%, 25%; padding-bottom: 7%; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-bg2 { background-image: url(../images/clsMilkCaps-b4-cap1.png), url(../images/clsMilkCaps-b4-cap2.png); background-position: 15% top, right bottom; background-size: auto; padding-bottom: 0; } } #clsMilkCaps .clsMilkCaps-bg3 { background-repeat: no-repeat; background-image: url(../images/clsMilkCaps-b4-cap1.png); background-position: -48% 115%; background-size: 50%; padding-bottom: 20%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-bg3 { background-image: none; padding-bottom: 0; } } #clsMilkCaps .clsMilkCaps-bg4 { background-repeat: no-repeat; background-image: url(../images/clsMilkCaps-b3-cap2.png); background-position: right bottom; background-size: 50%; padding-bottom: 20%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-bg4 { background-image: none; padding-bottom: 0; } } #clsMilkCaps .clsMilkCaps-button { background-color: #fff; border: 1px solid rgba(51, 51, 51, 0.25); border-radius: 10px; 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; padding: 4% 5%; max-width: 200px; cursor: pointer; text-decoration: none; color: #333; } #clsMilkCaps .clsMilkCaps-button.camera::before { position: relative; content: ""; width: 20px; height: 20px; margin-right: 5px; background-position: center; background-repeat: no-repeat; background-image: url(../images/clsMilkCaps-icon-camera.svg); background-size: 130%; } #clsMilkCaps .clsMilkCaps-button * { cursor: pointer; } #clsMilkCaps .clsMilkCaps-button:hover { color: inherit; } #clsMilkCaps .clsMilkCaps-main { position: relative; font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; background-color: #f4e4db; color: #333; width: 100%; height: 100%; min-width: 320px; margin: 0 auto; font-size: 14px; line-height: 20px; overflow: hidden; padding-bottom: 20%; visibility: hidden; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main { font-size: 16px; line-height: 22px; padding-bottom: 10%; } } #clsMilkCaps .clsMilkCaps-main * { -webkit-box-sizing: border-box; box-sizing: border-box; } #clsMilkCaps .clsMilkCaps-main p { font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main p { font-size: 14px; line-height: 20px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main p { font-size: 16px; line-height: 22px; } } #clsMilkCaps .clsMilkCaps-main img { width: 100%; display: block; margin: 0 auto; } #clsMilkCaps .clsMilkCaps-main div[data-name] { position: relative; } #clsMilkCaps .clsMilkCaps-main div[data-name] div[class^="clsMilkCaps-col-"] { position: relative; } #clsMilkCaps .clsMilkCaps-main div[data-name] h4 { font-size: 26px; line-height: 30px; text-transform: uppercase; padding: 3% 2%; background: -webkit-linear-gradient( 0deg, #f2c79e 30%, #fbad98 40%, #9e5725 100% ); -webkit-background-clip: text; -webkit-text-fill-color: rgba(158, 87, 37, 0); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name] h4 { padding: 3% 0; font-size: 32px; line-height: 36px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name] h4 { font-size: 48px; line-height: 45px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] { position: relative; min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] h6 { font-size: 20px; line-height: 20px; color: #f8b57e; margin-bottom: 10px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] h4 { text-transform: none; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] small { color: #f8aa6a; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] img, #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] picture { width: 100%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] img, #clsMilkCaps .clsMilkCaps-main div[data-name^="block1"] picture { width: 92%; } } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] { margin-bottom: 30px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-video { position: relative; top: 0; left: 0; height: -webkit-min-content; height: -moz-min-content; height: min-content; display: block; overflow: hidden; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-video { position: absolute; height: 100%; background-color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-video video { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; height: min-intrinsic; margin: 0 auto; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-video video { width: 100%; height: 100%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box { background-color: #fff; padding: 5%; padding-left: 5%; position: relative; top: -5%; left: 0; min-width: 90%; max-width: 90%; min-height: auto; z-index: 1; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box { position: absolute; top: 10%; left: 90%; min-width: 135%; max-width: 135%; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box { min-width: 90%; max-width: 90%; min-height: 50%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box:before { content: attr(data-num); font-family: "Gotham SSm Extralight", Helvetica, Arial, sans-serif; font-size: 150px; margin-right: 4%; color: #fbad98; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box:after { content: ""; position: absolute; top: 0; left: 100%; width: 250px; height: 100%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box--special { left: initial; right: -10%; margin-left: 0; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box--special { right: 90%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box--special:after { display: none; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box h6 { font-size: 24px; line-height: 28px; text-transform: uppercase; margin-bottom: 10px; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box h6 { font-size: 28px; line-height: 32px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box h6 { font-size: 35px; line-height: 38px; } } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box p { padding-right: 22%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-box p span { font-size: 20px; color: #fbad98; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product.clsMilkCaps-reverse .clsMilkCaps-box p { padding-right: 5%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:nth-child(2) img { display: none; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:nth-child(2) img { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; } } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:nth-child(2) .clsMilkCaps-box { top: 10%; margin-bottom: 0; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box { left: initial; right: -10%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box { left: 90%; right: initial; top: 10%; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box { top: 30%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box:after { top: 28%; left: 75%; background-repeat: no-repeat; background-position: right bottom; background-image: url(../images/clsMilkCaps-b3-cap2.png); display: none; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box:after { display: block; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box p { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box p { padding-right: 15%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product:last-child .clsMilkCaps-box p span { margin-right: 5px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product img { width: 90%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-product img { width: 100%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-tryit { z-index: 1; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera { margin: 0 auto; margin-top: 0; border: 2px solid #9e5725; width: -webkit-min-content; width: -moz-min-content; width: min-content; position: absolute; visibility: hidden; z-index: 10; overflow: hidden; background-color: #f4e4db; -webkit-transition: height 0.5s linear; transition: height 0.5s linear; } @media only screen and (max-width: 320px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera { width: 99%; } } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera { width: 100%; padding: 20px; margin-top: 40px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera { width: 80%; padding: 30px; } } @media only screen and (min-width: 1280px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera { width: 70%; padding: 40px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera.isOpen { position: relative; visibility: visible; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5% 20px 5% 20px; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul { padding: 0 0 10% 0; border-bottom: 1px solid #9e5725; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li { position: relative; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; -webkit-transition: border 0.5s linear; transition: border 0.5s linear; border: 1px solid rgba(158, 87, 37, 0); } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li:before { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 32px; height: 32px; border: 1px solid rgba(158, 87, 37, 0.5); border-radius: 50%; overflow: hidden; background-color: #333; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li[data-id="1"]:before { background-color: #f9d5ab; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li[data-id="2"]:before { background-color: #f1c5a1; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li[data-id="3"]:before { background-color: #ebbf9a; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li[data-id="4"]:before { background-color: #e7b78b; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li[data-id="5"]:before { background-color: #daaa81; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li[data-id="6"]:before { background-color: #cd8e5e; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li.active { border: 1px solid rgba(158, 87, 37, 0.6); } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera ul li:hover { border: 1px solid rgba(158, 87, 37, 0.2); } @media only screen and (max-width: 320px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-camera iframe { position: relative; top: -1px; right: 19px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-skin-details { height: 100%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-skin-details-item { display: none; height: 100%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-skin-details-item img { width: 100%; height: auto; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-skin-details-item a { position: relative; background-color: #fff; width: auto; display: block; text-align: center; min-width: 125px; padding: 10px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-skin-details-item a:before { position: absolute; content: attr(data-num); display: block; top: -80%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 20px; line-height: 1px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] .clsMilkCaps-skin-details-item.active { display: -webkit-box; display: -ms-flexbox; display: flex; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block2"] h4 { padding-top: 0; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] { margin-bottom: 80px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content { margin: 0; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content { background-color: #fbad98; margin: 0 7% 0 7%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:nth-child(2) { height: auto; background: -webkit-linear-gradient(45deg, #f7aa75, #ee6b69 100%); margin-top: 5%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:nth-child(2) { height: 250px; max-height: 250px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:nth-child(2) { height: 320px; max-height: 320px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:nth-child(2) .clsMilkCaps-isFlex { height: 100%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:nth-child(2) .clsMilkCaps-isFlex > div { padding: 10% 15%; width: 100%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:nth-child(2) .clsMilkCaps-isFlex > div { padding: 0 10% 0 0; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child { height: auto; margin-bottom: 5%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child { background: -webkit-linear-gradient(-90deg, #f7af7f, #f37367 100%); height: 250px; max-height: 250px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child { height: 400px; max-height: 400px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child .clsMilkCaps-isFlex { height: 100%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child .clsMilkCaps-isFlex > div { background: -webkit-linear-gradient(-90deg, #f7af7f, #f37367 100%); padding: 10% 15%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child .clsMilkCaps-isFlex > div { background: 0 0; padding: 0 5% 0 15%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child img { top: 0; left: 0; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content:last-child img { top: 0; left: initial; right: -15%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content img { position: relative; top: 0; left: 0; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content img { top: -10%; left: -15%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p { font-size: 12px; line-height: 18px; color: #fff; } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p { font-size: 14px; line-height: 20px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p.clsMilkCaps-percent { font-family: "Gotham SSm Extralight", Helvetica, Arial, sans-serif; font-size: 70px; line-height: 70px; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p.clsMilkCaps-percent { font-size: 65px; line-height: 65px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p.clsMilkCaps-percent { font-size: 85px; line-height: 85px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p.clsMilkCaps-title { font-size: 26px; line-height: 30px; text-transform: uppercase; margin-bottom: 10px; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p.clsMilkCaps-title { font-size: 28px; line-height: 32px; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block3"] .clsMilkCaps-content p.clsMilkCaps-title { font-size: 35px; line-height: 38px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group { position: relative; margin: 0 auto; width: 100%; display: -ms-inline-grid; display: inline-grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 5% 0; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--notes { position: relative; width: auto; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--notes[data-id="1"] .clsMilkCaps-notes--item:nth-child(1) { opacity: 1; visibility: visible; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--notes[data-id="2"] .clsMilkCaps-notes--item:nth-child(2) { opacity: 1; visibility: visible; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--notes[data-id="3"] .clsMilkCaps-notes--item:nth-child(3) { opacity: 1; visibility: visible; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--notes[data-id="4"] .clsMilkCaps-notes--item:nth-child(4) { opacity: 1; visibility: visible; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball { position: relative; width: 473px; height: 473px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(0.65) rotate(100deg); transform: scale(0.65) rotate(100deg); margin: 0 auto; left: 0; top: -12%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball { top: 0; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball-s3 { -webkit-transform: scale(0.65) rotate(100deg); transform: scale(0.65) rotate(100deg); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball-s3 { -webkit-transform: scale(0.85) rotate(0); transform: scale(0.85) rotate(0); } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball-s3 { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball-s4 { -webkit-transform: scale(0.65) rotate(90deg); transform: scale(0.65) rotate(90deg); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball-s4 { -webkit-transform: scale(0.85) rotate(0); transform: scale(0.85) rotate(0); } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball-s4 { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball { left: -25%; } } @media only screen and (min-width: 992px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball { left: -30%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball img { position: absolute; top: 0; left: 0; -webkit-transform-origin: center; transform-origin: center; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: center; transform-origin: center; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li { width: 80px; height: 80px; position: absolute; cursor: pointer; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li.active .clsMilkCaps-notes--item { opacity: 1; visibility: visible; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li span { font-size: 62px; color: #fff; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li .clsMilkCaps-notes--item { position: absolute; background-color: rgba(251, 173, 152, 0.5); padding: 25px 15px 0 15px; max-width: 300px; width: auto; min-width: 200px; color: #fff; background: -webkit-linear-gradient(45deg, #f7af7f, #f37367 100%); opacity: 0; visibility: hidden; -webkit-transition: 0 opacity 0 linear; transition: 0 opacity 0 linear; top: 80%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li .clsMilkCaps-notes--item { left: 80%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px 15px; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li .clsMilkCaps-notes--item h6 { font-size: 30px; line-height: 30px; letter-spacing: -1px; color: #fff; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li .clsMilkCaps-notes--item p { color: #fff; font-size: 12px; line-height: 16px; padding: 20px 0; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li .clsMilkCaps-notes--item small { font-size: 8px; margin-top: 15px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li .clsMilkCaps-numberic { font-family: "Gotham SSm Extralight", Helvetica, Arial, sans-serif; width: 100%; height: 100%; background: -webkit-linear-gradient(45deg, #f7af7f, #f37367 100%); border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 0; 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; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul li > div { width: 100%; height: 100%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li { -webkit-transform: rotate(-100deg); transform: rotate(-100deg); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li { -webkit-transform: rotate(0); transform: rotate(0); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li:nth-child(1) { top: 175px; left: 400px; -webkit-transform: scale(1.5) rotate(-100deg); transform: scale(1.5) rotate(-100deg); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li:nth-child(1) { -webkit-transform: scale(1.5) rotate(0); transform: scale(1.5) rotate(0); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li:nth-child(2) { top: 390px; left: 110px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li:nth-child(3) { top: 25px; left: 70px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s3 li:nth-child(4) { display: none; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li:nth-child(1) { top: 195px; left: 397px; -webkit-transform: scale(1.5) rotate(0); transform: scale(1.5) rotate(0); } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li:nth-child(1) { -webkit-transform: scale(1.5) rotate(0); transform: scale(1.5) rotate(0); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li:nth-child(2) { top: 397px; left: 200px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li:nth-child(3) { top: 195px; left: -5px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li:nth-child(4) { top: 0px; left: 195px; } @media only screen and (max-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] .clsMilkCaps-circle-group--ball ul.clsMilkCaps-s4 li > div { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block4"] h4 { padding-bottom: 5px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div { background-color: #fff; background: -webkit-linear-gradient(180deg, #fcfcfc, #eeeaea 100%); background-repeat: repeat-x; background-position: 0 0; margin-left: 5%; margin-right: 5%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div { background: -webkit-linear-gradient(0, #fcfcfc, #fff 100%); } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div div:nth-child(2) { padding: 5%; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div div:nth-child(2) { padding: 2%; } } @media only screen and (min-width: 1280px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div div:nth-child(2) { padding: 5%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div div:nth-child(2) p { padding: 5% 0; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div div:nth-child(2) p { padding: 3% 0; } } @media only screen and (min-width: 1280px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] > div div:nth-child(2) p { padding: 5% 0; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; z-index: 1; left: -13px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(4) { top: 40%; left: 8%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(3) { top: 15%; left: 23%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(2) { top: 46%; left: 49%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(2) .clsMilkCaps-product-content { position: relative; left: -50%; top: 32px; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(2) .clsMilkCaps-product-content { left: initial; top: initial; -webkit-transform: translateY(-45%); transform: translateY(-45%); } } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(4) { top: 34%; left: 31%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(3) { top: 5%; left: 43%; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-expand-content:nth-child(2) { top: 36%; left: 57%; } } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-icon { display: inline-block; width: 30px; height: 30px; background-color: #fff; opacity: 0.6; color: #333; border-radius: 50%; font-size: 30px; line-height: 30px; text-align: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-icon-active { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content { background-color: #fff; padding: 10px 15px; width: 200px; visibility: hidden; height: 0; -webkit-box-shadow: -5px 5px 20px 0 rgba(51, 51, 51, 0.25); box-shadow: -5px 5px 20px 0 rgba(51, 51, 51, 0.25); position: relative; z-index: 1; text-align: center; font-size: 12px; line-height: 18px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content strong { font-size: 14px; color: #f8b57e; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content p { color: #333; font-size: 12px; line-height: 18px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content a { text-transform: uppercase; text-decoration: underline; color: #333; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content a:active, #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content a:focus, #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content a:hover, #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content a:visited { color: #f8b57e; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-product-content .clsMilkCaps-cta-link { color: #333; margin-bottom: 10px; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] .clsMilkCaps-prod-active { visibility: visible; height: auto; } #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] h5 { color: #f8b57e; font-size: 28px; line-height: 34px; } @media only screen and (min-width: 768px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] h5 { font-size: 30px; line-height: 32px; } } @media only screen and (min-width: 1280px) { #clsMilkCaps .clsMilkCaps-main div[data-name^="block5"] h5 { font-size: 35px; line-height: 38px; } } #clsMilkCaps .clsMilkCaps-isFlex { display: -webkit-box; display: -ms-flexbox; display: flex; } #clsMilkCaps .clsMilkCaps-GothamSSmMedium { font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif; } #clsMilkCaps .clsMilkCaps-GothamSSmBook { font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } #clsMilkCaps .clsMilkCaps-GothamSSmLight { font-family: "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif; } #clsMilkCaps .clsMilkCaps-GothamSSmXLight { font-family: "Gotham SSm Extralight", Helvetica, Arial, sans-serif; } .footer-wrapper { position: relative; z-index: 1; } .breadcrumb { display: none; } #main:not(.main-homepage) { padding-top: 0; } .primary-content { padding-bottom: 0; } #wrapper { max-width: 100%; } /* === === */ .clsMilkCaps-product-expand-content.clsMilkCaps-product-expand-content-top { display: none!important; }