@charset "UTF-8"; html { box-sizing: border-box; } *, :after, :before { box-sizing: inherit; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: none; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; } td, th { padding: 0; } html { font-size: 16px; -webkit-text-size-adjust: 100%; } @media print, screen and (min-width: 46.875em) { html { font-size: 16px; } } body { font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 1.5; color: #000; } .fonts-loaded body { font-family: HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif; } p { font-size: 16px; font-size: 1rem; letter-spacing: 0.04em; margin-top: 0; margin-bottom: 24px; } h1, h2, h3, h4, h5, h6, p { font-family: HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; text-rendering: optimizelegibility; margin-top: 0; margin-bottom: 24px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; } h1.heading--padded, h2.heading--padded, h3.heading--padded, h4.heading--padded, h5.heading--padded, h6.heading--padded { margin-right: 12px; margin-left: 12px; } .h1, h1 { font-size: 52px; font-size: 3.25rem; margin-bottom: 24px; } .h2, h2 { font-size: 32px; font-size: 2rem; text-transform: uppercase; } .h3, h3 { font-size: 20px; font-size: 1.25rem; } .h4, h4 { font-size: 18px; font-size: 1.125rem; margin-bottom: 5px; } .h5, .h6, h5, h6 { font-size: 16px; font-size: 1rem; margin-bottom: 0; } * + .h1, * + .h2, * + .h3, * + .h4, * + h1, * + h2, * + h3, * + h4 { margin-top: 48px; } small { font-size: 80%; } hr { margin: 24px 0; border: 0; border-top: 1px solid #b3b2b2; border-bottom: 1px solid #fff; } .hr--pasta { height: 14px; border: 0; } b, strong { font-weight: 700; } em, i { font-style: italic; } abbr[title] { border-bottom: 1px dotted #ddd; cursor: help; } dfn { font-style: italic; } mark { background: #ebe2d1; padding: 2px 4px; border-radius: 3px; border: 1px solid #ddceb8; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } samp { font-family: Menlo, Monaco, Courier New, monospace; } address { font-style: normal; font-size: 14px; font-size: 0.875rem; } .text-center, .text-centre { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-upper { text-transform: uppercase; } .text-underline { border-bottom: 1px solid #e5e8eb; padding-bottom: 0.25em; } .text-intro { font-size: 22px; font-size: 1.375rem; } .text-color--primary { color: #1c3775; } .text-color--secondary { color: #ffd800; } .text-color--tertiary { color: #b79049; } .text-withGraphic { position: relative; text-align: center; background-repeat: no-repeat; font-size: 32px; font-size: 2rem; line-height: 1; } .text-withGraphic:before { display: none; } .text-withGraphic div { margin-top: 24px; } @media print, screen and (min-width: 46.875em) { .text-withGraphic { font-size: 52px; font-size: 3.25rem; } } @media print, screen and (min-width: 62.5em) { .text-withGraphic { margin-bottom: 48px; font-size: 80px; font-size: 5rem; } .text-withGraphic:before { display: inline-block; } .text-withGraphic .text-withGraphic--west { word-break: break-all; } } .text-withGraphic--north:before, .text-withGraphic--south:before { content: ""; position: absolute; } .text-withGraphic--north:before { top: 0; left: 50%; } .text-withGraphic--south:before { bottom: 0; left: 50%; } .text-withGraphic--west:before { content: ""; vertical-align: middle; margin-right: 24px; } .text-withGraphic--sml { font-size: 20px; font-size: 1.25rem; } @media print, screen and (min-width: 62.5em) { .text-withGraphic--sml { font-size: 32px; font-size: 2rem; } } .text-withGraphic--bow:before { width: 166px; height: 124px; background-image: url(/assets/img/pasta-bow-graphic.png); } @media print, screen and (min-width: 62.5em) { .text-withGraphic--bow.text-withGraphic--north { padding-top: 148px; } .text-withGraphic--bow.text-withGraphic--south { padding-bottom: 148px; } } .text-withGraphic--bow.text-withGraphic--north:before, .text-withGraphic--bow.text-withGraphic--south:before { margin-left: -83px; } .text-withGraphic--bow.text-withGraphic--west { padding-top: 12px; } .text-withGraphic--twirl:before { width: 232px; height: 81px; background-image: url(/assets/img/pasta-twirl-graphic.png); } @media print, screen and (min-width: 62.5em) { .text-withGraphic--twirl.text-withGraphic--north { padding-top: 105px; } .text-withGraphic--twirl.text-withGraphic--south { padding-bottom: 105px; } } .text-withGraphic--twirl.text-withGraphic--north:before, .text-withGraphic--twirl.text-withGraphic--south:before { margin-left: -116px; } .text-withGraphic--twirl.text-withGraphic--west { padding-top: 12px; } .text-withGraphic-text { vertical-align: middle; } .text-withGraphic-graphic { vertical-align: middle; display: none; } @media print, screen and (min-width: 46.875em) { .text-withGraphic-graphic { display: inline-block; width: 100px; } } @media print, screen and (min-width: 62.5em) { .text-withGraphic-graphic { width: auto; } } ::selection { color: #fff; background: #1c3775; text-shadow: none; } #CybotCookiebotDialog { top: auto !important; bottom: 0 !important; } #CybotCookiebotDialogBody, #CybotCookiebotDialogDetailBody { max-width: 850px !important; } #CybotCookiebotDialogBodyContent, #CybotCookiebotDialogBodyContentTitle { font-size: 1rem !important; } #CybotCookiebotDialogBodyContentText p, #CybotCookiebotDialogBodyContentText span, #CybotCookiebotDialogDetailBodyContentTextAbout p, #CybotCookiebotDialogDetailBodyContentTextAbout span, #CybotCookiebotDialogDetailBodyContentTextIAB p, #CybotCookiebotDialogDetailBodyContentTextIAB span { font-size: 0.8rem !important; margin-bottom: 10px !important; } @media print, screen and (max-width: 31.25em) { #CybotCookiebotDialogBodyContentText p, #CybotCookiebotDialogBodyContentText span, #CybotCookiebotDialogDetailBodyContentTextAbout p, #CybotCookiebotDialogDetailBodyContentTextAbout span, #CybotCookiebotDialogDetailBodyContentTextIAB p, #CybotCookiebotDialogDetailBodyContentTextIAB span { font-size: 0.7rem !important; } } #CybotCookiebotDialogBodyContentText p a, #CybotCookiebotDialogBodyContentText span a, #CybotCookiebotDialogDetailBodyContentTextAbout p a, #CybotCookiebotDialogDetailBodyContentTextAbout span a, #CybotCookiebotDialogDetailBodyContentTextIAB p a, #CybotCookiebotDialogDetailBodyContentTextIAB span a { color: #247eb3 !important; text-decoration: none !important; } #CybotCookiebotDialogBodyContentText p a:focus, #CybotCookiebotDialogBodyContentText p a:hover, #CybotCookiebotDialogBodyContentText span a:focus, #CybotCookiebotDialogBodyContentText span a:hover, #CybotCookiebotDialogDetailBodyContentTextAbout p a:focus, #CybotCookiebotDialogDetailBodyContentTextAbout p a:hover, #CybotCookiebotDialogDetailBodyContentTextAbout span a:focus, #CybotCookiebotDialogDetailBodyContentTextAbout span a:hover, #CybotCookiebotDialogDetailBodyContentTextIAB p a:focus, #CybotCookiebotDialogDetailBodyContentTextIAB p a:hover, #CybotCookiebotDialogDetailBodyContentTextIAB span a:focus, #CybotCookiebotDialogDetailBodyContentTextIAB span a:hover { color: #13425e !important; text-decoration: none !important; } #CybotCookiebotDialogBodyContentText p a:visited, #CybotCookiebotDialogBodyContentText span a:visited, #CybotCookiebotDialogDetailBodyContentTextAbout p a:visited, #CybotCookiebotDialogDetailBodyContentTextAbout span a:visited, #CybotCookiebotDialogDetailBodyContentTextIAB p a:visited, #CybotCookiebotDialogDetailBodyContentTextIAB span a:visited { color: #247eb3 !important; text-decoration: none !important; } #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th { font-size: 0.8rem !important; } @media print, screen and (max-width: 31.25em) { #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th { font-size: 0.7rem !important; } } #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails a, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td a, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th a { color: #247eb3 !important; text-decoration: none !important; } #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails a:focus, #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails a:hover, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td a:focus, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td a:hover, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th a:focus, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th a:hover { color: #13425e !important; text-decoration: none !important; } #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails a:visited, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td a:visited, .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th a:visited { color: #247eb3 !important; text-decoration: none !important; } a#CybotCookiebotDialogBodyLevelButtonAccept { background-color: #fc3; background-image: linear-gradient(180deg, #fc3 50%, #ffbf00 0); background-size: 4px 4px; border: none !important; color: #000 !important; } .form { margin: 0 0 24px; } .form-fieldset { margin: 0; padding: 0 0 48px; border: 0; max-width: 770px; min-width: inherit; } .campaign .form-fieldset { padding: 0; } .form-legend { display: block; width: 100%; margin: 0; padding-bottom: 0.25em; font-size: 20px; font-size: 1.25rem; font-weight: 400; line-height: 1.1; color: #000; border-bottom: 1px solid #e5e8eb; white-space: normal; text-transform: uppercase; } @media print, screen and (min-width: 56.25em) { .form-legend { font-size: 32px; font-size: 2rem; } } .form-search { position: relative; } .form-search-hero { margin: 0 0 10px; } .requiredInfo { margin-top: 24px; padding-bottom: 0.5em; border-bottom: 1px solid #bcc9cc; } .requiredInfo .icon-tiny { margin-left: 0; } .form-controlGroup { margin: 24px 0 10px; list-style-type: none; } .form-controlGroup.is-required .form-label { padding-right: 20px; } .form-controlGroup.is-required .form-label:after { content: ""; position: absolute; top: 0.3em; right: 0; background-repeat: no-repeat; } .form-controlGroup-inputWrapper { max-width: 400px; } @media print, screen and (min-width: 59.375em) { .form-controlGroup-inputWrapper { width: 50%; } } .form-controlGroup-inputWrapper.campaign { margin-top: 15px; } @media print, screen and (min-width: 59.375em) { .form-controlGroup-inputWrapper.grid { width: 100%; } } .form-legend + .form-controlGroup { margin-top: 24px; -webkit-margin-top-collapse: separate; } .form-label { position: relative; display: inline-block; margin-bottom: 0.5em; color: #000; line-height: 1.5; } .form-label small { font-weight: 400; color: #4d4c4c; } @media print, screen and (min-width: 56.25em) { .form-label--right { float: right; padding-top: 8px; } } .form-input, .gigya-composite-control select, .gigya-input-password, .gigya-input-text { display: block; width: 100%; height: 2.5em; padding: 0.5em; font-size: 16px; font-size: 1rem; font-family: HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.5; color: #000; font-weight: 400; vertical-align: baseline; background-color: #fff; border: 2px solid #1c3775; transition: all 0.2s ease-in-out; -webkit-appearance: none; border-radius: 0; } .form-input:focus, .gigya-composite-control select:focus, .gigya-input-password:focus, .gigya-input-text:focus { border-color: #1c3775; outline: 0; outline: thin dotted\9; } .form-input[type="checkbox"], .form-input[type="image"], .form-input[type="radio"], .form-input[type="range"], .gigya-composite-control select[type="checkbox"], .gigya-composite-control select[type="image"], .gigya-composite-control select[type="radio"], .gigya-composite-control select[type="range"], .gigya-input-password[type="checkbox"], .gigya-input-password[type="image"], .gigya-input-password[type="radio"], .gigya-input-password[type="range"], .gigya-input-text[type="checkbox"], .gigya-input-text[type="image"], .gigya-input-text[type="radio"], .gigya-input-text[type="range"] { width: auto; height: auto; padding: 0; margin: 3px 0; line-height: normal; cursor: pointer; border-radius: 0; box-sizing: border-box; } .form-input[type="image"], .gigya-composite-control select[type="image"], .gigya-input-password[type="image"], .gigya-input-text[type="image"] { border: 0; } .form-input[type="file"], .gigya-composite-control select[type="file"], .gigya-input-password[type="file"], .gigya-input-text[type="file"] { width: auto; height: 28px; padding: initial; line-height: normal; border: initial; background-color: #fff; } .form-input[type="hidden"], .gigya-composite-control select[type="hidden"], .gigya-input-password[type="hidden"], .gigya-input-text[type="hidden"] { display: none; } .form-input[type="color"], .gigya-composite-control select[type="color"], .gigya-input-password[type="color"], .gigya-input-text[type="color"] { width: 40px; height: 40px; overflow: hidden; padding: 2px; } .form-input[type="password"], .gigya-composite-control select[type="password"], .gigya-input-password[type="password"], .gigya-input-text[type="password"] { font-family: sans-serif; } .form-input[type="range"], .gigya-composite-control select[type="range"], .gigya-input-password[type="range"], .gigya-input-text[type="range"] { width: 100%; } .form-input > .checkbox:first-child, .form-input > .radio:first-child, .gigya-composite-control select > .checkbox:first-child, .gigya-composite-control select > .radio:first-child, .gigya-input-password > .checkbox:first-child, .gigya-input-password > .radio:first-child, .gigya-input-text > .checkbox:first-child, .gigya-input-text > .radio:first-child { padding-top: 5px; } .form-input[disabled], .form-input[readonly], .gigya-composite-control select[disabled], .gigya-composite-control select[readonly], .gigya-input-password[disabled], .gigya-input-password[readonly], .gigya-input-text[disabled], .gigya-input-text[readonly] { background-color: #e6e5e5; border-color: #1c3775; cursor: not-allowed; } .form-input--borderless { border: 0; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { background-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; color: #2a2a2a; } .form-controlGroup-inner { position: relative; } .form-input--textarea { height: auto; resize: vertical; min-height: 100px; max-height: 100px; } .form-characterLimit { text-align: right; display: block; } .form-input--textarea--uneditable { width: auto; height: auto; } .form-input--select, .gigya-composite-control select { background-color: #fff; } .form-input--select[multiple], .form-input--select[size], .gigya-composite-control select[multiple], .gigya-composite-control select[size] { height: auto; } .form-input-file { display: inline-block; width: 100%; font-size: 16px; font-size: 1rem; margin: 0; vertical-align: middle; line-height: 1em; } .form-input-file:focus { outline: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { width: auto; cursor: pointer; -webkit-appearance: button; } input[type="submit"].searchFormBtn { -webkit-appearance: none; background-color: transparent; border: none; width: 20px; } input[type="submit"].disabled { opacity: 0.65; cursor: default; pointer-events: none; } .form-helpText { font-size: 12px; font-size: 0.75rem; color: #333; line-height: 1.3; margin-top: 0.5em; } .control { display: block; } .control input[type="checkbox"], .control input[type="radio"] { vertical-align: middle; margin-right: 0.5em; margin-top: -0.1em; display: inline; line-height: normal; } .control--inline { display: inline-block; vertical-align: middle; margin-right: 1.5em; } .form-input--search { padding-left: 14px; padding-right: 14px; margin-bottom: 0; border-radius: 100px; } .form-actions { padding: 24px; margin: 24px 0; color: #000; border: 3px solid #1c3775; border-left: none; border-right: none; background-color: #fff; } @media print, screen and (max-width: 31.25em) { .form-actions { text-align: center; } } #gigya-verification-sent-screen .form-actions input[type="button"], .form-actions #gigya-verification-sent-screen input[type="button"], .form-actions .btn, .form-actions .gigya-input-submit { margin-right: 10px; } #gigya-verification-sent-screen .form-actions input:last-child[type="button"], .form-actions #gigya-verification-sent-screen input:last-child[type="button"], .form-actions .btn:last-child, .form-actions .gigya-input-submit:last-child { margin-right: 0; } .form-actions-message { min-height: auto; font-size: 16px; font-size: 1rem; position: static; display: block; max-width: none; } @media print, screen and (min-width: 31.25em) { .form-actions-message { width: 60%; float: left; } [dir="rtl"] .form-actions-message { float: right; } } .form-actions-message:before { display: none; } .form-actions-message p { margin-bottom: 0; } .form-actions-action { margin-top: 10px; } @media print, screen and (min-width: 31.25em) { .form-actions-action { margin-top: 0; text-align: right; } [dir="rtl"] .form-actions-action { float: left; } } .form-message { position: relative; margin-top: 5px; font-size: 14px; font-size: 0.875rem; padding: 0.7em 1em 0.4em; display: none; min-height: 40px; } .form-message:before { content: ""; position: absolute; bottom: 100%; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; } @media print, screen and (min-width: 59.375em) { .form-message { position: absolute; left: 50%; top: 0; max-width: 40%; margin-top: 0; margin-left: 10px; padding-right: 1em; } [dir="rtl"] .form-message { left: auto; right: 52%; } .form-message:before { border-width: 20px 20px 20px 0; right: 100%; top: 0; bottom: auto; } [dir="rtl"] .form-message:before { transform: rotate(180deg); right: -20px; } } .policyAgreement .form-message { top: auto; bottom: 15%; } .form-info { margin: 10px 0; text-align: center; font-style: italic; } .form-controlGroup.has-warning.show-message .form-label, .has-warning { color: #f4aa47; } .form-controlGroup.has-warning.show-message .form-input, .form-controlGroup.has-warning.show-message .gigya-composite-control select, .form-controlGroup.has-warning.show-message .gigya-input-password, .form-controlGroup.has-warning.show-message .gigya-input-text, .gigya-composite-control .form-controlGroup.has-warning.show-message select { border-color: #f4aa47; } .form-controlGroup.has-warning.show-message .form-input:focus, .form-controlGroup.has-warning.show-message .gigya-composite-control select:focus, .form-controlGroup.has-warning.show-message .gigya-input-password:focus, .form-controlGroup.has-warning.show-message .gigya-input-text:focus, .gigya-composite-control .form-controlGroup.has-warning.show-message select:focus { border-color: #f19417; } .form-controlGroup.has-warning.show-message .form-message { display: inline-block; background-color: #f4aa47; color: #fff; } .form-controlGroup.has-warning.show-message .form-message:before { border-color: transparent transparent #f4aa47; } @media print, screen and (min-width: 59.375em) { .form-controlGroup.has-warning.show-message .form-message:before { border-color: transparent #f4aa47 transparent transparent; } } .form-controlGroup.is-invalid.show-message .form-label, .has-error { color: #b94a4d; } .form-controlGroup.is-invalid.show-message .form-input, .form-controlGroup.is-invalid.show-message .gigya-composite-control select, .form-controlGroup.is-invalid.show-message .gigya-input-password, .form-controlGroup.is-invalid.show-message .gigya-input-text, .gigya-composite-control .form-controlGroup.is-invalid.show-message select { border-color: #b94a4d; } .form-controlGroup.is-invalid.show-message .form-input:focus, .form-controlGroup.is-invalid.show-message .gigya-composite-control select:focus, .form-controlGroup.is-invalid.show-message .gigya-input-password:focus, .form-controlGroup.is-invalid.show-message .gigya-input-text:focus, .gigya-composite-control .form-controlGroup.is-invalid.show-message select:focus { border-color: #963a3c; } .form-controlGroup.is-invalid.show-message .form-message { display: inline-block; background-color: #b94a4d; color: #fff; } .form-controlGroup.is-invalid.show-message .form-message:before { border-color: transparent transparent #b94a4d; } @media print, screen and (min-width: 59.375em) { .form-controlGroup.is-invalid.show-message .form-message:before { border-color: transparent #b94a4d transparent transparent; } } .is-valid { color: #16c98d; } .is-valid.policyAgreement { color: #000; } .form-controlGroup.is-valid .form-label { color: #16c98d; } .form-controlGroup.is-valid .form-input, .form-controlGroup.is-valid .gigya-composite-control select, .form-controlGroup.is-valid .gigya-input-password, .form-controlGroup.is-valid .gigya-input-text, .gigya-composite-control .form-controlGroup.is-valid select { border-color: #16c98d; } .form-controlGroup.has-info .form-label, .has-info { color: #1c3775; } .form-controlGroup.has-info .form-input, .form-controlGroup.has-info .gigya-composite-control select, .form-controlGroup.has-info .gigya-input-password, .form-controlGroup.has-info .gigya-input-text, .gigya-composite-control .form-controlGroup.has-info select { border-color: #1c3775; } .form-controlGroup.has-info .form-input:focus, .form-controlGroup.has-info .gigya-composite-control select:focus, .form-controlGroup.has-info .gigya-input-password:focus, .form-controlGroup.has-info .gigya-input-text:focus, .gigya-composite-control .form-controlGroup.has-info select:focus { border-color: #12244c; } .form-controlGroup.has-info .form-message { display: inline-block; background-color: #1c3775; color: #fff; } .form-controlGroup.has-info .form-message:before { border-color: transparent transparent #1c3775; } @media print, screen and (min-width: 59.375em) { .form-controlGroup.has-info .form-message:before { border-color: transparent #1c3775 transparent transparent; } } .resultsForm .form-label[for="sort"] { line-height: 25px; } :-ms-input-placeholder { color: #b3b2b2; } :-moz-placeholder { color: #b3b2b2; } ::-webkit-input-placeholder { color: #b3b2b2; } .form-input--fileWrapper--styled { position: relative; overflow: hidden; } .form-input--fileWrapper--styled:before { content: "Choose file..."; } .form-input--fileWrapper--styled:after { content: "Browse"; cursor: pointer; display: inline-block; position: absolute; top: 0; right: -1px; bottom: 0; padding: 0.44em 1em 0; background-color: #21418a; } .form-input--fileWrapper--styled .form-input-file { opacity: 0; position: absolute; } .form-input--selectWrapper { position: relative; display: block; padding: 0; } .form-input--selectWrapper:after { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 40px; color: #1c3775; border-left: 1px solid #1c3775; background-repeat: no-repeat; background-position: 50%; z-index: 1; -ms-pointer-events: none; pointer-events: none; background-image: url(#); } [dir="rtl"] .form-input--selectWrapper:after { border-left: 0; border-right: 1px solid #1c3775; right: auto; left: 1px; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .form-input--selectWrapper:after { display: none; } } .form-input--selectWrapper .form-input--select, .form-input--selectWrapper .gigya-composite-control select, .gigya-composite-control .form-input--selectWrapper select { appearance: none; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .form-input--selectWrapper .form-input--select:focus::-ms-value, .form-input--selectWrapper .gigya-composite-control select:focus::-ms-value, .gigya-composite-control .form-input--selectWrapper select:focus::-ms-value { background: transparent; color: #222; } } option { font-weight: 400; } .control--custom { position: relative; display: block; padding: 0 0 1em 2em; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; min-height: 2.5em; line-height: 1.5; } [dir="rtl"] .control--custom { padding: 0 2em 1em 0; } [dir="rtl"] .control--custom.countrySelector-control { padding: 0; } .control--custom input { position: absolute; opacity: 0; z-index: -1; } .control--custom--inline { display: inline-block; padding-right: 2em; } .control-indicator { position: absolute; top: 1px; left: 0; display: block; width: 19px; height: 19px; border: 2px solid #1c3775; background-color: #fff; background-size: 0 0; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 0 0 2px transparent, 0 0 0 0 transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } [dir="rtl"] .control-indicator { left: auto; right: 0; top: 3px; } input:focus ~ .control-indicator { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #1c3775; } input:checked ~ .control-indicator--checkbox { background-image: url(/assets/img/form-checked.png); background-position: 50%; background-size: 9.5px 9.5px; } .control-indicator--radio { border-radius: 50%; } input:checked ~ .control-indicator--radio { background-color: #fff; border: 6px solid #1c3775; } .customRangeSlider-wrapper { position: relative; margin-top: 10px; margin-bottom: 36px; } .customRangeSlider-value { display: block; width: 100%; margin-bottom: 20px; } .hiddenRangeSlider { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; } .rangeSlider { position: relative; } .rangeSlider, .rangeSlider__fill { display: block; width: 100%; height: 3px; margin: 20px 0; background: #ccc; z-index: 2; } .rangeSlider:after, .rangeSlider:before { content: ""; position: absolute; top: -2px; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; box-shadow: 0 0 0 3px #bababa; z-index: 3; } .rangeSlider:after { left: 100%; margin-right: 2px; } .rangeSlider:before { right: 100%; margin-left: 2px; } .rangeSlider__handle { position: absolute; top: -15px; width: 32px; height: 32px; background: #1c3775; border: 1px solid #e5e8eb; cursor: pointer; z-index: 4; border-radius: 50%; box-shadow: 0 0 0 4px hsla(0, 0%, 73%, 0.5); } .rangeSlider__handle:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 20px; height: 20px; margin: auto; background: #fff; border-radius: 50%; } .rangeSlider__handle:active, .rangeSlider__handle:focus, .rangeSlider__handle:hover { box-shadow: none; background: #195285; } .rangeSlider__buffer { position: absolute; top: 3px; height: 14px; z-index: 1; background: #2c3e50; border-radius: 10px; } a { transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } a, a:link, a:visited { color: #1c3775; text-decoration: none; } a:active, a:focus, a:hover { color: #195285; } p a { border-bottom: 2px solid; word-break: break-all; } .link-arrow-after:after, .link-arrow-before:before { content: ""; display: inline-block; width: 1em; height: 1em; margin-top: -0.25em; background-color: currentColor; vertical-align: middle; border-radius: 50%; background-position: 6px 3px; background-repeat: no-repeat; } [dir="rtl"] .link-arrow-after:after, [dir="rtl"] .link-arrow-before:before { transform: rotate(180deg); } .link-arrow-before:before { margin-right: 0.5em; } [dir="rtl"] .link-arrow-before:before { margin-right: 0; margin-left: 0.5em; } .link-arrow-after:after { margin-left: 0.5em; } [dir="rtl"] .link-arrow-after:after { margin-right: 0.5em; margin-left: 0; } #gigya-verification-sent-screen input[type="button"], .btn, .gigya-input-submit { display: inline-block; margin: 0; padding: 0 1.5em; font-family: inherit; font-size: 14px; font-size: 0.875rem; cursor: pointer; border: 0; line-height: 2.5; height: 2.5em; overflow: visible; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; border-radius: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); background-color: #1c3775; -webkit-appearance: none; } @media print, screen and (min-width: 46.875em) { #gigya-verification-sent-screen input[type="button"], .btn, .gigya-input-submit { font-size: 100%; } } #gigya-verification-sent-screen input:link[type="button"], #gigya-verification-sent-screen input:visited[type="button"], #gigya-verification-sent-screen input[type="button"], .btn, .btn:link, .btn:visited, .gigya-input-submit, .gigya-input-submit:link, .gigya-input-submit:visited { color: #fff; } #gigya-verification-sent-screen input:active[type="button"], #gigya-verification-sent-screen input:focus[type="button"], #gigya-verification-sent-screen input:hover[type="button"], .btn:active, .btn:focus, .btn:hover, .gigya-input-submit:active, .gigya-input-submit:focus, .gigya-input-submit:hover { background-color: #12244c; } #gigya-verification-sent-screen input:active[type="button"], #gigya-verification-sent-screen input:focus[type="button"], #gigya-verification-sent-screen input:hover[type="button"], #gigya-verification-sent-screen input:visited[type="button"], #gigya-verification-sent-screen input[type="button"], .btn, .btn:active, .btn:focus, .btn:hover, .btn:visited, .gigya-input-submit, .gigya-input-submit:active, .gigya-input-submit:focus, .gigya-input-submit:hover, .gigya-input-submit:visited { text-decoration: none; } #gigya-verification-sent-screen input:active[type="button"], #gigya-verification-sent-screen input:focus[type="button"], .btn:active, .btn:focus, .gigya-input-submit:active, .gigya-input-submit:focus { outline: none; } #gigya-verification-sent-screen input.disabled[type="button"], #gigya-verification-sent-screen input[disabled][type="button"], .btn.disabled, .btn[disabled], .disabled.gigya-input-submit, .gigya-input-submit[disabled] { cursor: default; background-image: none; opacity: 0.65; } .btn--primary { background-color: #ffd800; } .btn--primary, .btn--primary:link, .btn--primary:visited { color: #000; } .btn--primary:active, .btn--primary:focus, .btn--primary:hover { background-color: #ffd800; background-position: 0 2px; } .btn--cta { position: relative; padding-left: 2em; padding-right: 2em; background-color: transparent; max-width: 100%; text-overflow: ellipsis; overflow: hidden; z-index: 1; } .btn--cta, .btn--cta:link, .btn--cta:visited { color: #000; } .btn--cta:active, .btn--cta:focus, .btn--cta:hover { background-color: transparent; background-position: 0 2px; } .btn--cta:before { content: ""; position: absolute; top: 0; right: 10px; left: 10px; height: 100%; z-index: -1; transform-origin: 50%; transform: skewX(-25deg); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .btn--cta:hover:before { transform: skewX(25deg); } .lt-ie10 .btn--cta:hover:before { background-color: #ccad00; } .btn--invalid { opacity: 1 !important; } .btn--invalid, .btn--invalid:link, .btn--invalid:visited { background-color: #ba0c2f; } .btn--invalid:active, .btn--invalid:focus, .btn--invalid:hover { background-color: #8a0923; } .btn--secondary, .btn--secondary:link, .btn--secondary:visited { background-color: #ffd800; color: #000; } .btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover { background-color: #ccad00; } .btn--tertiary, .btn--tertiary:link, .btn--tertiary:visited { background-color: #001e43; color: #ffd800; text-decoration: underline; } .btn--tertiary:active, .btn--tertiary:focus, .btn--tertiary:hover { background-color: #004090; text-decoration: underline; } .btn--block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn--block + .btn--block { margin-top: 10px; } .btn--tag { padding-left: 0.5em; padding-right: 0.5em; line-height: 2; height: 2em; margin-right: 0.5em; margin-bottom: 0.5em; } .btn--tag, .btn--tag:link, .btn--tag:visited { background-color: transparent; border: 1px solid #247eb3; color: #247eb3; } .btn--tag:active, .btn--tag:focus, .btn--tag:hover { color: #1c3775; border-color: currentColor; } .btn--tag.selected { background-color: #247eb3; color: #fff; } .btn--box { font-weight: 700; } .btn--box, .btn--box:link, .btn--box:visited { background-color: transparent; border: 2px solid #fff; color: #fff; } .btn--box:active, .btn--box:focus, .btn--box:hover { color: #ffd800; border-color: currentColor; } input[type="button"].btn--block, input[type="reset"].btn--block, input[type="submit"].btn--block { width: 100%; } .socialCTA { display: inline-block; width: 30px; height: 30px; margin-right: 5px; margin-left: 5px; background-color: #fff; background-size: 18px !important; vertical-align: middle; text-align: center; border-radius: 50%; padding: 6px; } .socialCTA, .socialCTA:link, .socialCTA:visited { color: #1c3775; } .socialCTA:link:hover, .socialCTA:visited:hover { color: #fff; background-color: #1c3775; } .socialCTA__footer { background-color: transparent; border: 1px solid #fff; padding: 5px; } .socialCTA__footer, .socialCTA__footer:link, .socialCTA__footer:visited { color: #fff; } .socialCTA__footer:link:hover, .socialCTA__footer:visited:hover { color: #1c3775; background-color: #fff; } .socialCTA-svg, .socialCTA svg { fill: currentColor; vertical-align: top; width: 18px; height: 18px; display: inline-block; position: relative; } .g-row { width: 100%; margin: 0 auto; } .g-row:after { content: ""; display: table; clear: both; } .g-row .g-row { min-width: 0; } .g-row .g-row .g-col { padding: 0; } .g-row.g-row-reverse { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .g-row.g-row-reverse .g-col { float: none !important; margin: 0; margin-right: 1.6949152542%; } .g-row.g-row-reverse .g-col:first-child { margin-right: 0; } @media print, screen and (max-width: 56.25em) { .g-row.g-row-reverse { display: block; } } @media print, screen and (min-width: 56.25em) { .g-col { float: left; min-height: 1px; position: relative; clear: none; box-sizing: border-box; margin-left: 1.6949152542%; } .g-col:first-child { margin-left: 0; } .g-col + .g-col:last-child { float: right; } .g-col + .g-col.end { float: left; } } .g-col.g-col--centered, .g-col.g-col--centred { float: none; margin: 0 auto; } @media print, screen and (min-width: 56.25em) { .g-span1 { width: 6.7796610169%; } .g-span2 { width: 15.2542372881%; } .g-span3 { width: 23.7288135593%; } .g-span4 { width: 32.2033898305%; } .g-span5 { width: 40.6779661017%; } .g-span6 { width: 49.1525423729%; } .g-span7 { width: 57.6271186441%; } .g-span8 { width: 66.1016949153%; } .g-span9 { width: 74.5762711864%; } .g-span10 { width: 83.0508474576%; } .g-span11 { width: 91.5254237288%; } .g-span12 { width: 100%; } } .l-blockGrid { display: block; margin: 0; list-style-type: none; } .l-blockGrid:after { content: ""; display: table; clear: both; } .l-blockGrid > div, .l-blockGrid > li { display: block; height: auto; } @media print, screen and (min-width: 31.25em) and (max-width: 56.25em) { .l-blockGrid.l-blockGrid--1up--narrow > div, .l-blockGrid.l-blockGrid--1up--narrow > li { float: left; width: 100%; } .l-blockGrid.l-blockGrid--1up--narrow > div:nth-of-type(1n + 1), .l-blockGrid.l-blockGrid--1up--narrow > li:nth-of-type(1n + 1) { clear: left; } .l-blockGrid.l-blockGrid--1up--narrow > div:not(:nth-of-type(1n + 1)), .l-blockGrid.l-blockGrid--1up--narrow > li:not(:nth-of-type(1n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--2up--narrow > div, .l-blockGrid.l-blockGrid--2up--narrow > li { float: left; width: 50%; } .l-blockGrid.l-blockGrid--2up--narrow > div:nth-of-type(odd), .l-blockGrid.l-blockGrid--2up--narrow > li:nth-of-type(odd) { clear: left; } .l-blockGrid.l-blockGrid--2up--narrow > div:not(:nth-of-type(odd)), .l-blockGrid.l-blockGrid--2up--narrow > li:not(:nth-of-type(odd)) { clear: none; } .l-blockGrid.l-blockGrid--3up--narrow > div, .l-blockGrid.l-blockGrid--3up--narrow > li { float: left; width: 33%; } .l-blockGrid.l-blockGrid--3up--narrow > div:nth-of-type(3n + 1), .l-blockGrid.l-blockGrid--3up--narrow > li:nth-of-type(3n + 1) { clear: left; } .l-blockGrid.l-blockGrid--3up--narrow > div:not(:nth-of-type(3n + 1)), .l-blockGrid.l-blockGrid--3up--narrow > li:not(:nth-of-type(3n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--4up--narrow > div, .l-blockGrid.l-blockGrid--4up--narrow > li { float: left; width: 25%; } .l-blockGrid.l-blockGrid--4up--narrow > div:nth-of-type(4n + 1), .l-blockGrid.l-blockGrid--4up--narrow > li:nth-of-type(4n + 1) { clear: left; } .l-blockGrid.l-blockGrid--4up--narrow > div:not(:nth-of-type(4n + 1)), .l-blockGrid.l-blockGrid--4up--narrow > li:not(:nth-of-type(4n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--5up--narrow > div, .l-blockGrid.l-blockGrid--5up--narrow > li { float: left; width: 20%; } .l-blockGrid.l-blockGrid--5up--narrow > div:nth-of-type(5n + 1), .l-blockGrid.l-blockGrid--5up--narrow > li:nth-of-type(5n + 1) { clear: left; } .l-blockGrid.l-blockGrid--5up--narrow > div:not(:nth-of-type(5n + 1)), .l-blockGrid.l-blockGrid--5up--narrow > li:not(:nth-of-type(5n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--6up--narrow > div, .l-blockGrid.l-blockGrid--6up--narrow > li { float: left; width: 17%; } .l-blockGrid.l-blockGrid--6up--narrow > div:nth-of-type(6n + 1), .l-blockGrid.l-blockGrid--6up--narrow > li:nth-of-type(6n + 1) { clear: left; } .l-blockGrid.l-blockGrid--6up--narrow > div:not(:nth-of-type(6n + 1)), .l-blockGrid.l-blockGrid--6up--narrow > li:not(:nth-of-type(6n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--7up--narrow > div, .l-blockGrid.l-blockGrid--7up--narrow > li { float: left; width: 14%; } .l-blockGrid.l-blockGrid--7up--narrow > div:nth-of-type(7n + 1), .l-blockGrid.l-blockGrid--7up--narrow > li:nth-of-type(7n + 1) { clear: left; } .l-blockGrid.l-blockGrid--7up--narrow > div:not(:nth-of-type(7n + 1)), .l-blockGrid.l-blockGrid--7up--narrow > li:not(:nth-of-type(7n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--8up--narrow > div, .l-blockGrid.l-blockGrid--8up--narrow > li { float: left; width: 13%; } .l-blockGrid.l-blockGrid--8up--narrow > div:nth-of-type(8n + 1), .l-blockGrid.l-blockGrid--8up--narrow > li:nth-of-type(8n + 1) { clear: left; } .l-blockGrid.l-blockGrid--8up--narrow > div:not(:nth-of-type(8n + 1)), .l-blockGrid.l-blockGrid--8up--narrow > li:not(:nth-of-type(8n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--9up--narrow > div, .l-blockGrid.l-blockGrid--9up--narrow > li { float: left; width: 11%; } .l-blockGrid.l-blockGrid--9up--narrow > div:nth-of-type(9n + 1), .l-blockGrid.l-blockGrid--9up--narrow > li:nth-of-type(9n + 1) { clear: left; } .l-blockGrid.l-blockGrid--9up--narrow > div:not(:nth-of-type(9n + 1)), .l-blockGrid.l-blockGrid--9up--narrow > li:not(:nth-of-type(9n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--10up--narrow > div, .l-blockGrid.l-blockGrid--10up--narrow > li { float: left; width: 10%; } .l-blockGrid.l-blockGrid--10up--narrow > div:nth-of-type(10n + 1), .l-blockGrid.l-blockGrid--10up--narrow > li:nth-of-type(10n + 1) { clear: left; } .l-blockGrid.l-blockGrid--10up--narrow > div:not(:nth-of-type(10n + 1)), .l-blockGrid.l-blockGrid--10up--narrow > li:not(:nth-of-type(10n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--11up--narrow > div, .l-blockGrid.l-blockGrid--11up--narrow > li { float: left; width: 9%; } .l-blockGrid.l-blockGrid--11up--narrow > div:nth-of-type(11n + 1), .l-blockGrid.l-blockGrid--11up--narrow > li:nth-of-type(11n + 1) { clear: left; } .l-blockGrid.l-blockGrid--11up--narrow > div:not(:nth-of-type(11n + 1)), .l-blockGrid.l-blockGrid--11up--narrow > li:not(:nth-of-type(11n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--12up--narrow > div, .l-blockGrid.l-blockGrid--12up--narrow > li { float: left; width: 8%; } .l-blockGrid.l-blockGrid--12up--narrow > div:nth-of-type(12n + 1), .l-blockGrid.l-blockGrid--12up--narrow > li:nth-of-type(12n + 1) { clear: left; } .l-blockGrid.l-blockGrid--12up--narrow > div:not(:nth-of-type(12n + 1)), .l-blockGrid.l-blockGrid--12up--narrow > li:not(:nth-of-type(12n + 1)) { clear: none; } [dir="rtl"] .l-blockGrid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-blockGrid.equal-blockGrid, .l-blockGrid.equal-blockGrid > div, .l-blockGrid.equal-blockGrid > li, [dir="rtl"] .l-blockGrid { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 46.875em) { .l-blockGrid.l-blockGrid--1up--mid > div, .l-blockGrid.l-blockGrid--1up--mid > li { float: left; width: 100%; } .l-blockGrid.l-blockGrid--1up--mid > div:nth-of-type(1n + 1), .l-blockGrid.l-blockGrid--1up--mid > li:nth-of-type(1n + 1) { clear: left; } .l-blockGrid.l-blockGrid--1up--mid > div:not(:nth-of-type(1n + 1)), .l-blockGrid.l-blockGrid--1up--mid > li:not(:nth-of-type(1n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--2up--mid > div, .l-blockGrid.l-blockGrid--2up--mid > li { float: left; width: 50%; } .l-blockGrid.l-blockGrid--2up--mid > div:nth-of-type(odd), .l-blockGrid.l-blockGrid--2up--mid > li:nth-of-type(odd) { clear: left; } .l-blockGrid.l-blockGrid--2up--mid > div:not(:nth-of-type(odd)), .l-blockGrid.l-blockGrid--2up--mid > li:not(:nth-of-type(odd)) { clear: none; } .l-blockGrid.l-blockGrid--3up--mid > div, .l-blockGrid.l-blockGrid--3up--mid > li { float: left; width: 33%; } .l-blockGrid.l-blockGrid--3up--mid > div:nth-of-type(3n + 1), .l-blockGrid.l-blockGrid--3up--mid > li:nth-of-type(3n + 1) { clear: left; } .l-blockGrid.l-blockGrid--3up--mid > div:not(:nth-of-type(3n + 1)), .l-blockGrid.l-blockGrid--3up--mid > li:not(:nth-of-type(3n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--4up--mid > div, .l-blockGrid.l-blockGrid--4up--mid > li { float: left; width: 25%; } .l-blockGrid.l-blockGrid--4up--mid > div:nth-of-type(4n + 1), .l-blockGrid.l-blockGrid--4up--mid > li:nth-of-type(4n + 1) { clear: left; } .l-blockGrid.l-blockGrid--4up--mid > div:not(:nth-of-type(4n + 1)), .l-blockGrid.l-blockGrid--4up--mid > li:not(:nth-of-type(4n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--5up--mid > div, .l-blockGrid.l-blockGrid--5up--mid > li { float: left; width: 20%; } .l-blockGrid.l-blockGrid--5up--mid > div:nth-of-type(5n + 1), .l-blockGrid.l-blockGrid--5up--mid > li:nth-of-type(5n + 1) { clear: left; } .l-blockGrid.l-blockGrid--5up--mid > div:not(:nth-of-type(5n + 1)), .l-blockGrid.l-blockGrid--5up--mid > li:not(:nth-of-type(5n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--6up--mid > div, .l-blockGrid.l-blockGrid--6up--mid > li { float: left; width: 17%; } .l-blockGrid.l-blockGrid--6up--mid > div:nth-of-type(6n + 1), .l-blockGrid.l-blockGrid--6up--mid > li:nth-of-type(6n + 1) { clear: left; } .l-blockGrid.l-blockGrid--6up--mid > div:not(:nth-of-type(6n + 1)), .l-blockGrid.l-blockGrid--6up--mid > li:not(:nth-of-type(6n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--7up--mid > div, .l-blockGrid.l-blockGrid--7up--mid > li { float: left; width: 14%; } .l-blockGrid.l-blockGrid--7up--mid > div:nth-of-type(7n + 1), .l-blockGrid.l-blockGrid--7up--mid > li:nth-of-type(7n + 1) { clear: left; } .l-blockGrid.l-blockGrid--7up--mid > div:not(:nth-of-type(7n + 1)), .l-blockGrid.l-blockGrid--7up--mid > li:not(:nth-of-type(7n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--8up--mid > div, .l-blockGrid.l-blockGrid--8up--mid > li { float: left; width: 13%; } .l-blockGrid.l-blockGrid--8up--mid > div:nth-of-type(8n + 1), .l-blockGrid.l-blockGrid--8up--mid > li:nth-of-type(8n + 1) { clear: left; } .l-blockGrid.l-blockGrid--8up--mid > div:not(:nth-of-type(8n + 1)), .l-blockGrid.l-blockGrid--8up--mid > li:not(:nth-of-type(8n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--9up--mid > div, .l-blockGrid.l-blockGrid--9up--mid > li { float: left; width: 11%; } .l-blockGrid.l-blockGrid--9up--mid > div:nth-of-type(9n + 1), .l-blockGrid.l-blockGrid--9up--mid > li:nth-of-type(9n + 1) { clear: left; } .l-blockGrid.l-blockGrid--9up--mid > div:not(:nth-of-type(9n + 1)), .l-blockGrid.l-blockGrid--9up--mid > li:not(:nth-of-type(9n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--10up--mid > div, .l-blockGrid.l-blockGrid--10up--mid > li { float: left; width: 10%; } .l-blockGrid.l-blockGrid--10up--mid > div:nth-of-type(10n + 1), .l-blockGrid.l-blockGrid--10up--mid > li:nth-of-type(10n + 1) { clear: left; } .l-blockGrid.l-blockGrid--10up--mid > div:not(:nth-of-type(10n + 1)), .l-blockGrid.l-blockGrid--10up--mid > li:not(:nth-of-type(10n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--11up--mid > div, .l-blockGrid.l-blockGrid--11up--mid > li { float: left; width: 9%; } .l-blockGrid.l-blockGrid--11up--mid > div:nth-of-type(11n + 1), .l-blockGrid.l-blockGrid--11up--mid > li:nth-of-type(11n + 1) { clear: left; } .l-blockGrid.l-blockGrid--11up--mid > div:not(:nth-of-type(11n + 1)), .l-blockGrid.l-blockGrid--11up--mid > li:not(:nth-of-type(11n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--12up--mid > div, .l-blockGrid.l-blockGrid--12up--mid > li { float: left; width: 8%; } .l-blockGrid.l-blockGrid--12up--mid > div:nth-of-type(12n + 1), .l-blockGrid.l-blockGrid--12up--mid > li:nth-of-type(12n + 1) { clear: left; } .l-blockGrid.l-blockGrid--12up--mid > div:not(:nth-of-type(12n + 1)), .l-blockGrid.l-blockGrid--12up--mid > li:not(:nth-of-type(12n + 1)) { clear: none; } [dir="rtl"] .l-blockGrid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-blockGrid.equal-blockGrid, .l-blockGrid.equal-blockGrid > div, .l-blockGrid.equal-blockGrid > li, [dir="rtl"] .l-blockGrid { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 56.25em) { .l-blockGrid.l-blockGrid--1up > div, .l-blockGrid.l-blockGrid--1up > li { float: left; width: 100%; } .l-blockGrid.l-blockGrid--1up > div:nth-of-type(1n + 1), .l-blockGrid.l-blockGrid--1up > li:nth-of-type(1n + 1) { clear: left; } .l-blockGrid.l-blockGrid--1up > div:not(:nth-of-type(1n + 1)), .l-blockGrid.l-blockGrid--1up > li:not(:nth-of-type(1n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--2up > div, .l-blockGrid.l-blockGrid--2up > li { float: left; width: 50%; } .l-blockGrid.l-blockGrid--2up > div:nth-of-type(odd), .l-blockGrid.l-blockGrid--2up > li:nth-of-type(odd) { clear: left; } .l-blockGrid.l-blockGrid--2up > div:not(:nth-of-type(odd)), .l-blockGrid.l-blockGrid--2up > li:not(:nth-of-type(odd)) { clear: none; } .l-blockGrid.l-blockGrid--3up > div, .l-blockGrid.l-blockGrid--3up > li { float: left; width: 33%; } .l-blockGrid.l-blockGrid--3up > div:nth-of-type(3n + 1), .l-blockGrid.l-blockGrid--3up > li:nth-of-type(3n + 1) { clear: left; } .l-blockGrid.l-blockGrid--3up > div:not(:nth-of-type(3n + 1)), .l-blockGrid.l-blockGrid--3up > li:not(:nth-of-type(3n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--4up > div, .l-blockGrid.l-blockGrid--4up > li { float: left; width: 25%; } .l-blockGrid.l-blockGrid--4up > div:nth-of-type(4n + 1), .l-blockGrid.l-blockGrid--4up > li:nth-of-type(4n + 1) { clear: left; } .l-blockGrid.l-blockGrid--4up > div:not(:nth-of-type(4n + 1)), .l-blockGrid.l-blockGrid--4up > li:not(:nth-of-type(4n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--5up > div, .l-blockGrid.l-blockGrid--5up > li { float: left; width: 20%; } .l-blockGrid.l-blockGrid--5up > div:nth-of-type(5n + 1), .l-blockGrid.l-blockGrid--5up > li:nth-of-type(5n + 1) { clear: left; } .l-blockGrid.l-blockGrid--5up > div:not(:nth-of-type(5n + 1)), .l-blockGrid.l-blockGrid--5up > li:not(:nth-of-type(5n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--6up > div, .l-blockGrid.l-blockGrid--6up > li { float: left; width: 17%; } .l-blockGrid.l-blockGrid--6up > div:nth-of-type(6n + 1), .l-blockGrid.l-blockGrid--6up > li:nth-of-type(6n + 1) { clear: left; } .l-blockGrid.l-blockGrid--6up > div:not(:nth-of-type(6n + 1)), .l-blockGrid.l-blockGrid--6up > li:not(:nth-of-type(6n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--7up > div, .l-blockGrid.l-blockGrid--7up > li { float: left; width: 14%; } .l-blockGrid.l-blockGrid--7up > div:nth-of-type(7n + 1), .l-blockGrid.l-blockGrid--7up > li:nth-of-type(7n + 1) { clear: left; } .l-blockGrid.l-blockGrid--7up > div:not(:nth-of-type(7n + 1)), .l-blockGrid.l-blockGrid--7up > li:not(:nth-of-type(7n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--8up > div, .l-blockGrid.l-blockGrid--8up > li { float: left; width: 13%; } .l-blockGrid.l-blockGrid--8up > div:nth-of-type(8n + 1), .l-blockGrid.l-blockGrid--8up > li:nth-of-type(8n + 1) { clear: left; } .l-blockGrid.l-blockGrid--8up > div:not(:nth-of-type(8n + 1)), .l-blockGrid.l-blockGrid--8up > li:not(:nth-of-type(8n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--9up > div, .l-blockGrid.l-blockGrid--9up > li { float: left; width: 11%; } .l-blockGrid.l-blockGrid--9up > div:nth-of-type(9n + 1), .l-blockGrid.l-blockGrid--9up > li:nth-of-type(9n + 1) { clear: left; } .l-blockGrid.l-blockGrid--9up > div:not(:nth-of-type(9n + 1)), .l-blockGrid.l-blockGrid--9up > li:not(:nth-of-type(9n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--10up > div, .l-blockGrid.l-blockGrid--10up > li { float: left; width: 10%; } .l-blockGrid.l-blockGrid--10up > div:nth-of-type(10n + 1), .l-blockGrid.l-blockGrid--10up > li:nth-of-type(10n + 1) { clear: left; } .l-blockGrid.l-blockGrid--10up > div:not(:nth-of-type(10n + 1)), .l-blockGrid.l-blockGrid--10up > li:not(:nth-of-type(10n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--11up > div, .l-blockGrid.l-blockGrid--11up > li { float: left; width: 9%; } .l-blockGrid.l-blockGrid--11up > div:nth-of-type(11n + 1), .l-blockGrid.l-blockGrid--11up > li:nth-of-type(11n + 1) { clear: left; } .l-blockGrid.l-blockGrid--11up > div:not(:nth-of-type(11n + 1)), .l-blockGrid.l-blockGrid--11up > li:not(:nth-of-type(11n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--12up > div, .l-blockGrid.l-blockGrid--12up > li { float: left; width: 8%; } .l-blockGrid.l-blockGrid--12up > div:nth-of-type(12n + 1), .l-blockGrid.l-blockGrid--12up > li:nth-of-type(12n + 1) { clear: left; } .l-blockGrid.l-blockGrid--12up > div:not(:nth-of-type(12n + 1)), .l-blockGrid.l-blockGrid--12up > li:not(:nth-of-type(12n + 1)) { clear: none; } [dir="rtl"] .l-blockGrid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-blockGrid.equal-blockGrid, .l-blockGrid.equal-blockGrid > div, .l-blockGrid.equal-blockGrid > li, [dir="rtl"] .l-blockGrid { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 62.5em) { .l-blockGrid.l-blockGrid--1up--wide > div, .l-blockGrid.l-blockGrid--1up--wide > li { float: left; width: 100%; } .l-blockGrid.l-blockGrid--1up--wide > div:nth-of-type(1n + 1), .l-blockGrid.l-blockGrid--1up--wide > li:nth-of-type(1n + 1) { clear: left; } .l-blockGrid.l-blockGrid--1up--wide > div:not(:nth-of-type(1n + 1)), .l-blockGrid.l-blockGrid--1up--wide > li:not(:nth-of-type(1n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--2up--wide > div, .l-blockGrid.l-blockGrid--2up--wide > li { float: left; width: 50%; } .l-blockGrid.l-blockGrid--2up--wide > div:nth-of-type(odd), .l-blockGrid.l-blockGrid--2up--wide > li:nth-of-type(odd) { clear: left; } .l-blockGrid.l-blockGrid--2up--wide > div:not(:nth-of-type(odd)), .l-blockGrid.l-blockGrid--2up--wide > li:not(:nth-of-type(odd)) { clear: none; } .l-blockGrid.l-blockGrid--3up--wide > div, .l-blockGrid.l-blockGrid--3up--wide > li { float: left; width: 33%; } .l-blockGrid.l-blockGrid--3up--wide > div:nth-of-type(3n + 1), .l-blockGrid.l-blockGrid--3up--wide > li:nth-of-type(3n + 1) { clear: left; } .l-blockGrid.l-blockGrid--3up--wide > div:not(:nth-of-type(3n + 1)), .l-blockGrid.l-blockGrid--3up--wide > li:not(:nth-of-type(3n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--4up--wide > div, .l-blockGrid.l-blockGrid--4up--wide > li { float: left; width: 25%; } .l-blockGrid.l-blockGrid--4up--wide > div:nth-of-type(4n + 1), .l-blockGrid.l-blockGrid--4up--wide > li:nth-of-type(4n + 1) { clear: left; } .l-blockGrid.l-blockGrid--4up--wide > div:not(:nth-of-type(4n + 1)), .l-blockGrid.l-blockGrid--4up--wide > li:not(:nth-of-type(4n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--5up--wide > div, .l-blockGrid.l-blockGrid--5up--wide > li { float: left; width: 20%; } .l-blockGrid.l-blockGrid--5up--wide > div:nth-of-type(5n + 1), .l-blockGrid.l-blockGrid--5up--wide > li:nth-of-type(5n + 1) { clear: left; } .l-blockGrid.l-blockGrid--5up--wide > div:not(:nth-of-type(5n + 1)), .l-blockGrid.l-blockGrid--5up--wide > li:not(:nth-of-type(5n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--6up--wide > div, .l-blockGrid.l-blockGrid--6up--wide > li { float: left; width: 17%; } .l-blockGrid.l-blockGrid--6up--wide > div:nth-of-type(6n + 1), .l-blockGrid.l-blockGrid--6up--wide > li:nth-of-type(6n + 1) { clear: left; } .l-blockGrid.l-blockGrid--6up--wide > div:not(:nth-of-type(6n + 1)), .l-blockGrid.l-blockGrid--6up--wide > li:not(:nth-of-type(6n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--7up--wide > div, .l-blockGrid.l-blockGrid--7up--wide > li { float: left; width: 14%; } .l-blockGrid.l-blockGrid--7up--wide > div:nth-of-type(7n + 1), .l-blockGrid.l-blockGrid--7up--wide > li:nth-of-type(7n + 1) { clear: left; } .l-blockGrid.l-blockGrid--7up--wide > div:not(:nth-of-type(7n + 1)), .l-blockGrid.l-blockGrid--7up--wide > li:not(:nth-of-type(7n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--8up--wide > div, .l-blockGrid.l-blockGrid--8up--wide > li { float: left; width: 13%; } .l-blockGrid.l-blockGrid--8up--wide > div:nth-of-type(8n + 1), .l-blockGrid.l-blockGrid--8up--wide > li:nth-of-type(8n + 1) { clear: left; } .l-blockGrid.l-blockGrid--8up--wide > div:not(:nth-of-type(8n + 1)), .l-blockGrid.l-blockGrid--8up--wide > li:not(:nth-of-type(8n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--9up--wide > div, .l-blockGrid.l-blockGrid--9up--wide > li { float: left; width: 11%; } .l-blockGrid.l-blockGrid--9up--wide > div:nth-of-type(9n + 1), .l-blockGrid.l-blockGrid--9up--wide > li:nth-of-type(9n + 1) { clear: left; } .l-blockGrid.l-blockGrid--9up--wide > div:not(:nth-of-type(9n + 1)), .l-blockGrid.l-blockGrid--9up--wide > li:not(:nth-of-type(9n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--10up--wide > div, .l-blockGrid.l-blockGrid--10up--wide > li { float: left; width: 10%; } .l-blockGrid.l-blockGrid--10up--wide > div:nth-of-type(10n + 1), .l-blockGrid.l-blockGrid--10up--wide > li:nth-of-type(10n + 1) { clear: left; } .l-blockGrid.l-blockGrid--10up--wide > div:not(:nth-of-type(10n + 1)), .l-blockGrid.l-blockGrid--10up--wide > li:not(:nth-of-type(10n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--11up--wide > div, .l-blockGrid.l-blockGrid--11up--wide > li { float: left; width: 9%; } .l-blockGrid.l-blockGrid--11up--wide > div:nth-of-type(11n + 1), .l-blockGrid.l-blockGrid--11up--wide > li:nth-of-type(11n + 1) { clear: left; } .l-blockGrid.l-blockGrid--11up--wide > div:not(:nth-of-type(11n + 1)), .l-blockGrid.l-blockGrid--11up--wide > li:not(:nth-of-type(11n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--12up--wide > div, .l-blockGrid.l-blockGrid--12up--wide > li { float: left; width: 8%; } .l-blockGrid.l-blockGrid--12up--wide > div:nth-of-type(12n + 1), .l-blockGrid.l-blockGrid--12up--wide > li:nth-of-type(12n + 1) { clear: left; } .l-blockGrid.l-blockGrid--12up--wide > div:not(:nth-of-type(12n + 1)), .l-blockGrid.l-blockGrid--12up--wide > li:not(:nth-of-type(12n + 1)) { clear: none; } [dir="rtl"] .l-blockGrid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-blockGrid.equal-blockGrid, .l-blockGrid.equal-blockGrid > div, .l-blockGrid.equal-blockGrid > li, [dir="rtl"] .l-blockGrid { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 78.125em) { .l-blockGrid.l-blockGrid--1up--huge > div, .l-blockGrid.l-blockGrid--1up--huge > li { float: left; width: 100%; } .l-blockGrid.l-blockGrid--1up--huge > div:nth-of-type(1n + 1), .l-blockGrid.l-blockGrid--1up--huge > li:nth-of-type(1n + 1) { clear: left; } .l-blockGrid.l-blockGrid--1up--huge > div:not(:nth-of-type(1n + 1)), .l-blockGrid.l-blockGrid--1up--huge > li:not(:nth-of-type(1n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--2up--huge > div, .l-blockGrid.l-blockGrid--2up--huge > li { float: left; width: 50%; } .l-blockGrid.l-blockGrid--2up--huge > div:nth-of-type(odd), .l-blockGrid.l-blockGrid--2up--huge > li:nth-of-type(odd) { clear: left; } .l-blockGrid.l-blockGrid--2up--huge > div:not(:nth-of-type(odd)), .l-blockGrid.l-blockGrid--2up--huge > li:not(:nth-of-type(odd)) { clear: none; } .l-blockGrid.l-blockGrid--3up--huge > div, .l-blockGrid.l-blockGrid--3up--huge > li { float: left; width: 33%; } .l-blockGrid.l-blockGrid--3up--huge > div:nth-of-type(3n + 1), .l-blockGrid.l-blockGrid--3up--huge > li:nth-of-type(3n + 1) { clear: left; } .l-blockGrid.l-blockGrid--3up--huge > div:not(:nth-of-type(3n + 1)), .l-blockGrid.l-blockGrid--3up--huge > li:not(:nth-of-type(3n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--4up--huge > div, .l-blockGrid.l-blockGrid--4up--huge > li { float: left; width: 25%; } .l-blockGrid.l-blockGrid--4up--huge > div:nth-of-type(4n + 1), .l-blockGrid.l-blockGrid--4up--huge > li:nth-of-type(4n + 1) { clear: left; } .l-blockGrid.l-blockGrid--4up--huge > div:not(:nth-of-type(4n + 1)), .l-blockGrid.l-blockGrid--4up--huge > li:not(:nth-of-type(4n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--5up--huge > div, .l-blockGrid.l-blockGrid--5up--huge > li { float: left; width: 20%; } .l-blockGrid.l-blockGrid--5up--huge > div:nth-of-type(5n + 1), .l-blockGrid.l-blockGrid--5up--huge > li:nth-of-type(5n + 1) { clear: left; } .l-blockGrid.l-blockGrid--5up--huge > div:not(:nth-of-type(5n + 1)), .l-blockGrid.l-blockGrid--5up--huge > li:not(:nth-of-type(5n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--6up--huge > div, .l-blockGrid.l-blockGrid--6up--huge > li { float: left; width: 17%; } .l-blockGrid.l-blockGrid--6up--huge > div:nth-of-type(6n + 1), .l-blockGrid.l-blockGrid--6up--huge > li:nth-of-type(6n + 1) { clear: left; } .l-blockGrid.l-blockGrid--6up--huge > div:not(:nth-of-type(6n + 1)), .l-blockGrid.l-blockGrid--6up--huge > li:not(:nth-of-type(6n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--7up--huge > div, .l-blockGrid.l-blockGrid--7up--huge > li { float: left; width: 14%; } .l-blockGrid.l-blockGrid--7up--huge > div:nth-of-type(7n + 1), .l-blockGrid.l-blockGrid--7up--huge > li:nth-of-type(7n + 1) { clear: left; } .l-blockGrid.l-blockGrid--7up--huge > div:not(:nth-of-type(7n + 1)), .l-blockGrid.l-blockGrid--7up--huge > li:not(:nth-of-type(7n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--8up--huge > div, .l-blockGrid.l-blockGrid--8up--huge > li { float: left; width: 13%; } .l-blockGrid.l-blockGrid--8up--huge > div:nth-of-type(8n + 1), .l-blockGrid.l-blockGrid--8up--huge > li:nth-of-type(8n + 1) { clear: left; } .l-blockGrid.l-blockGrid--8up--huge > div:not(:nth-of-type(8n + 1)), .l-blockGrid.l-blockGrid--8up--huge > li:not(:nth-of-type(8n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--9up--huge > div, .l-blockGrid.l-blockGrid--9up--huge > li { float: left; width: 11%; } .l-blockGrid.l-blockGrid--9up--huge > div:nth-of-type(9n + 1), .l-blockGrid.l-blockGrid--9up--huge > li:nth-of-type(9n + 1) { clear: left; } .l-blockGrid.l-blockGrid--9up--huge > div:not(:nth-of-type(9n + 1)), .l-blockGrid.l-blockGrid--9up--huge > li:not(:nth-of-type(9n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--10up--huge > div, .l-blockGrid.l-blockGrid--10up--huge > li { float: left; width: 10%; } .l-blockGrid.l-blockGrid--10up--huge > div:nth-of-type(10n + 1), .l-blockGrid.l-blockGrid--10up--huge > li:nth-of-type(10n + 1) { clear: left; } .l-blockGrid.l-blockGrid--10up--huge > div:not(:nth-of-type(10n + 1)), .l-blockGrid.l-blockGrid--10up--huge > li:not(:nth-of-type(10n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--11up--huge > div, .l-blockGrid.l-blockGrid--11up--huge > li { float: left; width: 9%; } .l-blockGrid.l-blockGrid--11up--huge > div:nth-of-type(11n + 1), .l-blockGrid.l-blockGrid--11up--huge > li:nth-of-type(11n + 1) { clear: left; } .l-blockGrid.l-blockGrid--11up--huge > div:not(:nth-of-type(11n + 1)), .l-blockGrid.l-blockGrid--11up--huge > li:not(:nth-of-type(11n + 1)) { clear: none; } .l-blockGrid.l-blockGrid--12up--huge > div, .l-blockGrid.l-blockGrid--12up--huge > li { float: left; width: 8%; } .l-blockGrid.l-blockGrid--12up--huge > div:nth-of-type(12n + 1), .l-blockGrid.l-blockGrid--12up--huge > li:nth-of-type(12n + 1) { clear: left; } .l-blockGrid.l-blockGrid--12up--huge > div:not(:nth-of-type(12n + 1)), .l-blockGrid.l-blockGrid--12up--huge > li:not(:nth-of-type(12n + 1)) { clear: none; } [dir="rtl"] .l-blockGrid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-blockGrid.equal-blockGrid, .l-blockGrid.equal-blockGrid > div, .l-blockGrid.equal-blockGrid > li, [dir="rtl"] .l-blockGrid { display: -ms-flexbox; display: flex; } } .l-blockGrid--guttered { margin-left: -20px; } .l-blockGrid--guttered > div, .l-blockGrid--guttered > li { padding-left: 20px; } .l-blockGrid--tiled { margin-left: -20px; } [dir="rtl"] .l-blockGrid--tiled { margin-left: 0; margin-right: -20px; } .l-blockGrid--tiled > div, .l-blockGrid--tiled > li { padding-left: 20px; padding-bottom: 20px; } [dir="rtl"] .l-blockGrid--tiled > div, [dir="rtl"] .l-blockGrid--tiled > li { padding-left: 0; padding-right: 20px; } @media print, screen and (max-width: 56.25em) { .l-blockGrid--product > div, .l-blockGrid--product > li { width: 100%; } } ul { list-style-type: disc; } ol { list-style-type: decimal; } ol, ul { margin: 0 0 24px 24px; padding: 0; } ol ol, ol ul, ul ol, ul ul { margin-left: 48px; } ol ul, ul ul { list-style-type: circle; } ol ul ul, ul ul ul { list-style-type: square; } ol ol, ul ol { list-style-type: upper-roman; } ol ol ol, ul ol ol { list-style-type: lower-roman; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .attributes, .l-tabsContent, .tabNav, .unstyled { margin: 0; padding: 0; list-style: none; list-style-image: none; } dl { margin-bottom: 24px; } dt { font-weight: 700; } dd { margin-left: 24px; } .l-list--centered, .l-list--centred { text-align: center; } .l-list--centered > div, .l-list--centered li, .l-list--centred > div, .l-list--centred li { display: inline; } .l-list--floated:after { content: ""; display: table; clear: both; } .l-list--floated > div, .l-list--floated li { float: left; display: inline-block; } .l-list-alphabetical { list-style-type: lower-alpha; } img { font-style: italic; color: #c00; border: 0; -ms-interpolation-mode: bicubic; } img.img--left { margin: 0 20px 0 0; } img.img--right { margin: 0 0 0 20px; } svg:not(:root) { overflow: hidden; } embed, img, object, video { max-width: 100%; } .imgCircular { border-radius: 50%; } .movie { position: relative; overflow: hidden; } .movie-poster { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50%; color: #ffd800; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .movie-poster:hover { cursor: pointer; } .movie-poster:hover .movie-poster-play { transform: scale(1.1); } .fullwidth-video, .fullwidth-video + div { margin-bottom: 48px; } .movie-poster-play { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .movie-poster-play:before { content: " "; position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 3px solid #ffd800; border-radius: 50%; } .movie-poster-play:after { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -10px; margin-left: -5px; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #ffd800; } .media { display: table; width: 100%; } [dir="rtl"] .media { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } [dir="rtl"] .media.media--infoList, [dir="rtl"] .media.media--top { -ms-flex-direction: row; flex-direction: row; } .media.media--infoList i { color: #1c3775; } .media-body, .media-img { display: table-cell; vertical-align: middle; } .media--top .media-body, .media--top .media-img { vertical-align: top; } .media--bottom .media-body, .media--bottom .media-img { vertical-align: bottom; } [dir="rtl"] .media--infoList .media-body, [dir="rtl"] .media--infoList .media-img { display: inline; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } [dir="rtl"] .media__air { display: table; } .media-body { width: 100%; } .media-img { padding-right: 10px; } [dir="rtl"] .media-img { padding-right: 0; padding-left: 10px; } .media-img > img { display: block; max-width: none; } .media--rev .media-img { padding-right: 0; padding-left: 10px; } [dir="rtl"] .media--rev .media-img { padding-right: 10px; padding-left: 0; } @media print, screen and (max-width: 56.25em) { .media--rwdMax .media-body, .media--rwdMax .media-img { display: block; } } @media print, screen and (min-width: 56.25em) { .media--rwdMin .media-body, .media--rwdMin .media-img { display: block; } } .media--address { margin-bottom: 24px; } [dir="rtl"] .media--address { -ms-flex-direction: row; flex-direction: row; } .media--address .media-img { padding-right: 12px; } [dir="rtl"] .media--address .media-img { padding-right: 0; padding-left: 12px; } .media--iconLink { transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .media--iconLink + .media--iconLink { margin-top: 24px; } .media--iconLink, .media--iconLink:link, .media--iconLink:visited { color: #fff; } .media--iconLink .icon--circle, .media--iconLink:link .icon--circle, .media--iconLink:visited .icon--circle { color: #fff !important; fill: #fff !important; } .media--iconLink:active, .media--iconLink:focus, .media--iconLink:hover { background-color: transparent; color: #ffd800; } .media--iconLink:active .icon--circle, .media--iconLink:focus .icon--circle, .media--iconLink:hover .icon--circle { border-color: #ffd800; } .media--iconLink .media-img { padding-right: 12px; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .media--iconLink .media-body { word-break: break-all; } [dir="rtl"] .media--iconLink .media-body { text-align: left; } [dir="rtl"] .media--iconLink { display: table; } [dir="rtl"] .media--iconLink .media-body { text-align: right; } [dir="rtl"] .media--iconLink .media-img { padding-right: 0; padding-left: 12px; } .g-flexible { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 31.25em) { .g-flexible { -ms-flex-direction: row; flex-direction: row; } } .media--iconLink--footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; } .media--iconLink--footer .media-body { text-align: left; word-break: normal !important; width: auto !important; } .media--iconLink--footer .media-img { width: 70px; } .media--iconLink--footer:last-child { margin-bottom: 24px; } .media--iconLink--footer .country-selected { color: #fff; text-transform: uppercase; } @media print, screen and (min-width: 31.25em) { .media--iconLink--footer { -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-negative: 1; flex-shrink: 1; margin: 24px 1.5% 24px 1% !important; -ms-flex-pack: center; justify-content: center; } .media--iconLink--footer:first-child { -ms-flex-pack: end; justify-content: flex-end; } .media--iconLink--footer:last-child { -ms-flex-positive: 1.2; flex-grow: 1.2; margin: 24px 1% 24px 1.5% !important; } [dir="rtl"] .media--iconLink--footer { -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 31.25em) { .g-col:not(.g-flexible) .media--iconLink--footer { display: inline-block; max-width: 40%; } } .media--iconLink-note { color: #fff; font-size: 12px; font-size: 0.75rem; -ms-hyphens: auto; hyphens: auto; } [dir="rtl"] .media--iconLink-note { font-size: 10px; font-size: 0.58rem; } .media--levelup { min-height: 21px; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } @media print, screen and (min-width: 56.25em) { .media--levelup { min-height: 39px; } } .media--levelup, .media--levelup:link, .media--levelup:visited { color: #fefeff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .media--levelup:active, .media--levelup:focus, .media--levelup:hover { color: #ffd800; } .media--levelup:active .icon--circle, .media--levelup:focus .icon--circle, .media--levelup:hover .icon--circle { border-color: #ffd800; } .media--levelup .icon--circle { width: 21px; height: 21px; border: 1px solid #ffffeb; background-size: 10px; } @media print, screen and (min-width: 56.25em) { .media--levelup .icon--circle { width: 39px; height: 39px; border: 2px solid #ffffeb; } } .media--levelup .icon--circle i { width: 90%; height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } .media--levelup .icon--circle i svg { width: 100%; height: 100%; } @media print, screen and (max-width: 46.875em) { .media--levelup .media-body { font-size: 14px; font-size: 0.875rem; } } .hero--split .media--levelup, .hero .media--levelup { position: absolute; top: 24px; left: 24px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } @media print, screen and (min-width: 56.25em) { .hero--split .media--levelup, .hero .media--levelup { top: 24px; left: 0; } } [dir="rtl"] .hero--split .media--levelup, [dir="rtl"] .hero .media--levelup { left: auto; right: 24px; width: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; } @media print, screen and (min-width: 56.25em) { [dir="rtl"] .hero--split .media--levelup, [dir="rtl"] .hero .media--levelup { right: 0; } } [dir="rtl"] .hero--split .media--levelup .icon, [dir="rtl"] .hero .media--levelup .icon { display: block; } .hero--split .media--levelup, .hero--split .media--levelup:link, .hero--split .media--levelup:visited { color: #1c3775; text-shadow: none; } .hero--split .media--levelup .icon--circle, .hero--split .media--levelup:link .icon--circle, .hero--split .media--levelup:visited .icon--circle { border-color: #1c3775; } .hero--split .media--levelup:active, .hero--split .media--levelup:focus, .hero--split .media--levelup:hover { color: #ffd800; } .hero--split .media--levelup:active .icon--circle, .hero--split .media--levelup:focus .icon--circle, .hero--split .media--levelup:hover .icon--circle { border-color: #ffd800; } .hero--media-left .media--levelup, .hero--media-left .media--levelup:link, .hero--media-left .media--levelup:visited { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .hero--media-left .media--levelup .icon--circle, .hero--media-left .media--levelup:link .icon--circle, .hero--media-left .media--levelup:visited .icon--circle { border-color: #fff; } .hero--media-left .media--levelup:active, .hero--media-left .media--levelup:focus, .hero--media-left .media--levelup:hover { color: #ffd800; } .hero--media-left .media--levelup:active .icon--circle, .hero--media-left .media--levelup:focus .icon--circle, .hero--media-left .media--levelup:hover .icon--circle { border-color: #ffd800; } .media--infoList a { border-bottom: 2px solid; } .media--infoList .media-body { line-height: 1.3; } .media--infoList--tall + .media--infoList--tall { margin-top: 24px; } .media--infoList--tall h3 { margin-bottom: 0.5em; } .media--infoList--tall li { line-height: 1.5; } .fluidVideo { position: relative; height: 0; padding-bottom: 56.25%; } .fluidVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tabNav { margin-bottom: 24px; text-align: center; } .tabNav:after { content: ""; display: table; clear: both; } .tabNav-tab { float: left; } .tabNav-tab--half { width: 50%; } .tabNav-tab-btn { position: relative; display: block; background-color: #ffffeb; color: #247eb3; } .tabNav-tab-btn.is-active { color: #1c3775; background-color: #e6e6d5; } .tabNav-tab-btn.is-active:after { content: ""; } .tabNav-tab-btn:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -10px; border-style: solid; border-width: 10px 10px 0; border-color: #e6e6d5 transparent transparent; } .tabNav--recipes { margin-bottom: 0; text-transform: uppercase; } .tabNav--recipes .tabNav-tab-btn { padding: 1em; } .tabNav { position: relative; display: none; z-index: 1; } .rspTabs .tabNav { display: block; } .rspTabs .tabbedContent { display: none; } .rspTabs .tabbedContent.is-active { display: block; } .tabbedContent--padded { padding-top: 48px; } .l-tabsContent-item { display: none; } .l-tabsContent-item.is-active { display: block; } table { width: 100%; max-width: 100%; margin-bottom: 24px; border-spacing: 0; } table td, table th { padding: 12px; text-align: center; vertical-align: middle; } table td:first-child, table th:first-child { text-align: left; } @media print, screen and (min-width: 46.875em) { table td:first-child, table th:first-child { padding-left: 40px; } } table td:not(:first-child), table th:not(:first-child) { text-align: right; } @media print, screen and (min-width: 46.875em) { table td:last-child, table th:last-child { padding-right: 40px; } } table table { background-color: #fff; } th, tr.header td { padding: 15px 0; background-color: #1c3775; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 1.4; font-weight: 400; text-align: center; text-transform: uppercase; vertical-align: top; } @media print, screen and (max-width: 56.25em) { th, tr.header td { height: 44px; font-size: 14px; } } td { padding: 10px 0; color: #1c3775; font-size: 18px; font-size: 1.125rem; line-height: 1.4; } @media print, screen and (max-width: 56.25em) { td { padding: 8px 0; font-size: 14px; } } tr:not(:last-child) { border-bottom: 1px solid #1c3775; } @media print, screen and (max-width: 56.25em) { tr:nth-child(2) td { padding-top: 17px; } } @media print, screen and (max-width: 56.25em) { tr:last-child td { padding-bottom: 17px; } } @media print, screen and (max-width: 56.25em) { .tableResponsive { position: relative; width: 100%; margin-bottom: 5px; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .tableResponsive > table { margin: 0; } .tableResponsive th { width: 145px; } } .tableResponsive-indicator { text-align: center; margin-bottom: 24px; font-size: 14px; font-size: 0.875rem; font-weight: 700; color: #888; } .tableResponsive-indicator:before { content: "\276E"; display: inline-block; margin-right: 5px; } .tableResponsive-indicator:after { content: "\276F"; display: inline-block; margin-left: 5px; } @media print, screen and (min-width: 56.25em) { .tableResponsive-indicator { display: none; } } #barillaGigya-page--unsub table td, #barillaGigya-page--unsub table th, .table--reset td, .table--reset th { background-color: transparent; } .skipToContent { position: relative; text-align: center; height: 0; } .skipToContent a { position: relative; top: -100px; z-index: 10; background-color: #fff; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .skipToContent a:focus { top: 5px; } .bio-list { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.5rem; } .bio-list__end { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } .bio-list__button { display: block; margin: 1.5rem auto 0; } .bio-list__button--hide { display: none; } .bio { width: 320px; background-color: #1c3775; border: 8px solid #e5e8eb; margin: 0.75rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .bio--hide { display: none; } .bio__image { height: 200px; background-size: cover; background-position: 50%; } .bio__content { padding: 1.75rem 1.25rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; } .bio__content-title { color: #fff; font-size: 1.35rem; margin-bottom: 1rem; } .bio__content-body { color: #fff; opacity: 0.8; -ms-flex-positive: 1; flex-grow: 1; } .bio__content-cta { -ms-flex-item-align: start; align-self: flex-start; } .bio--secondary { border-color: #ffd800; } .bio--secondary .bio__content-title { color: #ffd800; } .bio__person { border: none; background-color: transparent; } .coupon { margin-bottom: 48px; } .coupon:not(.coupon:first-child) { margin-top: 48px; } .coupon__header { background-color: #1c3775; padding: 12px; margin-bottom: 24px; } .coupon__header__clean { background-color: transparent; padding: 0; } @media print, screen and (max-width: 46.875em) { .coupon__header__clean { padding-left: 1rem; padding-right: 1rem; } } .coupon__title:not(.__clean) { color: #f9f8fe; font-size: 20px; font-size: 1.25rem; margin: 0; padding: 12px; text-align: center; position: relative; border: 2px dashed #f9f8fe; overflow-wrap: break-word; } .coupon__title:not(.__clean):after { content: ""; width: 32px; height: 20px; position: absolute; top: 0; left: 10%; transform: translateY(-50%); background: #1c3775 url(../img/scissors.svg); background-size: cover; } .coupon__title__clean { font-size: 20px; font-size: 1.25rem; overflow-wrap: break-word; } @media print, screen and (max-width: 46.875em) { .coupon__content { padding-left: 1rem; padding-right: 1rem; } } .coupon__exceeded, .coupon__failure, .coupon__input, .coupon__loading, .coupon__success { display: none; } .coupon__options { margin-bottom: 12px; } .coupon__small { font-size: 0.8em; } .coupon--loading .coupon__download, .coupon--loading .coupon__info, .coupon--loading .coupon__options, .coupon--loading .coupon__question { display: none; } .coupon--loading.coupon--needs-input .coupon__input { display: block; } .coupon--loading.coupon--needs-input .coupon__input .proceed { background-color: #1c3775; padding: 12px; margin-bottom: 12px; } #gigya-verification-sent-screen .coupon--loading.coupon--needs-input .coupon__input .proceed input[type="button"], .coupon--loading.coupon--needs-input .coupon__input .proceed #gigya-verification-sent-screen input[type="button"], .coupon--loading.coupon--needs-input .coupon__input .proceed .btn, .coupon--loading.coupon--needs-input .coupon__input .proceed .gigya-input-submit { display: block; color: #f9f8fe !important; font-size: 20px; font-size: 1.25rem; margin: 0; text-align: center; position: relative; border: 2px dashed #f9f8fe; overflow-wrap: break-word; width: 100%; background: transparent; white-space: normal; height: auto; } #gigya-verification-sent-screen .coupon--loading.coupon--needs-input .coupon__input .proceed input[type="button"]:after, .coupon--loading.coupon--needs-input .coupon__input .proceed #gigya-verification-sent-screen input[type="button"]:after, .coupon--loading.coupon--needs-input .coupon__input .proceed .btn:after, .coupon--loading.coupon--needs-input .coupon__input .proceed .gigya-input-submit:after { content: ""; width: 32px; height: 20px; position: absolute; top: 0; left: 10%; transform: translateY(-50%); background: #1c3775 url(../img/scissors.svg); background-size: cover; } .coupon--loading.coupon--needs-input .coupon__input .proceed:hover { background-color: #1c3775; } #gigya-verification-sent-screen .coupon--loading.coupon--needs-input .coupon__input .proceed:hover input[type="button"]:after, .coupon--loading.coupon--needs-input .coupon__input .proceed:hover #gigya-verification-sent-screen input[type="button"]:after, .coupon--loading.coupon--needs-input .coupon__input .proceed:hover .btn:after, .coupon--loading.coupon--needs-input .coupon__input .proceed:hover .gigya-input-submit:after { background: #1c3775 url(../img/scissors.svg); background-size: cover; } .coupon--loading:not(.coupon--needs-input) .coupon__loading { display: block; } .coupon--complete .coupon__download, .coupon--complete .coupon__info, .coupon--complete .coupon__options, .coupon--complete .coupon__question { display: none; } .coupon--complete.coupon--exceeded .coupon__exceeded, .coupon--complete.coupon--failure .coupon__failure, .coupon--complete.coupon--success .coupon__success { display: block; } .coupon__button, .coupon__login { white-space: normal; height: auto; line-height: 21px; padding-top: 8px; padding-bottom: 8px; } .coupon__button { display: none; } .coupon .coupon__button { display: inline-block; } .coupon__download { background-color: #1c3775; padding: 12px; margin-bottom: 12px; } .coupon__download__btn { display: block; color: #f9f8fe !important; font-size: 20px; font-size: 1.25rem; margin: 0; padding: 12px; text-align: center; position: relative; border: 2px dashed #f9f8fe; overflow-wrap: break-word; } .coupon__download__btn:after { content: ""; width: 32px; height: 20px; position: absolute; top: 0; left: 10%; transform: translateY(-50%); background: #1c3775 url(../img/scissors.svg); background-size: cover; } .coupon__download:hover { background-color: #1c3775; } .coupon__download:hover .coupon__download__btn:after { background: #1c3775 url(../img/scissors.svg); background-size: cover; } .input-callout { margin-bottom: 48px; } @media print, screen and (max-width: 56.25em) { .l-fixedSidebar-sidebar .input-callout { margin-left: 24px; margin-right: 24px; } } .input-callout:not(.input-callout:first-child) { margin-top: 48px; } .input-callout__header { background-color: #1c3775; padding: 12px; margin-bottom: 24px; } .input-callout__title { color: #f9f8fe; font-size: 20px; font-size: 1.25rem; margin: 0; padding: 12px; text-align: center; } .input-callout__title--coupon { position: relative; border: 2px dashed #f9f8fe; overflow-wrap: break-word; } .input-callout__title--coupon:after { content: ""; width: 32px; height: 20px; position: absolute; top: 0; left: 10%; transform: translateY(-50%); background: #1c3775 url(../img/scissors.svg); background-size: cover; } .input-callout__exceeded, .input-callout__failure, .input-callout__loading, .input-callout__success, .input-callout__wekiterror { display: none; } .input-callout__options { margin-bottom: 12px; } #gigya-verification-sent-screen .input-callout__form input[type="button"], .input-callout__form #gigya-verification-sent-screen input[type="button"], .input-callout__form .btn, .input-callout__form .gigya-input-submit { white-space: normal; height: auto; line-height: inherit; padding-top: 8px; padding-bottom: 8px; } #gigya-verification-sent-screen .input-callout__form input.disabled[type="button"], .input-callout__form #gigya-verification-sent-screen input.disabled[type="button"], .input-callout__form .btn.disabled, .input-callout__form .disabled.gigya-input-submit { background: #dde0e1; } .input-callout__form > * { margin-bottom: 12px; } #gigya-verification-sent-screen .input-callout__form.custom input[type="button"], .input-callout__form.custom #gigya-verification-sent-screen input[type="button"], .input-callout__form.custom .btn, .input-callout__form.custom .gigya-input-submit { background-color: transparent; color: #247eb3; display: block; } .input-callout__form.custom__one label { width: 50%; padding-left: 30px; float: left; } .input-callout__small { font-size: 0.8em; } .input-callout__small * { font-size: 1em; } .input-callout--loading .input-callout__info, .input-callout--loading .input-callout__options, .input-callout--loading .input-callout__question { display: none; } .input-callout--loading .input-callout__loading { display: block; } .input-callout--complete .input-callout__info, .input-callout--complete .input-callout__options, .input-callout--complete .input-callout__question { display: none; } .input-callout--complete .input-callout__wekiterror.showError { display: block; color: #ba0c2f; } .input-callout--complete.input-callout--success .input-callout__success { display: block; } .input-callout--complete.input-callout--failure .input-callout__failure { display: block; color: #ba0c2f; } .input-callout--complete.input-callout--exceeded .input-callout__exceeded { display: block; } .input-callout__question-wrapper { overflow: hidden; } .contentBody { margin-bottom: 48px; } .pageHeading { text-transform: uppercase; font-size: 3.2vw; } @media print, screen and (min-width: 78.125em) { .pageHeading { font-size: 3rem; } } @media print, screen and (max-width: 46.875em) { .pageHeading { font-size: 4.5vw; } } @media print, screen and (max-width: 31.25em) { .pageHeading { font-size: 20px; word-wrap: break-word; } } .title-text { padding: 1rem 2rem; } .title-text .g-span4 { text-align: center; } .card { display: block; color: #ffffeb; overflow: hidden; background-color: #fff; } .card, .card--bdr { position: relative; } .card--bdr { border: 1px solid #e5e8eb; } .card--bdr:hover { border: 1px solid #ffd800; } .card--bdr-inner { margin: 10px; } .card-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card-overlay .icon { color: #fff; } .card-overlay .icon i { left: 0; transform: translateY(-50%); } .card-overlay--hover { padding: 24px; background-repeat: no-repeat; } .card-overlay--hover:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; background-color: #000; opacity: 0.2; } .card:hover .card-overlay--hover:after { opacity: 0.4; } .card, .card-bg { background-size: cover; background-position: 50%; } .card-bg.card--image-contain, .card.card--image-contain { background-size: contain; background-repeat: no-repeat; margin-bottom: 12px; } @media print, screen and (min-width: 78.125em) { .card-bg.card--smaller-text .card-name--block, .card.card--smaller-text .card-name--block { font-size: 32px; font-size: 2rem; } } .card-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .card-info, .card-name, .card-nameSub { position: relative; margin-bottom: 0; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); color: #fff; } .card-info--pinned { position: absolute; right: 24px; bottom: 24px; left: 24px; z-index: 1; color: #fff; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card-name { font-size: 22px; font-size: 1.375rem; line-height: 1.3; margin: 0; } .btn--card, .card-description, .card-nameSub { font-size: 14px; font-size: 0.875rem; } .card-nameSub { margin-top: 0.3em; } .cards-collapse .card { margin-bottom: 24px; } .card--info { height: 330px; } .l-fixedSidebar-sidebar > .card--info { margin-bottom: 24px; } @media print, screen and (min-width: 56.25em) { .card--info { height: 420px; } } .card-info--info { text-align: center; } .cardFullWrapper-infoBox { background-color: #e5e8eb; } .cardFullWrapper-infoBox--padded { padding-top: 40px; padding-bottom: 40px; } .card--infoBox { margin-top: 20px; margin-bottom: 20px; padding: 5%; background-color: #e5e8eb; text-align: center; color: #000; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card--infoBox:after { content: ""; display: table; clear: both; } @media print, screen and (min-width: 62.5em) { .card--infoBox { padding: 24px; } } .card--infoBox .card-info--infoBox { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; } @media print, screen and (max-width: 31.25em) { .l-fixedSidebar-sidebar .card--infoBox { margin-left: 24px; margin-right: 24px; } } .card--infoBox .card-description--infoBox { color: #000; font-size: 16px; font-size: 1rem; } .card--infoBox .btn--cta { background-color: #1c3775; color: #fff; } .card--infoBox .btn--cta:before { content: none; } .card--infoBox .btn--cta:hover { background-color: #195285; } .card--infoBox-img { overflow: hidden; } .card--infoBox-img img { margin-bottom: 24px; border: 0.5em solid #fff; } .card-info--infoBox, .card-name--infoBox { color: #1c3775; text-shadow: none; } .card-name--infoBox { font-size: 28px; font-size: 1.75rem; margin-bottom: 24px; line-height: 1; } .card-description--infoBox { margin-bottom: 24px; text-transform: none; -ms-flex-positive: 1; flex-grow: 1; } @media print, screen and (min-width: 56.25em) { .card--infoBox--lrg { display: table; width: 100%; text-align: left; table-layout: fixed; } [dir="rtl"] .card--infoBox--lrg { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .card--infoBox--lrg .card--infoBox-img, .card--infoBox--lrg .card-info--infoBox { display: table-cell; vertical-align: top; } .card--infoBox--lrg .card--infoBox-img { width: 50%; padding-right: 24px; } [dir="rtl"] .card--infoBox--lrg .card--infoBox-img { padding-right: 24px; padding-left: 0; } .card--infoBox--lrg .card--infoBox-img img { margin-bottom: 0; } .card--infoBox--lrg .card-info--infoBox { width: 100%; } } .card--infoBox--lrg .card-description--infoBox { color: #000; font-size: 16px; font-size: 1rem; } .card--infoBox--lrg .btn--cta { background-color: #1c3775; color: #fff; } .card--infoBox--lrg .btn--cta:before { content: none; } .card--infoBox--lrg .btn--cta:hover { background-color: #195285; } .card--infoBox--huge { margin-top: 0; } @media print, screen and (min-width: 46.875em) { .card--infoBox--huge { display: table; width: 100%; margin: 0; text-align: left; table-layout: fixed; } [dir="rtl"] .card--infoBox--huge { text-align: right; } .card--infoBox--huge .card--infoBox-img, .card--infoBox--huge .card-info--infoBox { display: table-cell; vertical-align: middle; } .card--infoBox--huge .card--infoBox-img { width: 50%; padding-right: 48px; } [dir="rtl"] .card--infoBox--huge .card--infoBox-img { padding-right: 0; padding-left: 48px; } .card--infoBox--huge .card--infoBox-img img { margin-bottom: 0; border-width: 1em; } .card--infoBox--huge .card-info--infoBox { width: 50%; } .card--infoBox--huge .card-description--infoBox { color: #000; font-size: 16px; font-size: 1rem; } .card--infoBox--huge .btn--cta { background-color: #1c3775; color: #fff; } .card--infoBox--huge .btn--cta:before { content: none; } .card--infoBox--huge .btn--cta:hover { background-color: #195285; } .card--infoBox--huge .card-name--infoBox { font-size: 52px; font-size: 3.25rem; } } @media print, screen and (max-width: 46.875em) { .card--infoBox--huge .card--infoBox-img { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-negative: 0; flex-shrink: 0; } .card--infoBox--huge .card--infoBox-img img { width: 100%; } } @media print, screen and (min-width: 56.25em) { .card--infoBox--huge .card--infoBox-img { padding-right: 72px; } [dir="rtl"] .card--infoBox--huge .card--infoBox-img { padding-right: 0; padding-left: 72px; } } @media print, screen and (min-width: 62.5em) { .card--infoBox--huge { padding: 48px; } } @media print, screen and (min-width: 78.125em) { .card--infoBox--huge .card-name--infoBox { font-size: 90px; font-size: 5.625rem; } } .card--circular { display: block; padding: 0 5% 5%; text-align: center; } .card--circular-link { margin-bottom: 12px; letter-spacing: 0.5px; } .card--circular-copy, .card--circular-copy * { color: #000; font-size: 14px; font-size: 0.875rem; } .cardPromo { background-color: #000; } .cardPromo:after { content: ""; display: table; clear: both; } @media print, screen and (max-width: 56.25em) { .cardPromo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } [dir="rtl"] .cardPromo { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .cardPromo-img { width: 40%; float: left; padding-left: 3%; } @media print, screen and (min-width: 56.25em) { .cardPromo-img { display: block; width: auto; float: none; padding-left: 0; } } .cardPromo-content { padding: 24px; color: #fff; } @media print, screen and (max-width: 56.25em) { .cardPromo-content { width: 60%; padding: 3%; float: left; } } .cardPromo-content-title, .cardPromo-content :last-child { margin-bottom: 0; } .cardPromo-content-copy { font-size: 14px; font-size: 0.875rem; } .cardPromo-cta { color: #ffd800; } .card--product { position: relative; display: block; height: 320px; overflow: hidden; background-color: #1c3775; text-align: center; color: #ffffeb; } @media print, screen and (min-width: 46.875em) { .card--product { height: 420px; } } .card--product:hover .card--product-pack { opacity: 0.7; } .recipe-ingredients .card--product, .recipe-ingredients .card--product.theme-2020 { border: 1px solid #2b54b3; } .card--product.theme-2020 { background-color: #1c3775; color: #fff; } .card--product-infoContainer { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 106.666666667px; padding: 2em; z-index: 1; color: #ffffeb; background-color: #1c3775; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } @media print, screen and (min-width: 46.875em) { .card--product-infoContainer { height: 140px; } } .card--product-infoContainer--top { top: 0; } .card--product-infoContainer--bottom { bottom: 0; } .theme-2020 .card--product-infoContainer { background-color: #1c3775; color: #fff; } .custom--background .card--product-infoContainer { background-color: inherit; } .card-name--product { display: table-cell; vertical-align: middle; } .card--product-pack { position: absolute; top: 100px; bottom: 100px; width: 100%; background-size: cover; background-position: 50%; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card-info--product { font-size: 14px; font-size: 0.875rem; position: static; text-transform: none !important; display: table-cell; vertical-align: middle; } .theme-2020 .card-label span { color: #000; } .card--product-buynow { width: 100%; } .card--product-buynow .card-info--links { position: absolute; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 8px 6px; border-top: 1px solid #fff; } .card--product-buynow .card-info--links a { text-transform: uppercase; color: #ffd800; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .card--product-buynow .card-info--links .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; color: #1c3775; background: #ffd800; margin: 0 4px; padding: 4px; } .card--product-buynow .card-info--links .icon svg { width: 9px; } #gigya-verification-sent-screen .card--product-buynow .card-info--links input[type="button"], .card--product-buynow .card-info--links #gigya-verification-sent-screen input[type="button"], .card--product-buynow .card-info--links .btn, .card--product-buynow .card-info--links .btn--primary, .card--product-buynow .card-info--links .gigya-input-submit { margin: 0; padding: 0; display: inline; text-transform: uppercase; color: #ffd800 !important; background: none !important; height: auto; } .card--product-buynow .card-info--links .buynow-wrapper { max-width: 60%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .card--product-buynow .card-info--links .buynow-button { text-align: left; position: relative; padding-left: 20px; } .card--product-buynow .card-info--links .buynow-button > * { line-height: 21px; white-space: normal; position: static; } .card--product-buynow .card-info--links .buynow-button > :before { content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; border-radius: 50%; left: 0; top: 50%; margin-top: -8px; background: #ffd800 url(../img/arrow-mini-east.svg) 6px/5px 11px no-repeat; } .card--product-buynow .card-info { width: 100%; } .card--product-buynow .overlay-link { position: absolute; left: 0; right: 0; height: 70%; z-index: 2; } .card--recipe { height: 380px; background-size: cover; background-position: center 0; } @media print, screen and (min-width: 56.25em) { .card--recipe { height: 420px; } } @media print, screen and (min-width: 46.875em) { .carouselCards .card--recipe { height: 420px; } } @media print, screen and (max-width: 46.875em) { .carouselCards .card--recipe { height: 320px; } } .card--recipe .favorite-delete { display: none; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #f2f3f5; z-index: 1; padding: 24px; } .card--recipe .favorite-delete--title { display: block; color: #000; margin-bottom: 10px; } .card--recipe .favorite-delete .card-name { color: #000; font-size: 1.5rem; } .card--recipe .favorite-delete .add-again { margin-top: auto; } .card--recipe .favorite-delete .add-again .fav-add { text-transform: uppercase; display: inline-block; font-size: 0.8rem; color: #000; } .card--recipe .favorite-delete .add-again:hover .icon-favourites { background-color: #ffd800; } .card--recipe .remove, .card--recipe.removed--recipe .favorite-delete { display: -ms-flexbox; display: flex; } .card--recipe .remove { color: #fff; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 5px; } .card--recipe .remove .icon-favourites { background-color: #ffd800; } .card--recipe .remove div { opacity: 0; background: #fff; color: #000; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } [dir="rtl"] .card--recipe .remove { float: left; } .card--recipe .remove:hover .icon-favourites { background-color: #fff; } .card-info--recipe { text-align: left; font-size: 14px; font-size: 0.875rem; } .card-info--recipe-metadata { font-size: 0; border-bottom: 1px solid; } [dir="rtl"] .card-info--recipe-metadata { display: -ms-flexbox; display: flex; } .card-info--recipe-metadata-item { display: inline-block; padding: 3px 6px; font-size: 14px; font-size: 0.875rem; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card-info--recipe-metadata-item:not(:last-child) { border-right: 1px solid; } [dir="rtl"] .card-info--recipe-metadata-item:not(:last-child) { border-right: none; border-left: 1px solid; } .card-info--recipe-metadata-item:first-child { padding-left: 0; } [dir="rtl"] .card-info--recipe-metadata-item:first-child { padding: 3px 6px; padding-right: 0; } .card-info-description--recipe { padding: 3px 0; border-bottom: 1px solid; overflow: hidden; } [dir="rtl"] .card-info-description--recipe { text-align: right; } .card--recipe-duration { left: 24px; color: #fff; text-transform: uppercase; text-align: left; } .card--recipe-duration .icon--mid--full { display: block; } .card--recipe-duration-mins { font-size: 28px; font-size: 1.75rem; margin-right: 2px; } .card--feature + .card--feature { margin-top: 48px; } .card-name--feature { margin-bottom: 12px; } @media print, screen and (min-width: 31.25em) { .card-name--feature { font-size: 50px; font-size: 3.125rem; margin-bottom: 24px; } } @media print, screen and (min-width: 62.5em) { .card-name--feature { font-size: 78px; font-size: 4.875rem; } } .card--feature-bg { position: relative; height: 220px; background-size: cover; background-position: center 0; } @media print, screen and (min-width: 31.25em) { .card--feature-bg { height: 280px; } } @media print, screen and (min-width: 56.25em) { .card--feature-bg { height: 320px; } } .card-overlay--feature { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 24px 24px 0; z-index: 1; background-repeat: no-repeat; text-align: center; } .card-overlay--feature:after, .card-overlay--feature:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; } .card-overlay--feature:before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, transparent 70%); } .card-overlay--feature:after { background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .card--feature:hover .card-overlay--feature:after { opacity: 1; } @media print, screen and (min-width: 62.5em) { .card-overlay--feature { text-align: left; } [dir="rtl"] .card-overlay--feature { text-align: right; } } .card-info--feature { position: relative; padding: 24px; background-color: #1c3775; } .card-description--feature { text-transform: none; font-size: 16px; font-size: 1rem; } @media print, screen and (min-width: 62.5em) { .card-description--feature { margin-right: 40%; min-height: 100px; } [dir="rtl"] .card-description--feature { margin-right: 0; margin-left: 40%; } } .card--feature-pack { position: absolute; top: 0; right: 24px; display: none; width: 30%; transform: translateY(-40%); max-width: 250px; z-index: 1; } [dir="rtl"] .card--feature-pack { right: auto; left: 24px; } .lt-ie9 .card--feature-pack { top: -100px; } @media print, screen and (min-width: 62.5em) { .card--feature-pack { display: block; } } .cardSection { position: relative; display: block; height: 280px; overflow: hidden; text-align: center; background-size: cover; background-position: 50%; } .l-fixedSidebar-sidebar .cardSection { margin-bottom: 24px; } .card-name--section { margin-bottom: 12px; color: #ffffeb; } .cardSection-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-repeat: no-repeat; } .cardSection-overlay:after, .cardSection-overlay:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; } .cardSection-overlay:before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent); } .cardSection-overlay:after { background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .cardSection:hover .cardSection-overlay:after { opacity: 1; } .cardSection-content { position: absolute; right: 24px; bottom: 24px; left: 24px; z-index: 1; } .cardSection-text { color: #fff; } .cardSection-overlay--on:after { opacity: 1; } .card--category { position: relative; text-align: center; } .card--category img { width: 100%; display: block; } .card-name--category { margin: 12px 0; color: #1c3775; font-size: 20px; font-size: 1.25rem; text-align: center; text-shadow: none; } .card--social { position: relative; background-position: 50%; } .card--social, .card--social:link, .card--social:visited { color: #1c3775; } .card--social img { display: block; width: 100%; } .card--social-media { position: absolute; top: 10px; right: 10px; left: 10px; padding: 10px; background-color: hsla(0, 0%, 100%, 0.8); text-shadow: none; max-width: 100% !important; display: block; } .card-description--social { font-size: 16px; font-size: 1rem; padding: 10px 45px 0 0; text-shadow: none; } [dir="rtl"] .card-description--social { padding: 10px 0 0 45px; } .card--social-networkIcon { position: absolute !important; right: 10px; bottom: 10px; z-index: 1; margin: 0; background-color: #1c3775; color: #fff; fill: #fff; } [dir="rtl"] .card--social-networkIcon { right: auto; left: 10px; } .card--block { padding: 48px 24px 72px; text-align: center; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } @media print, screen and (min-width: 56.25em) { .card--block { height: 180px; } .card--block:after { content: ""; position: absolute; top: 50%; left: 100%; display: block; margin-top: -30px; border-style: solid; border-width: 30px 0 30px 30px; border-color: transparent transparent transparent #e5e8eb; opacity: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } [dir="rtl"] .card--block:after { left: auto; right: 100%; transform: rotate(180deg); } .card--block.is-active:after { opacity: 1; } } @media print, screen and (min-width: 78.125em) { .card--block { height: 380px; padding: 144px 24px 0; } } .card--block.is-active { background-color: #e5e8eb; background-image: none !important; } .card--block.is-active .card-overlay--block { display: none; } .card-name--block { position: relative; display: inline; padding: 0.1em; color: #fff; text-transform: uppercase; font-size: 32px; font-size: 2rem; line-height: 1.1; z-index: 1; } @media print, screen and (min-width: 78.125em) { .card-name--block { font-size: 52px; font-size: 3.25rem; } } .card-name--block:after, .card-name--block:before { content: ""; position: absolute; right: -10px; left: 0; } .card-name--block:before { top: 0; } .card-name--block:after { bottom: 0; } .card--block.is-active .card-name--block { border: 0; color: #1c3775; } .card--block.is-active .card-name--block:after, .card--block.is-active .card-name--block:before { display: none; } .card-overlay--block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 24px 24px 0; z-index: 1; background-repeat: no-repeat; } .card-overlay--block:after, .card-overlay--block:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; } .card-overlay--block:before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, transparent 70%); } .card-overlay--block:after { background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .card--block:hover .card-overlay--block:after { opacity: 1; } .card--block--skinny { height: 90px; padding: 35px 10px 0; overflow: visible; } .card--block--skinny .card-name--block { font-size: 20px; font-size: 1.25rem; padding: 0; } .card--block--skinny .card-name--block:after, .card--block--skinny .card-name--block:before { right: -3px; } .card--block--skinny .card-name--block:before { top: -4px; } .card--block--skinny .card-name--block:after { bottom: -4px; } .card--block--skinny:is-active { padding-top: 50px; } .card--block--skinny:is-active .card-name--block { font-size: 40px; font-size: 2.5rem; } .card--blockList { margin-bottom: 24px; } .card--range { display: block; } .card--range:hover .card--range-info { color: #fff; } .card--range:hover .icon { border-color: #fff; } .card--range-img { display: block; width: 100%; } .card--range-info { padding: 10px; background: #1c3775; color: #ffd800; line-height: 40px; line-height: 2.5rem; font-size: 14px; font-size: 0.875rem; text-align: right; text-transform: uppercase; } [dir="rtl"] .card--range-info { text-align: left; } .card--range-info .icon { display: inline-block; width: 40px; height: 40px; margin-left: 15px; border: 2px solid #ffd800; vertical-align: middle; } [dir="rtl"] .card--range-info .icon { transform: rotate(180deg); } .card--range-info .icon i { width: 80%; height: 80%; color: #ffd800; } @media print, screen and (min-width: 56.25em) { .cardList .card + .card { margin-top: 24px; } } .l-fixedSidebar-sidebar .cardList { margin-bottom: 24px; } @media print, screen and (max-width: 31.25em) { .l-fixedSidebar-sidebar .cardList { margin-left: 24px; margin-right: 24px; } } #gigya-verification-sent-screen .carouselCards--showmore > input[type="button"], .carouselCards--showmore > .btn, .carouselCards--showmore > .gigya-input-submit { color: #fff; display: none; } @media print, screen and (min-width: 56.25em) { #gigya-verification-sent-screen .carouselCards--showmore > input[type="button"], .carouselCards--showmore > .btn, .carouselCards--showmore > .gigya-input-submit { display: block; } .carouselCards--showmore .card { display: none; } .carouselCards--showmore .card:first-child { display: block; } .carouselCards--showmore.carouselCards--show-2 .card { display: none; } .carouselCards--showmore.carouselCards--show-2 .card:first-child, .carouselCards--showmore.carouselCards--show-2 .card:nth-child(2) { display: block; } .carouselCards--showmore.carouselCards--show-3 .card { display: none; } .carouselCards--showmore.carouselCards--show-3 .card:first-child, .carouselCards--showmore.carouselCards--show-3 .card:nth-child(2), .carouselCards--showmore.carouselCards--show-3 .card:nth-child(3) { display: block; } #gigya-verification-sent-screen .carouselCards--showmore.carouselCards--showall > input[type="button"], .carouselCards--showmore.carouselCards--showall > .btn, .carouselCards--showmore.carouselCards--showall > .gigya-input-submit { display: none; } .carouselCards--showmore.carouselCards--showall .card { display: block; } } .cardContainer--featuredLinks { width: 50%; float: left; } .card--kitchen { display: inline-block; height: 150px; width: 100%; background-position: 50%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .card--kitchen, .card--kitchen:link, .card--kitchen:visited { color: #ffffeb; } .card--kitchen:hover .card-description--kitchen { color: #fff; } .card--kitchen:hover .overlayTick { opacity: 1; } @media print, screen and (min-width: 31.25em) { .card--kitchen { width: 49%; } } @media print, screen and (min-width: 46.875em) { .card--kitchen { height: 180px; width: 24%; } } @media print, screen and (min-width: 62.5em) { .card--kitchen { height: 215px; max-width: 220px; } } .card--kitchen-media { height: 100%; } .card-overlay--kitchen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 24px 24px 0; z-index: 1; background-repeat: no-repeat; } .card-overlay--kitchen:after, .card-overlay--kitchen:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; } .card-overlay--kitchen:before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 50%); } .card-overlay--kitchen:after { background-color: rgba(33, 79, 144, 0.4); opacity: 0; } .card--kitchen:hover .card-overlay--kitchen:after { opacity: 1; } .card-body--kitchen { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; } .overlayTick { position: relative; top: -20px; display: block; width: 60px; margin: auto; opacity: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } @media print, screen and (min-width: 62.5em) { .overlayTick { width: 80px; } } .card-description--kitchen { font-size: 18px; font-size: 1.125rem; color: #ffd800; line-height: 1.2; text-align: center; text-transform: uppercase; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card--basic { height: 300px; padding: 24px 12px 0; text-align: center; background-size: cover; background-position: bottom; } @media print, screen and (min-width: 56.25em) { .card--basic { height: 340px; } } .card-name--basic { font-size: 28px; font-size: 1.75rem; } .card-nameSub--basic { color: #b49363; } .card--blog { background-position: 50%; background-size: cover; background-color: #1c3775; overflow: hidden; position: relative; } .card--blog, .card--blog:link, .card--blog:visited { color: #1c3775; } .card-info--blog { position: relative; z-index: 1; margin: 150px 12px 12px; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card-info-tags { margin-top: 12px; font-size: 14px; font-size: 0.875rem; } .card--blog-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-repeat: no-repeat; } .card--blog-overlay:after, .card--blog-overlay:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; } .card--blog-overlay:before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent); } .card--blog-overlay:after { background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .card--blog:hover .card--blog-overlay:after { opacity: 1; } .card--archive { position: relative; overflow: hidden; background-size: cover; background-position: 50%; background-color: #1c3775; } .card--archive, .card--archive:link, .card--archive:visited { color: #1c3775; } .card--archive:hover .card-info--archive { opacity: 1; } .card-info--archive { position: relative; z-index: 1; margin: 100px 12px 12px; opacity: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card--person { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; } .card--person.card--blue { background-color: #1c3775; } .card--person.card--blue .card-subtitle, .card--person.card--blue .card-title { color: #ffd800; } .card--person.card--yellow { background-color: #ffd800; } .card--person.card--yellow .card-subtitle, .card--person.card--yellow .card-title { color: #f9f8fe; } .card--person.card--yellow .card-description { color: #1c3775; } .card--person .card-info { margin-top: 10px; margin-bottom: 10px; padding: 5%; text-align: center; text-transform: none; text-shadow: none; } .card--person .card-info:after { content: ""; display: table; clear: both; } .card--person .card-info .card-title { margin-bottom: 5px; text-transform: uppercase; } .card--person .card-info .card-wave { width: 126px; height: 45px; overflow: hidden; margin: 0 auto; background-image: url(/assets/img/wave_decore.png); background-repeat: no-repeat; background-position: 50%; } .card--person .card-info .card-description, .card--person .card-info .card-description a, .card--person .card-info .card-description li, .card--person .card-info .card-description p, .card--person .card-info .card-description span, .card--person .card-info .card-description text { font-size: 16px; font-size: 1rem; } .card--person .card--person-img { height: 300px; background-size: cover; background-position: 50%; } .card--howto { background-color: #1c3775; overflow: hidden; position: relative; height: 380px; background-size: cover; background-position: center 0; } @media print, screen and (min-width: 56.25em) { .card--howto { height: 420px; } } .card--howto, .card--howto:link, .card--howto:visited { color: #1c3775; } .card--howto .card-name { font-size: 1rem; } .card-info--howto { position: relative; z-index: 1; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #000; } .card--howto-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-repeat: no-repeat; } .card--howto-overlay:after, .card--howto-overlay:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: -1; } .card--howto-overlay:before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent); } .card--howto-overlay:after { background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .card--howto:hover .card--howto-overlay:after { opacity: 1; } .card-info-playButton { position: absolute; top: -75px; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card-info-playButton:before { content: " "; position: absolute; top: 25px; right: 25px; bottom: 25px; left: 25px; border: 3px solid #ffd800; border-radius: 50%; } .card-info-playButton:after { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -10px; margin-left: -5px; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #ffd800; } .card--logo { position: relative; display: block; height: 320px; overflow: hidden; background-color: #1c3775; text-align: center; color: #ffffeb; transition: none; } @media print, screen and (min-width: 46.875em) { .card--logo { height: 420px; } } .card--logo:hover .card--logo-pack { opacity: 0.7; } .card--logo-infoContainer { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 1.5em; z-index: 1; color: #ffffeb; background-color: inherit; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .card--logo-infoContainer--top { top: 0; height: 72px; } .card--logo-infoContainer--bottom { bottom: 0; height: 58px; } .custom--background .card--logo-infoContainer { background-color: inherit; } .card-name--logo { font-size: 28px; text-transform: uppercase; text-align: left; position: absolute; left: 14px; top: 18px; } .card-name--logo span { display: block; font-size: 38px; font-weight: 700; } .card-name--logo.custom--color { color: #ba0c2f; } .card--logo-pack { position: absolute; top: 72px; bottom: 58px; left: 24px; right: 24px; width: calc(100% - 48px); background-size: cover; background-position: 50%; transition: none; } .card-info--logo { font-size: 12px; font-size: 0.75rem; font-weight: 700; text-transform: none; text-align: left; } .card-info--logo span { font-weight: 400; display: block; } .card-info--logo-image { height: 42px; width: 48px; } .card-labelContainer { position: absolute; top: -15px; left: 0; right: 0; text-align: left; color: #fff; } .card-label { position: relative; display: inline-block; overflow: hidden; padding: 0.5em 3em 0.5em 1em; max-width: 80%; z-index: 1; text-transform: uppercase; font-weight: 700; text-align: left; font-size: 14px; font-size: 0.875rem; } .card-label span { color: #1c3775; } .card-label:before { content: ""; position: absolute; top: 0; width: 150%; bottom: 0; right: 15px; transform: skew(-35deg); background-color: currentColor; z-index: -1; } .well { margin-bottom: 24px; padding: 24px; } * + .well { margin-top: 24px; } .well--dark { background-color: #1c3775; color: #fff; } .well--light { background-color: #e5e8eb; margin-bottom: 24px; } .well--centered { text-align: center; } .well-title { text-transform: uppercase; font-size: 20px; font-size: 1.25rem; } .fetchMask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(28, 55, 117, 0.85); z-index: 50; cursor: pointer; } .fetch { position: absolute; margin-bottom: 48px; background-color: #fff; transform: translateY(30px); z-index: 51; } .fetch, .fetchMask { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .fetch.is-visible, .fetchMask.is-visible { opacity: 1; visibility: visible; } .fetch-in { transform: translateY(0); } .fetch-out { transform: translateY(-30px); } .fetch--lightbox { top: 60px; right: 0; left: 0; width: 85%; max-width: 1000px; margin: auto auto 48px; } @media print, screen and (min-width: 56.25em) { .fetch--lightbox { top: 120px; } } .fetch-close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; cursor: pointer; background-repeat: no-repeat; } [dir="rtl"] .fetch-close { right: auto; left: 15px; } .fetch--locator { padding: 24px; } @media print, screen and (min-width: 56.25em) { .fetch--locator { padding: 48px; } } .fetch--gigya { right: 0; left: 0; width: 100%; margin: auto auto 48px; padding-top: 48px; overflow: hidden; } @media print, screen and (min-width: 46.875em) { .fetch--gigya { width: 90%; max-width: 800px; padding: 48px 48px 0; } } .fetch--iframe { padding: 48px 24px; } @media print, screen and (min-width: 46.875em) { .fetch--iframe { padding: 48px; } } .fetch--iframe iframe { width: 100%; border: 0; min-height: 300px; } .collapse-content { overflow-y: hidden; transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1); transform: translateZ(0); will-change: height; } .js-triggerCollapse { cursor: pointer; } .collapse-ui { display: none; } .collapse-ui--simple { margin: 24px 0 0; line-height: 20px; cursor: pointer; } .collapse--enabled .collapse-ui--simple { display: table; } [dir="rtl"] .collapse-ui--simple { display: -ms-inline-flexbox; display: inline-flex; } .collapse-ui--simple-icon { position: relative; width: 20px; height: 20px; background-color: #ffd800; border-radius: 50%; vertical-align: middle; } .collapse-ui--simple-icon:after, .collapse-ui--simple-icon:before { content: ""; position: absolute; display: block; background-color: #1c3775; } .collapse-ui--simple-icon:before { top: 9px; left: 4px; width: 12px; height: 2px; } .collapse-ui--simple-icon:after { top: 4px; left: 9px; width: 2px; height: 12px; } .collapse-ui--simple.is-open .collapse-ui--simple-icon:after { display: none; } .collapse-ui--simple-text { display: table-cell; padding-left: 10px; color: #1c3775; text-transform: uppercase; vertical-align: middle; } [dir="rtl"] .collapse-ui--simple-text { padding-left: 0; padding-right: 10px; } .collapse--stylish { position: relative; border-top: 1px solid #dde0e1; border-bottom: 1px solid #dde0e1; } .collapse--stylish + .collapse--stylish { margin-top: -1px; } .collapse--stylish-subject { margin-bottom: 0; padding: 24px 0; font-size: 20px; font-size: 1.25rem; color: #1c3775; } .collapse--enabled .collapse--stylish-subject { padding-right: 48px; cursor: pointer; } [dir="rtl"] .collapse--enabled .collapse--stylish-subject { padding-left: 48px; padding-right: 0; } .collapse--enabled .collapse--stylish-subject:hover { color: #175173; } .collapse--enabled .collapse--stylish-content { padding-right: 48px; } [dir="rtl"] .collapse--enabled .collapse--stylish-content { padding-left: 48px; padding-right: 0; } .collapse--enabled .collapse-ui--stylish { position: absolute; top: 24px; right: 12px; bottom: 24px; display: block; width: 2px; min-height: 24px; max-height: 24px; background-color: #dde0e1; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } [dir="rtl"] .collapse--enabled .collapse-ui--stylish { right: auto; left: 12px; } .collapse-ui--stylish.is-open { max-height: 2000px; } .collapse-ui--stylish.is-open .collapse-ui--stylish-end { transform: rotate(0deg); } .collapse-ui--stylish-end, .collapse-ui--stylish-start { position: absolute; right: -11px; display: block; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; background-repeat: no-repeat; } .collapse-ui--stylish-start { top: 0; background-color: #dde0e1; } .collapse-ui--stylish-start:hover { background-color: #c2c7c9; } .collapse-ui--stylish-end { bottom: 0; background-color: #ffd800; transform: rotate(180deg); background-size: 10px 6px !important; background-position: 50%; transition: all 0.5s ease-in-out; } .collapse-ui--stylish-end:hover { background-color: #ccad00; } .collapse--enabled .collapse-ui--filters, .hero { display: block; } .hero { position: relative; margin-bottom: 24px; min-height: 180px; background-size: cover; background-position: top; overflow: hidden; } @media print, screen and (min-width: 46.875em) { .hero { min-height: 290px; } } @media print, screen and (min-width: 62.5em) { .hero { margin-bottom: 48px; } } @media print, screen and (max-width: 56.25em) { .hero-product { height: 420px; } } .hero--overlay:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, transparent 50%); } .hero--tall { height: 290px; transition: background-position 0.1s; } @media print, screen and (min-width: 46.875em) { .hero--tall { height: 400px; } } @media print, screen and (min-width: 56.25em) { .hero--tall { height: 580px; } } .l-container--hero { position: relative; height: 100%; padding-top: 65px; } @media print, screen and (min-width: 56.25em) { .l-container--hero { padding-top: 85px; padding-bottom: 20px; } } .hero-logo { padding: 0 10%; } .hero-cta, .hero-logo, .hero-pack, .hero-subtitle, .hero-title { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .js .hero-cta, .js .hero-logo, .js .hero-pack, .js .hero-subtitle, .js .hero-title { opacity: 0; transform: translateY(-60px); } .js .is-loaded .hero-cta, .js .is-loaded .hero-logo, .js .is-loaded .hero-pack, .js .is-loaded .hero-subtitle, .js .is-loaded .hero-title { opacity: 1; transform: translateY(0); } .hero-subtitle, .hero-title { position: relative; margin-right: auto; margin-bottom: 0; margin-left: auto; line-height: 1; color: #fefeff; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); max-width: 90%; } [dir="rtl"] .hero-subtitle, [dir="rtl"] .hero-title { max-width: none; } .hero-title { font-size: 32px; font-size: 2rem; letter-spacing: 0; text-transform: uppercase; } @media print, screen and (min-width: 46.875em) { .hero-title { font-size: 52px; font-size: 3.25rem; } } @media print, screen and (min-width: 62.5em) { .hero-title { font-size: 90px; font-size: 5.625rem; } } @media print, screen and (max-width: 46.875em) { .hero-title.g-kapra-font { font-size: 40px; font-size: 2.5rem; } } .hero-subtitle { font-size: 20px; font-size: 1.25rem; margin-top: 0; transition-delay: 0.1s; } @media print, screen and (min-width: 46.875em) { .hero-subtitle { font-size: 32px; font-size: 2rem; } } @media print, screen and (min-width: 62.5em) { .hero-subtitle { font-size: 52px; font-size: 3.25rem; } } .hero-pack { position: absolute; bottom: 5%; left: 5%; display: block; padding-right: 40%; max-height: 35%; max-width: 60%; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); } @media print, screen and (min-width: 56.25em) { .hero-pack { bottom: 24px; left: 0; } } .hero-cta { margin-top: 36px; text-align: center; transition-delay: 0.1s; } .hero-video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; display: none; } .hero-video.show, .hero-video.show .hero-video-close, .hero-video.show .hero-video-embed { display: block; } .hero-video.unhide .hero-video-close, .hero-video.unhide .hero-video-embed { opacity: 1; } .hero-video.hero-video--looped { padding-bottom: 60%; } .hero-video.hero-video--looped iframe { position: absolute; top: -10%; left: 0; width: 100%; height: auto; min-height: 100%; } .hero-video.hero-video--looped video { min-width: 100% !important; min-height: 100% !important; object-fit: cover; } .hero-video.hero-video--looped.hero-video--local { padding-bottom: 0; } .hero-video-embed { width: 100%; height: 100%; display: none; opacity: 0; position: relative; z-index: 0; transition: opacity 0.6s; } .hero-video-close { display: none; opacity: 0; position: absolute; top: 24px; right: 24px; width: 50px; height: 50px; z-index: 100; padding: 6px; background-color: #fff; border-radius: 100%; transition: opacity 0.6s, transform 0.15s ease-out; outline: none; } .hero-video-close:active, .hero-video-close:focus, .hero-video-close:hover { transform: scale(1.075); } .hero-video-close .icon { width: 100%; height: 100%; display: block; } .hero--split { position: relative; } .hero--split:before { display: none; } .hero--split:after { content: ""; position: absolute; top: 0; right: 0; width: 150px; height: 106px; background-size: cover; } @media print, screen and (min-width: 56.25em) { .hero--split:after { right: 50%; width: 411px; height: 290px; } } @media print, screen and (max-width: 56.25em) { .hero--split { height: auto; } } .hero--split-img, .hero--split-video { background-size: cover; background-position: 50%; } @media print, screen and (min-width: 56.25em) { .hero--split-img, .hero--split-video { min-height: 245px; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; } } .hero--split-img .movie-poster-play, .hero--split-video .movie-poster-play { background-color: hsla(0, 0%, 100%, 0.1); } @media print, screen and (max-width: 56.25em) { .hero--split-img .movie-poster-play, .hero--split-video .movie-poster-play { transform: scale(0.7); } .hero--split-img .movie-poster-play:before, .hero--split-video .movie-poster-play:before { border-color: #fff; } .hero--split-img .movie-poster-play:after, .hero--split-video .movie-poster-play:after { border-left-color: #fff; } } .hero--split-content { position: relative; padding: 35px 33px; } @media print, screen and (min-width: 56.25em) { .hero--split-content { height: 580px; padding: 85px 50% 0 0; } } .hero-subtitle--recipe, .hero-title--recipe { margin: 0; text-align: left; color: #1c3775; text-shadow: none; max-width: 100%; } [dir="rtl"] .hero-subtitle--recipe, [dir="rtl"] .hero-title--recipe { text-align: right; } .hero-title--recipe { word-wrap: break-word; font-size: 20px; font-size: 1.25rem; margin-bottom: 0.5em; } @media print, screen and (min-width: 46.875em) { .hero-title--recipe { font-size: 32px; font-size: 2rem; } } @media print, screen and (min-width: 62.5em) { .hero-title--recipe { font-size: 52px; font-size: 3.25rem; } } .hero-subtitle--recipe { font-size: 16px; font-size: 1rem; margin-bottom: 3px; } @media print, screen and (min-width: 46.875em) { .hero-subtitle--recipe { font-size: 18px; font-size: 1.125rem; } } @media print, screen and (min-width: 62.5em) { .hero-subtitle--recipe { font-size: 20px; font-size: 1.25rem; } } .hero--media-left { background-color: #1c3775; box-shadow: inset 0 200px 90px -100px rgba(0, 0, 0, 0.3); } @media print, screen and (max-width: 56.25em) { .hero--media-left { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .hero--media-left:after { z-index: -1; } .hero--media-left .hero-description { display: -ms-flexbox; display: flex; -ms-flex-direction: column; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex-pack: start; justify-content: start; height: 100%; flex-direction: column; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-description { display: block; } .hero--media-left .hero-description:after { content: ""; right: -124px; } } .hero--media-left .hero-description .hero-title-container { -ms-flex-item-align: start; align-self: flex-start; position: relative; z-index: 2; max-width: 100%; width: 100%; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-description .hero-title-container { -ms-flex-positive: 1; flex-grow: 1; } } .hero--media-left .hero-description .hero-title-container .icon-container { color: #fff; margin-top: -14px; margin-left: -8px; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 73.75em) { .hero--media-left .hero-description .hero-title-container .icon-container { margin-top: -64px; } } .hero--media-left .hero-description .hero-title-container .icon-container .icon i { width: 72%; height: 72%; } .hero--media-left .hero-description .card { width: 100%; height: 100%; background: none; } .hero--media-left .hero-description .card .pageActions-col--product { width: 100%; text-align: center; } .hero--media-left .hero-description .hero-pack-container { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 20px; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-description .hero-pack-container { display: block; text-align: center; max-height: none; -ms-flex-positive: 100; flex-grow: 100; margin-top: 0; } .hero--media-left .hero-description .hero-pack-container .hero-pack { min-height: 0; height: auto; display: inline-block; margin: 20px auto; } } .hero--media-left .hero-description .carouselCards { mi-height: 200px; z-index: 2; } .hero--media-left .hero-description .carouselCards .flickity-viewport { height: 230px !important; } .hero--media-left .hero-description .carouselCards .flickity-prev-next-button { background: transparent; width: 56px; height: 56px; } .hero--media-left .hero-description .carouselCards .flickity-prev-next-button .arrow { fill: #fff; } .hero--media-left .hero-description .carouselCards .flickity-prev-next-button.next { right: -48px; } @media print, screen and (min-width: 73.75em) { .hero--media-left .hero-description .carouselCards .flickity-prev-next-button.next { right: -56px; } } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-description .carouselCards .flickity-prev-next-button.next { right: -42px; } } .hero--media-left .hero-description .carouselCards .flickity-prev-next-button.previous { left: -48px; } @media print, screen and (min-width: 73.75em) { .hero--media-left .hero-description .carouselCards .flickity-prev-next-button.previous { left: -56px; } } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-description .carouselCards .flickity-prev-next-button.previous { right: -42px; } } .hero--media-left .hero-description .carouselCards .flickity-page-dots .dot { background: #fff; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-description .carouselCards { height: auto; } .hero--media-left .hero-description .carouselCards .flickity-viewport { height: auto !important; min-height: 275px; } } .hero--media-left .hero-title--recipe { color: #fff; margin-bottom: 35px; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-title--recipe { font-size: 30px; } } .hero--media-left .hero-subtitle--recipe { color: #fff; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-subtitle--recipe { font-size: 20px; } } @media print, screen and (min-width: 73.75em) { .hero--media-left .hero--split-content { padding: 75px 0 0 calc(50% + 80px); } } @media print, screen and (max-width: 73.75em) { .hero--media-left .hero--split-content { padding: 28px 0 0 calc(50% + 42px); } [dir="rtl"] .hero--media-left .hero--split-content { padding-top: 75px; } } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero--split-content { position: static; padding: 35px 33px; } [dir="rtl"] .hero--media-left .hero--split-content { padding-top: 35px; } } .hero--media-left .hero--split-img, .hero--media-left .hero--split-video { right: auto; left: 0; } .hero--media-left .hero--split-img .movie, .hero--media-left .hero--split-video .movie { top: 0; bottom: 0; height: 100%; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero--split-img { min-height: 250px; } } .hero--media-left .media--levelup, .hero--media-left .media--levelup:link, .hero--media-left .media--levelup:visited { z-index: 1; } .hero--media-left .hero-pack-container { position: relative; bottom: 0; width: 100%; max-height: 180px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 56.25em) { .hero--media-left .hero-pack-container { max-height: 300px; } } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-pack-container { margin-top: 20px; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .hero--media-left .hero-pack-container:after { background-position: bottom; right: -280px; left: -280px; bottom: -60px; width: auto; height: 580px; } } .hero--media-left .hero-pack-container .hero-pack { bottom: auto; left: auto; padding: 0 40px; width: 50%; height: 150px; min-height: 150px; position: relative; z-index: 2; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .ie10 .hero--media-left .hero-pack-container .hero-pack, .ie11 .hero--media-left .hero-pack-container .hero-pack { display: block; line-height: 190px; } @media print, screen and (max-width: 56.25em) { .ie10 .hero--media-left .hero-pack-container .hero-pack, .ie11 .hero--media-left .hero-pack-container .hero-pack { line-height: 1; } } .hero--media-left .hero-pack-container .hero-pack img { max-width: 100%; max-height: 150px; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-pack-container .hero-pack img { max-height: 110px; } } @media print, screen and (min-width: 56.25em) { [dir="rtl"] .hero--media-left .hero-pack-container .hero-pack { margin-left: 0; margin-right: auto; } } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-pack-container .hero-pack { width: 70%; transform: none; } } .hero--media-left .hero-pack-container .hero-pack-description { width: 50%; max-width: 210px; position: relative; z-index: 1; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-pack-container .hero-pack-description { width: 100%; max-width: 100%; } } .hero--media-left .hero-pack-container .hero-pack-description h2 { font-size: 14px; color: #ffd800; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-pack-container .hero-pack-description h2 { font-size: 16px; } } .hero--media-left .hero-pack-container .hero-pack-description h3 { font-size: 14px; text-transform: none; } @media print, screen and (max-width: 56.25em) { .hero--media-left .hero-pack-container .hero-pack-description h3 { font-size: 16px; } } .hero.cta--bottom .hero-cta { position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; margin-top: 0; } .stepper { margin: 24px 0; } .stepper-input { width: 140px; height: 2.5em; margin-bottom: 12px; vertical-align: middle; } .stepper-input input[readonly] { width: 60px; background: #fff; border-left: 0; border-right: 0; float: left; text-align: center; } [dir="rtl"] .stepper-input { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .stepper-less, .stepper-more { width: 40px; height: 40px; padding: 0; background-color: #fff; border: 2px solid #1c3775; background-size: auto; background-position: 50%; overflow: hidden; text-indent: 100%; background-repeat: no-repeat; position: relative; background-image: none !important; } .stepper-less:active:before, .stepper-less:focus:before, .stepper-less:hover:before, .stepper-more:active:before, .stepper-more:focus:before, .stepper-more:hover:before { color: #fff; } .stepper-less:before, .stepper-more:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: 0; font-size: 27px; line-height: 38px; color: #1c3775; } .stepper-less { float: left; } .stepper-less:before { content: "-"; } .stepper-more { float: right; } .stepper-more:before { content: "+"; } .stepper-results { line-height: 40px; display: -ms-flexbox; display: flex; } .stepper-results span { margin: 0 10px; } .stepper-results span:first-child { margin: 0 10px 0 0; } .stepper-results span:last-child, [dir="rtl"] .stepper-results span:first-child { margin: 0 0 0 10px; } [dir="rtl"] .stepper-results span:last-child { margin: 0 10px 0 0; } .carouselCards:after { content: "flickity"; display: none; } .carouselCards .card { width: 270px; } @media print, screen and (min-width: 31.25em) { .carouselCards .card { width: 310px; } } @media print, screen and (min-width: 35.625em) and (max-width: 41.875em) { .carouselCards .card { width: 260px; } } @media print, screen and (min-width: 55em) and (max-width: 61.25em) { .carouselCards .card { width: 260px; } } @media print, screen and (min-width: 62.5em) and (max-width: 65.625em) { .carouselCards .card { width: 260px; } } .carouselCards.flickity-enabled .card + .card { margin-left: 2px; } [dir="rtl"] .carouselCards.flickity-enabled .card + .card { margin-right: 2px; margin-left: 0; } .carouselCards--disabled .flickity-page-dots, .carouselCards--disabled .flickity-prev-next-button { display: none !important; opacity: 0; } .carouselCards.carouselCards--sidebar:after { content: "flickity"; } @media print, screen and (min-width: 56.25em) { .carouselCards.carouselCards--sidebar:after { content: ""; } } @media print, screen and (max-width: 56.25em) { .carouselCards--sidebar.flickity-enabled { padding-bottom: 48px; } .carouselCards--sidebar.flickity-enabled .flickity-page-dots { bottom: 22px; } } .hero--carousel .flickity-page-dots { bottom: 25px; } .hero--carousel .flickity-page-dots .dot { background-color: hsla(0, 0%, 100%, 0); border: 2px solid #fff; opacity: 1; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .hero--carousel .flickity-page-dots .dot:only-child { display: none; } .hero--carousel .flickity-page-dots .dot:hover { background-color: hsla(0, 0%, 100%, 0.5); } .hero--carousel .flickity-page-dots .dot.is-selected { background-color: #fff; transform: scale(2); } .hero--carousel .flickity-prev-next-button { background-color: transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .hero--carousel .flickity-prev-next-button:active, .hero--carousel .flickity-prev-next-button:hover { background-color: hsla(0, 0%, 100%, 0.2); } .hero--carousel .flickity-prev-next-button .arrow { fill: #fff; } .hero--carousel-cell { width: 100%; height: 100%; background-size: cover; background-position: center 0; } .carousel-panel { height: 580px; margin: 2rem 0; } @media print, screen and (max-width: 31.25em) { .carousel-panel { height: 680px; } } .carousel-panel__carousel { position: absolute !important; height: 580px; width: 100vw; max-width: 100%; left: 0; } @media print, screen and (max-width: 31.25em) { .carousel-panel__carousel { height: 680px; } } @media print, screen and (max-width: 31.25em) { .carousel-panel .flickity-viewport { padding-bottom: 680px; } } .carousel-panel .flickity-page-dots { bottom: 25px; } @media print, screen and (max-width: 31.25em) { .carousel-panel .flickity-page-dots { top: 25px; bottom: auto; } } .carousel-panel .flickity-page-dots .dot { background-color: hsla(0, 0%, 100%, 0); border: 2px solid #fff; opacity: 1; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .carousel-panel .flickity-page-dots .dot:only-child { display: none; } .carousel-panel .flickity-page-dots .dot:hover { background-color: hsla(0, 0%, 100%, 0.5); } .carousel-panel .flickity-page-dots .dot.is-selected { background-color: #fff; transform: scale(2); } .carousel-panel .flickity-prev-next-button { background-color: transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .carousel-panel .flickity-prev-next-button:active, .carousel-panel .flickity-prev-next-button:hover { background-color: hsla(0, 0%, 100%, 0.2); } .carousel-panel .flickity-prev-next-button .arrow { fill: #fff; } .carousel-panel__panel { width: 80%; max-width: 375px; height: 100%; margin-left: calc(50% - 590px); background-color: #1c3775; padding: 2rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media print, screen and (max-width: 78.125em) { .carousel-panel__panel { margin-left: 8%; } } @media print, screen and (max-width: 31.25em) { .carousel-panel__panel { width: 100%; margin: 0; max-width: none; height: auto; position: absolute; bottom: 0; background-color: rgba(28, 55, 117, 0.7); } } .carousel-panel__body, .carousel-panel__small, .carousel-panel__title { color: #fff; } .carousel-panel__small { opacity: 0.5; } .carousel-panel__title { font-size: 1.25rem; margin-top: 0.25rem; margin-bottom: 1rem; } .carousel-panel__body { max-height: 390px; overflow: hidden; } .carousel-panel__cell { display: -ms-flexbox; display: flex; width: 100%; height: 100%; background-size: cover; background-position: 50%; } .carousel-panel__video { position: absolute; height: 580px; width: 100vw; max-width: 100%; left: 0; z-index: 0; display: none; } .carousel-panel__video.show, .carousel-panel__video.show .carousel-panel__video-close, .carousel-panel__video.show .carousel-panel__video-embed { display: block; } .carousel-panel__video.unhide .carousel-panel__video-close, .carousel-panel__video.unhide .carousel-panel__video-embed { opacity: 1; } .carousel-panel__video-embed { width: 100%; height: 100%; display: none; opacity: 0; position: relative; z-index: 0; transition: opacity 0.6s; } .carousel-panel__video-close { display: none; opacity: 0; position: absolute; top: 24px; right: 24px; width: 50px; height: 50px; z-index: 100; padding: 6px; background-color: #fff; border-radius: 100%; transition: opacity 0.6s, transform 0.15s ease-out; outline: none; } .carousel-panel__video-close:active, .carousel-panel__video-close:focus, .carousel-panel__video-close:hover { transform: scale(1.075); } .carousel-panel__video-close .icon { width: 100%; height: 100%; display: block; } .carousel-campaign { height: 550px; margin: 2rem 0; } @media print, screen and (max-width: 31.25em) { .carousel-campaign { height: 680px; } } .carousel-campaign__carousel { position: relative; height: 580px; width: 100vw; max-width: 100%; left: 0; } @media print, screen and (max-width: 31.25em) { .carousel-campaign__carousel { height: 680px; } } @media print, screen and (max-width: 31.25em) { .carousel-campaign .flickity-viewport { padding-bottom: 680px; } } .carousel-campaign .flickity-page-dots { bottom: 30px; } .carousel-campaign .flickity-page-dots .dot { background-color: hsla(0, 0%, 100%, 0.5); opacity: 1; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); margin: 0 6px; } .carousel-campaign .flickity-page-dots .dot:only-child { display: none; } .carousel-campaign .flickity-page-dots .dot:hover { background-color: hsla(0, 0%, 100%, 0.8); } .carousel-campaign .flickity-page-dots .dot.is-selected { background-color: #fff; } .carousel-campaign .flickity-prev-next-button { background-color: transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .carousel-campaign .flickity-prev-next-button:active, .carousel-campaign .flickity-prev-next-button:hover { background-color: hsla(0, 0%, 100%, 0.2); } .carousel-campaign .flickity-prev-next-button .arrow { fill: #fff; } .carousel-campaign__panel { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; } .carousel-campaign__body, .carousel-campaign__title { color: #fff; } .carousel-campaign__title { font-size: 2rem; margin-top: 0.25rem; margin-bottom: 1rem; text-transform: uppercase; padding-bottom: 18px; background: url(/assets/img/winner-title.png) bottom no-repeat; } .carousel-campaign__body { max-height: 390px; overflow: hidden; margin-bottom: 16px; } .carousel-campaign__icon { text-align: center; margin-bottom: 6px; } .carousel-campaign__icon img { max-height: 80px; } .carousel-campaign__cell { display: -ms-flexbox; display: flex; width: 100%; height: 100%; background-size: cover; background-position: 50%; } .carousel-campaign__cell:after { content: ""; position: absolute; border: 2px solid #f1c55e; left: 18px; right: 18px; top: 18px; bottom: 18px; } .categoryList { margin-left: -20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .categoryList > div, .categoryList li { width: 50%; padding-bottom: 20px; padding-left: 20px; } @media print, screen and (min-width: 62.5em) { .categoryList > div, .categoryList li { width: 33.3333333333%; } } @media print, screen and (min-width: 78.125em) { .categoryList > div, .categoryList li { width: 25%; } } .lt-ie10 .categoryList { display: block; } .lt-ie10 .categoryList:after { content: ""; display: table; clear: both; } .lt-ie10 .categoryList > div, .lt-ie10 .categoryList li { float: left; min-height: 270px; } .categoryList-item { display: block; text-align: center; } .categoryList-item.selected .categoryList-title { font-weight: 700; } .categoryList-item.selected .categoryList-title:before { content: ">"; display: inline-block; position: absolute; border: 1px solid currentColor; border-radius: 100%; width: 20px; height: 20px; top: calc(50% - 10px); font-size: 18px; margin-left: -25px; text-indent: 1px; line-height: 20px; } [dir="rtl"] .categoryList-item.selected .categoryList-title:before { margin-left: 0; margin-right: -25px; } .ie11 .categoryList-item.selected .categoryList-title { display: inline; } .categoryList-img { transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .categoryList-img img { display: block; margin: auto; max-width: 99%; height: 110px; } .categoryList-item:hover .categoryList-img { transform: translateY(10px); } .categoryList-info { position: relative; padding: 12px 20px; background-color: #fff; border-top: 1px solid #e5e8eb; color: #fff; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .categoryList-info_content { color: #1c3775; } .categoryList-title { position: relative; margin: 0; color: #1c3775; } @media print, screen and (max-width: 31.25em) { .categoryList-title { font-size: 16px; font-size: 1rem; } } .categoryList-subtitle { position: relative; margin: 0.5em 0 0; padding-top: 0.5em; color: #000; border-top: 1px solid #1c3775; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .categoryList-item:hover .categoryList-subtitle { color: #1c3775; } .categoryList-description { position: relative; margin: 0.5em 0 0; padding-top: 0.5em; border-top: 1px solid #1c3775; color: #000; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); line-height: 1.2; } .categoryList-item:hover .categoryList-description { color: #1c3775; } .categoryList-description p:first-child { margin-bottom: 0; } .categoryList-description, .categoryList-subtitle { font-size: 12px; font-size: 0.75rem; } @media print, screen and (min-width: 31.25em) { .categoryList-description, .categoryList-subtitle { font-size: 14px; font-size: 0.875rem; } } @media print, screen and (max-width: 56.25em) { .categoryList--nav { margin-bottom: 24px; margin-left: -10px; } .categoryList--nav > div, .categoryList--nav li { padding-bottom: 10px; padding-left: 10px; } .categoryList--nav .categoryList-item { margin-bottom: 0; } .categoryList--nav .categoryList-title { font-size: 14px; font-size: 0.875rem; } .categoryList--nav .categoryList-description, .categoryList--nav .categoryList-subtitle { display: none; } .categoryList--nav .categoryList-info { padding: 8px; } } .simpleInfo-title { font-size: 20px; font-size: 1.25rem; } .simpleInfo-media { margin-bottom: 12px; } .simpleInfo-copy :last-child { margin-bottom: 0; } .nav-global { position: absolute; right: 10px; bottom: 0; left: 10px; margin: 0 auto; } @media print, screen and (min-width: 56.25em) { .nav-global { right: 0; left: 187px; } [dir="rtl"] .nav-global { right: 187px !important; left: 0; } } .nav-global:after, .nav-global:before { content: ""; display: none; } .nav-global.is-swipeable { right: 0; overflow: hidden; padding-right: 30px; margin-right: -30px; } @media print, screen and (max-width: 56.25em) { .nav-global.is-swipeable { left: 30px; } } .nav-global.is-swipeable:after, .nav-global.is-swipeable:before { position: absolute; bottom: 0; display: block; width: 20px; height: 50px; z-index: 1; } @media print, screen and (max-width: 56.25em) { .nav-global.is-swipeable:after, .nav-global.is-swipeable:before { display: none; } } .nav-global.is-swipeable:before { left: 0; } @media print, screen and (min-width: 56.25em) { .nav-global.is-swipeable:before { left: 30px; } } .nav-global.is-swipeable:after { right: 0; } @media print, screen and (min-width: 56.25em) { .nav-global.is-swipeable:after { right: -1px; } } .nav-global.is-swipeable .nav-global-swipe { padding-bottom: 30px; margin-bottom: -30px; } @media print, screen and (max-width: 46.875em) { .nav-global { display: none; } } .nav-global-swipe { text-align: right; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; margin-left: 30px; } [dir="rtl"] .nav-global-swipe { margin-left: 0; text-align: left; } .nav-global-swipe::-webkit-scrollbar, .nav-global-swipe::-webkit-scrollbar-track { display: none !important; } .nav-global-list { display: inline-block; margin: 0; text-align: right; white-space: nowrap; } .is-swipeable .nav-global-list { padding-right: 35px; padding-left: 35px; } .nav-global-item { position: relative; display: inline-block; border-bottom: 4px solid transparent; } .nav-global-item.is-active a, .nav-global-item.is-selected a, .nav-global-item:hover a { color: #ffd800; } .nav-global-item.is-active:after { content: " "; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px; border-color: transparent transparent #fff; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); } @media print, screen and (max-width: 56.25em) { .nav-global-item.is-active:after { border-width: 0 6px 6px; } } .nav-global-item a { transition: none; display: block; padding: 14px 10px 16px; color: #fff; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } @media print, screen and (max-width: 56.25em) { .nav-global-item a { font-size: 12px; font-size: 0.75rem; } } @media print, screen and (max-width: 56.25em) { .nav-global-item { border-bottom: 3px solid transparent; } .nav-global-item a { padding-bottom: 7px; } } .nav-global-arrow { position: absolute; top: 14px; display: none; width: 30px; height: 20px; padding: 0; border: 0; background: #1c3775; color: #fff; outline: 0; opacity: 1; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: 10; } .nav-global-arrow i { display: inline-block; } .nav-global-arrow i svg { width: 20px; height: 20px; } .is-swipeable .nav-global-arrow { display: block; } .nav-global-arrow--left { left: 0; } @media print, screen and (min-width: 56.25em) { .nav-global-arrow--left { right: 100%; } } .is-left .nav-global-arrow--left { opacity: 0; } [dir="rtl"] .is-left .nav-global-arrow--left { opacity: 1; } [dir="rtl"] .is-right .nav-global-arrow--left { opacity: 0; } .nav-global-arrow--right { right: 0; } @media print, screen and (max-width: 56.25em) { .nav-global-arrow--right { right: 30px; } } .is-right .nav-global-arrow--right { opacity: 0; } [dir="rtl"] .is-right .nav-global-arrow--right { opacity: 1; } [dir="rtl"] .is-left .nav-global-arrow--right { opacity: 0; } .nav-mobile { position: absolute; right: 10px; left: 10px; top: 10px; background: #fff; z-index: 11; display: none; } @media print, screen and (max-width: 46.875em) { .nav-mobile { display: block; } } .nav-mobile-list { display: none; margin: 0; background: #fff; width: 100%; padding: 0 16px; top: 112px; position: absolute; opacity: 0; transition: all 0.8s; } .is-active .nav-mobile-list { display: block; opacity: 1; } .nav-mobile-list.is-shifted { transform: translateX(-100vw); } .ie11 .nav-mobile-list.is-shifted { transform: translateX(-100%) translateX(-37px); } .nav-mobile-item { font-size: 1.125rem; background: #fff; display: block; text-transform: uppercase; color: #000; font-size: 18px; padding: 0; border-bottom: 1px solid #e5e8eb; transition: all 0.3; cursor: pointer; } .nav-mobile-item:last-child { border-bottom: 0; } .nav-mobile-item i { display: none; color: #1c3775; position: absolute; width: 8px; height: 21px; top: 50%; right: 0; transform: translateY(-50%); } .nav-mobile-item a { display: block; color: #000; font-size: 1.125rem; text-transform: uppercase; padding: 12px 0; font-size: 18px; } .nav-mobile-item a:focus, .nav-mobile-item a:hover { color: #1c3775; appearance: none; outline: none; } .nav-mobile-item.has-subnav > a { background: url(../img/nav-arr-left1.png) 100% no-repeat; padding-right: 28px; } .nav-mobile-item.has-subnav > a:hover { background: url(../img/nav-arr-left2.png) 100% no-repeat; } [dir="rtl"] .nav-mobile-item.has-subnav > a { padding-right: 0; padding-left: 28px; background: url(../img/nav-arr-right1.png) 0 no-repeat; } [dir="rtl"] .nav-mobile-item.has-subnav > a:hover { background: url(../img/nav-arr-right2.png) 0 no-repeat; } .nav-mobile-item.nav-item-back { background: url(../img/nav-arr-right1.png) 0 no-repeat; padding-left: 28px; } .nav-mobile-item.nav-item-back, .nav-mobile-item.nav-item-back a { font-size: 14px; font-size: 0.875rem; } .nav-mobile-item.nav-item-back:hover { background: url(../img/nav-arr-right2.png) 0 no-repeat; } [dir="rtl"] .nav-mobile-item.nav-item-back { padding-left: 0; padding-right: 28px; background: url(../img/nav-arr-left1.png) 100% no-repeat; } [dir="rtl"] .nav-mobile-item.nav-item-back:hover { background: url(../img/nav-arr-left2.png) 100% no-repeat; } .nav-mobile-item > .nav-mobile-list { display: none; z-index: 2; top: 0; left: 100vw; transition: all 0.8s; } .nav-mobile-item.is-open > .nav-mobile-list { display: block; } .nav-mobile-trigger { background: none; border: 0; cursor: pointer; height: 35px; position: absolute; right: 0; width: 35px; z-index: 11; outline: none; padding: 0; } [dir="rtl"] .nav-mobile-trigger { right: auto; left: 0; } .nav-mobile-trigger span { display: block; width: 24px; height: 4px; position: absolute; transition: all 0.8s; background: #fff; } .nav-mobile-trigger span:before { top: -8px; } .nav-mobile-trigger span:after, .nav-mobile-trigger span:before { display: block; width: 24px; height: 4px; position: absolute; transition: all 0.8s; content: ""; background: #fff; } .nav-mobile-trigger span:after { top: 8px; } .is-active .nav-mobile-trigger span { transform: rotate(45deg); } .is-active .nav-mobile-trigger span:after, .is-active .nav-mobile-trigger span:before { transform: rotate(90deg); top: 0 !important; } .nav-secondary { position: absolute; top: 100px; width: 100%; background-color: #fff; color: #247eb3; z-index: 12; border: 20px solid rgba(0, 0, 0, 0.2); border-top-width: 0; background-clip: content-box; } @media print, screen and (min-width: 31.25em) { .nav-secondary { width: 380px; } } @media print, screen and (min-width: 56.25em) { .nav-secondary { top: 120px; } } .nav-secondary-item { position: relative; display: block; padding: 10px 20px; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; } .nav-secondary-item:after, .nav-secondary-item:before { content: ""; } .nav-secondary-item:before { position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 1px solid #e5e8eb; } .nav-secondary-item:after { position: absolute; top: 50%; right: 17px; width: 16px; height: 16px; margin-top: -8px; background-size: cover; } [dir="rtl"] .nav-secondary-item:after { right: auto; left: 17px; transform: rotate(180deg); } .nav-secondary-item:hover { background-color: rgba(229, 232, 235, 0.5); } .nav-secondary-item.is-selected { background-color: #e5e8eb; color: #1c3775; border-left-color: #e5e8eb; border-right-color: #e5e8eb; } .nav-secondary-item.is-selected:after { right: 20px; width: 10px; height: 10px; margin-top: -5px; background-color: rgba(0, 39, 83, 0.2); border-radius: 50%; background-image: none; } [dir="rtl"] .nav-secondary-item.is-selected:after { right: auto; left: 20px; } .nav-secondary-item:last-child:before { display: none; } .nav-blog-list { display: inline-block; list-style: none; margin: 0; max-height: 60px; width: 170px; font-size: 80%; white-space: nowrap; } @media print, screen and (min-width: 62.5em) { .nav-blog-list { font-size: 100%; } } .nav-blog-list .is-active { font-weight: 700; } .nav-blog-item { border-bottom: 2px solid transparent; display: inline-block; padding: 0 6px; position: relative; } .nav-blog-item a { color: #000; cursor: pointer; padding: 0 0 20px; text-transform: uppercase; transition: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; } cite { font-style: normal; } .quote { position: relative; padding: 24px 72px 72px 24px; background-repeat: no-repeat; background-size: cover; background-position: 50%; color: #ffffeb; min-height: 200px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 24px; } .quote:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg, rgba(28, 55, 117, 0.4) 0, rgba(28, 55, 117, 0.1)); } .quote-bq { position: relative; margin: 0 0 24px; padding: 0; font-size: 32px; font-size: 2rem; border: 0; line-height: 1.1; } @media print, screen and (min-width: 46.875em) { .quote-bq { font-size: 52px; font-size: 3.25rem; } } .quote-bq:before { content: "“"; } .quote-bq:after { content: "”"; } .quote-attr { position: relative; text-transform: uppercase; font-size: 16px; font-size: 1rem; } @media print, screen and (min-width: 46.875em) { .quote-attr { font-size: 18px; font-size: 1.125rem; } } .attributes { margin-left: -20px; } .attributes:after { content: ""; display: table; clear: both; } @media print, screen and (min-width: 46.875em) { .attributes { margin-left: -40px; } } .attributes-item { text-align: center; text-transform: uppercase; float: left; padding-left: 20px; } .attributes-item dl { margin: 5px auto; } .attributes-item dd, .attributes-item dt { font-size: 14px; font-size: 0.875rem; line-height: 2; display: block; font-weight: 400; } .attributes-item dd { margin: 0 0 12px; } .attributes-item dt { border-bottom: 1px solid #bbc9cc; } .attributes-item-icon { border: 2px solid #bbc9cc !important; width: 40px; height: 40px; margin: auto; display: block; } .attributes--nutrition { margin: 36px 0 0 -40px; } [dir="rtl"] .attributes--nutrition { margin-left: -24px; } .attributes--nutrition .attributes-item { width: 25%; padding-left: 40px; float: left; } .attributes--nutrition dt { border-bottom: 1px solid #bbc9cc; text-transform: none; font-size: 16px; font-size: 1rem; } @media print, screen and (min-width: 62.5em) { .attributes--nutrition dt { font-size: 20px; font-size: 1.25rem; } } .attributes--nutrition dd { padding: 0 6px; font-size: 12px; font-size: 0.75rem; } @media print, screen and (min-width: 62.5em) { .attributes--nutrition dd { padding: 0 12px; font-size: 14px; font-size: 0.875rem; } } .attributes--recipeInfo .attributes-item { width: 50%; } @media print, screen and (min-width: 46.875em) { .attributes--recipeInfo .attributes-item { width: 25%; padding-left: 40px; } } @media print, screen and (max-width: 46.875em) { .attributes--recipeInfo .attributes-item:first-child dd, .attributes--recipeInfo .attributes-item:nth-child(2) dd { border-bottom: 1px solid #bbc9cc; } } .attributes--recipeInfo dt { border-bottom: 1px solid #bbc9cc; background-color: #fff; color: inherit; } .attributes--recipeInfo dd { padding-top: 10px; line-height: 1.5em; padding-bottom: 0.5em; } .attributes--ecoFootprint { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-left: 0; -ms-flex-line-pack: stretch; align-content: stretch; padding: 18px; margin: 18px 0; background: #e5e8eb; border-radius: 3px; } @media print, screen and (max-width: 46.875em) { .attributes--ecoFootprint { margin-left: -20px; } } .attributes--ecoFootprint .attributes-item { padding-left: 0; min-width: 33%; } @media print, screen and (max-width: 46.875em) { .attributes--ecoFootprint .attributes-item { min-width: 50%; padding-left: 20px; } } @media print, screen and (max-width: 25em) { .attributes--ecoFootprint .attributes-item { width: 100%; } } .attributes--ecoFootprint .footprint-text { text-transform: none; text-align: left; } .attributes--ecoFootprint .icon-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 12px; border-bottom: 1px solid #195285; margin-bottom: 12px; text-align: left; font-size: 14px; width: 100%; } .attributes--ecoFootprint .icon-wrapper .icon-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-transform: uppercase; margin-right: 12px; } .attributes--ecoFootprint .icon-wrapper .icon-container .icon { margin-right: -12px; } .attributes--ecoFootprint .icon-wrapper .icon-container .icon i { left: 0; transform: translateY(-50%); width: 72%; height: 72%; } .attributes--ecoFootprint .footprint-table { font-size: 14px; margin: 0 30px 18px; } .attributes--ecoFootprint .footprint-table__row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .attributes--ecoFootprint .footprint-table__row.total { font-weight: 700; border-top: 1px dotted #195285; } .attributes--ecoFootprint dt { border-bottom: 1px solid #195285; background-color: none; color: inherit; } .attributes--ecoFootprint .attributes-item-icon.icon--circle { border-color: #195285 !important; } .autocomplete-tags { position: relative; height: auto; min-height: 2.5em; } .autocomplete-tags input { border: none; } .sey-list { position: absolute; display: none; margin: 0; padding: 0; list-style-type: none; border: 1px solid #1c3775; background-color: #fff; color: #1c3775; transition: left 0.1s ease-in-out; text-transform: uppercase; z-index: 10; width: auto !important; } .sey-show { display: block; } .sey-hide { display: none; } .sey-item { padding: 7px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sey-item.selected, .sey-item:hover, .sey-selected { background-color: #1c3775; color: #fff; } .nsg-editor { padding: 0.25em; cursor: text; } .nsg-tag { display: inline-block; margin: 0.25em; padding: 0.25em 0.3em 0.25em 0.5em; border: 1px solid #1c3775; background-color: #fff; text-transform: uppercase; color: #1c3775; word-break: break-all; } .nsg-tag:hover { color: #1b6089; border-color: currentColor; } .nsg-tag-remove:hover:after { background-color: #1c3775; color: #fff; } .nsg-tag-remove:after { content: "\2715"; margin-left: 0.5em; padding: 0 4px; cursor: pointer; background-color: rgba(28, 55, 117, 0.5); color: #fff; } [dir="rtl"] .nsg-tag-remove:after { margin-left: 0; margin-right: 0.5em; } .nsg-input { margin: 0.25em; padding: 3px; outline: 0; border: 0; transition: width 0.25s; } .nsg-tags-before:empty + .autocomplete-input { width: calc(100% - 0.6em) !important; } .nsg-tags-before:not(:empty) + .autocomplete-input::placeholder { color: transparent; } .nsg-tags-before:not(:empty) + .autocomplete-input:-ms-input-placeholder { color: transparent; } .nsg-tags-before:not(:empty) + .autocomplete-input::-webkit-input-placeholder { color: transparent; } .offcanvas { position: relative; z-index: 10; } .offcanvas-toggle .toggler { position: absolute; top: 50%; right: 12px; display: none; } [dir="rtl"] .offcanvas-toggle .toggler { right: auto; left: 12px; } .offcanvas--enabled .offcanvas-toggle { position: relative; cursor: pointer; } .offcanvas--enabled .offcanvas-toggle .toggler { display: block; } .offcanvas--enabled .offcanvas-target { margin-bottom: 0 !important; overflow: auto; } .offcanvas-target { position: fixed; top: 0; left: 0; bottom: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); will-change: transform; z-index: 100; width: 270px; transform: translateX(-270px); -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } [dir="rtl"] .offcanvas-target { left: auto; right: 0; transform: translateX(270px); } .is-active .offcanvas-target { transform: translateX(0); } @media print, screen and (min-width: 46.875em) { .offcanvas-target { width: 340px; transform: translateX(-340px); } .is-active .offcanvas-target, [dir="rtl"] .is-active .offcanvas-target { transform: translateX(0); } [dir="rtl"] .offcanvas-target { width: 340px; transform: translateX(340px); } } @media print, screen and (min-width: 56.25em) { .offcanvas-target, [dir="rtl"] .offcanvas-target { position: static; width: 100%; transform: translateX(0); } } .is-active .mask--offcanvas { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(28, 55, 117, 0.5); z-index: 99; } .offcanvas-body { transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); will-change: opacity; } .is-active .offcanvas-body { opacity: 0.5; } .toggler { width: 20px; height: 20px; margin-top: -10px; background-color: #ffd800; border-radius: 50%; background-size: 50% !important; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1; } .toggler:after, .toggler:before { content: ""; position: absolute; display: block; background-color: #1c3775; } .toggler:before { top: 9px; left: 4px; width: 12px; height: 2px; } .toggler:after { top: 4px; left: 9px; width: 2px; height: 12px; } .offcanvas-toggle.is-active .toggler, .toggler.is-open { transform: rotate(135deg); } .fork { position: absolute; right: 0; display: none; width: 250px; z-index: 999; font-size: 0; transform-origin: top; transition: all 2s ease; background: url(/assets/img/fork.png) no-repeat; background-size: cover; background-position: top; pointer-events: none; } @media print, screen and (min-width: 62.5em) { .fork { width: 244px; margin-top: -155px; } } @media print, screen and (min-width: 56.25em) { .fork { display: block; } } @media print, screen and (min-width: 93.75em) { .fork { width: 370px; margin-top: -200px; } } .js .fork { transform: translateY(0); } .js .fork.is-loaded { transform: translateY(100px); } .featuredLinks { position: relative; padding: 24px; overflow: hidden; background: url(/assets/img/kitchenWall2-background.jpg) no-repeat; background-size: cover; background-position: top; } @media print, screen and (min-width: 46.875em) { .featuredLinks { padding: 48px; } } @media print, screen and (min-width: 62.5em) { .featuredLinks { padding: 144px 0; } } .featuredLinks-section { margin: 0 auto; padding-right: 0; padding-left: 0; max-width: 888px; } .featuredLinks-title { font-size: 32px; font-size: 2rem; color: #fefeff; margin: auto; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); font-weight: 700; } @media print, screen and (min-width: 56.25em) { .featuredLinks-title { font-size: 52px; font-size: 3.25rem; width: 65%; } } @media print, screen and (min-width: 78.125em) { .featuredLinks-title { width: 85%; } } .featuredLinks-title span { font-size: 20px; font-size: 1.25rem; font-weight: 400; } @media print, screen and (min-width: 56.25em) { .featuredLinks-title span { font-size: 32px; font-size: 2rem; } } .featuredLinks-cardsWrap { margin-top: 24px; text-align: center; } .featuredLinks-cardsWrap .btn--box { color: #fefeff; width: 100%; margin-bottom: 10px; } @media print, screen and (min-width: 31.25em) { .featuredLinks-cardsWrap .btn--box { width: 49%; } } @media print, screen and (min-width: 46.875em) { .featuredLinks-cardsWrap .btn--box { width: auto; min-width: 115px; } } .mediaBlock { margin-top: 48px; } .mediaBlock-list-item { padding: 24px 0; margin-top: 24px; border-bottom: 1px dashed #e1dbdb; } .mediaBlock-list-item:after { content: ""; display: table; clear: both; } .mediaBlock-list-item:last-child { margin-bottom: 48px; } .mediaBlock-list-item-title { margin-bottom: 12px; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; } .mediaBlock-list-item .media-wrap { display: block; margin-bottom: 24px; width: 100%; } .mediaBlock-list-item .media-wrap img { width: 100%; } @media print, screen and (min-width: 31.25em) { .mediaBlock-list-item .media-wrap { margin-right: 24px; float: left; width: 45%; } } .mediaBlock-list-item-content p { padding-bottom: 24px; } .mediaBlock-list-item-content :last-child { margin-bottom: 0; } .contentBlock-wrap { background: #000; color: #ffffeb; padding: 24px; margin-bottom: 24px; text-align: center; } .contentBlock-wrap--blue { background: #3155cb; } @media print, screen and (min-width: 46.875em) { .contentBlock-wrap { padding: 48px; } } .contentBlock-text p { font-size: 16px; } @media print, screen and (min-width: 46.875em) { .contentBlock-text p { font-size: 20px; } } @media print, screen and (min-width: 46.875em) { .contentBlock-text { padding: 0 10%; } } @media print, screen and (min-width: 62.5em) { .contentBlock-text { padding: 0 20%; } } .productLocator { margin-bottom: 48px; padding: 24px 24px 48px; background: url(/assets/img/productLocatorInput-Background.jpg) 50%; background-size: cover; color: #ffffeb; } .productLocator-title { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .productLocator-input { display: inline-block; width: 68%; vertical-align: top; } .productLocator-btn { display: inline-block; width: 25%; padding-right: 0; padding-left: 0; vertical-align: top; } .productLocatorOverlay-description { margin-bottom: 24px; } .iframe { width: 100%; } .contentBlock-wrap--language-selector { background-color: #e5e8eb; margin: 0; padding: 12px 0; position: relative; transition: all 0.5s; } .contentBlock-wrap--language-selector .contentBlock-text { color: #1c3775; padding: 0 24px; position: relative; text-align: left; } @media print, screen and (min-width: 56.25em) { .contentBlock-wrap--language-selector .contentBlock-text { padding: 0; } } .contentBlock-wrap--language-selector .contentBlock-text p { font-size: 14px; margin-bottom: 6px; padding: 0 10px 0 5px; text-transform: uppercase; } @media print, screen and (min-width: 56.25em) { .contentBlock-wrap--language-selector .contentBlock-text p { font-size: 16px; padding: 0 0 0 5px; } } [dir="rtl"] .contentBlock-wrap--language-selector .contentBlock-text { text-align: right; } .language-selector-item { font-size: 14px; margin-right: 24px; } [dir="rtl"] .language-selector-item { float: right; margin: 0 0 0 24px; } @media print, screen and (min-width: 56.25em) { .language-selector-item { font-size: 16px; } } .language-selector--close { opacity: 0; } .language-selector--remove { display: none; } .fetch-close--language-selector { cursor: pointer; } @media print, screen and (min-width: 56.25em) { .fetch-close--language-selector { padding: 0; right: 0; } } .fetch-close--language-selector:hover { cursor: pointer; } .pagination span { color: #1c3775; display: inline-table; font-size: 90%; text-transform: uppercase; vertical-align: top; } .pagination-prev { float: left; } .pagination-next, [dir="rtl"] .pagination-prev { float: right; } [dir="rtl"] .pagination-next { float: left; } .pagination-arrow { display: inline-block; height: 20px; line-height: 20px; width: 20px; } [dir="rtl"] .pagination-arrow { transform: rotate(180deg); } .powered-by-edamam { color: #1c3775; font-size: 13px; font-weight: 700; margin-bottom: -10px; } .hero .powered-by-edamam { margin-left: 12px; } @media print, screen and (min-width: 62.5em) { .hero .powered-by-edamam { margin-left: 25px; } } @media print, screen and (min-width: 56.25em) { .powered-by-edamam { margin-top: 15px; } } .powered-by-edamam__logo { overflow: hidden; vertical-align: bottom; } .powered-by-edamam__logo img { display: inline-block; width: auto; height: 25px; position: relative; top: 3px; } .hero--media-left .powered-by-edamam { color: #fff; margin-left: 0; } @media print, screen and (min-width: 62.5em) { .hero--media-left .powered-by-edamam { margin-left: 0; } } .measuring-pasta-container .section-heading { margin-top: 15px; } .measuring-pasta-container .measuring-pasta_details_switch { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .measuring-pasta-container .measuring-pasta_details_switch a { text-decoration: underline; cursor: pointer; } .measuring-pasta-container .measuring-pasta_details_switch .disabled { pointer-events: none; color: #aaa6a9; cursor: pointer; } .measuring-pasta-container .measuring-pasta_details .serving_details { background: #e5e8eb; padding: 16px; margin: 36px 0 18px; position: relative; } .measuring-pasta-container .measuring-pasta_details .serving_details:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 32px 32px; border-color: transparent transparent #e5e8eb; top: -32px; left: 64px; } .measuring-pasta-container .measuring-pasta_details .serving_details span.default { display: block; margin-bottom: 12px; opacity: 0.7; } .measuring-pasta-container .measuring-pasta_details .serving_details a.default { display: block; cursor: pointer; text-transform: uppercase; text-align: center; font-weight: bolder; } .measuring-pasta-container .measuring-pasta_details .serving_details_next { text-align: center; margin: 0 0 16px; } .measuring-pasta-container .measuring-pasta_details .serving_details_next .next_loader { position: relative; } .measuring-pasta-container .measuring-pasta_details .serving_details_next p { margin-bottom: 12px; } .measuring-pasta-container .measuring-pasta_details .serving_details_next input[type="number"] { border: 2px solid #012354; padding: 16px 8px; margin: 0 8px; width: 160px; max-width: calc(50% - 20px); } .measuring-pasta-container .measuring-pasta_details .serving_details_radio { margin: 0 0 16px; } @media print, screen and (max-width: 31.25em) { .measuring-pasta-container .measuring-pasta_details .serving_details_radio .radio { padding: 6px 0; } } .measuring-pasta-container .measuring-pasta_details .filter_details { margin: 36px 0 18px; position: relative; } .measuring-pasta-container .measuring-pasta_details .filter_details:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 32px 32px; border-color: transparent transparent #e5e8eb; top: -32px; right: 64px; } .measuring-pasta-container .measuring-pasta_details .filter_details .filter_content { padding: 18px 0; } .measuring-pasta-container .measuring-pasta_details .filter_details .filter_content__container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .measuring-pasta-container .measuring-pasta_details .filter_details_previous { text-align: center; margin: 0 0 16px; background: #e5e8eb; padding: 16px 16px 32px; } .measuring-pasta-container .measuring-pasta_details .filter_details_previous p { margin-bottom: 12px; } .measuring-pasta-container .measuring-pasta_details .filter_details .media { width: 50%; padding-bottom: 20px; padding-left: 20px; } @media print, screen and (min-width: 62.5em) { .measuring-pasta-container .measuring-pasta_details .filter_details .media { width: 33.3333333333%; } } @media print, screen and (min-width: 78.125em) { .measuring-pasta-container .measuring-pasta_details .filter_details .media { width: 25%; } } @media print, screen and (max-width: 31.25em) { .measuring-pasta-container .measuring-pasta_details .filter_details .media { width: 100%; } } .measuring-pasta-container .measuring-pasta_details .filter_details .media .media-body, .measuring-pasta-container .measuring-pasta_details .filter_details .media .media-img { display: block; text-align: center; color: #012354; padding-right: 0; } .measuring-pasta-container .measuring-pasta_details .filter_details .media .description-name { text-transform: uppercase; min-height: 50px; } .measuring-pasta-container .measuring-pasta_details .filter_details .media .description-additional { font-size: 70%; } .measuring-pasta-container .measuring-pasta_details .filter_details .media .description-value { padding: 5px 0; } .measuring-pasta-container .measuring-pasta_details .filter_details .media .description-value:not([style*="display:none"]):not([style*="display: none"]) + .description-value { border-top: 1px solid grey; } [dir="rtl"] .measuring-pasta-container .measuring-pasta_details .filter_details .media { display: block; } [dir="rtl"] .measuring-pasta-container .measuring-pasta_details .filter_details .media .num_direction { display: inline-block; direction: ltr; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link { margin: 5px 10px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link > * { margin-right: 15px; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form { width: auto; float: none; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-label { position: relative; top: 0; text-decoration: none; text-transform: uppercase; white-space: normal; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-content { padding: 10px; background: #e4e8eb; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-content:after { border-color: #e4e8eb transparent transparent; } @media print, screen and (max-width: 31.25em) { .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-content:after { right: auto; left: 15%; } } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-content .icon-sg { width: 20px; height: 20px; cursor: pointer; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-content .socialCTA.u-showAboveMid { display: block; } @media print, screen and (max-width: 31.25em) { .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .tooltip--form .tooltip-content { left: -50%; bottom: 100px; } } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link #print { color: #247eb3; cursor: pointer; text-transform: uppercase; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link #view-more { margin-left: auto; } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link #view-more:before { transform: rotate(-90deg); } .measuring-pasta-container .measuring-pasta_details .filter_details .address-link #copy-text input { position: absolute; left: -999em; text-indent: -999em; } @media print, screen and (max-width: 31.25em) { .measuring-pasta-container .measuring-pasta_details .filter_details .address-link .link-arrow-before:before { display: block; } } .measuring-pasta-container .loader { text-align: center; } .measuring-pasta-container .error_message { display: none; font-size: 24px; margin-top: 12px; } .measuring-pasta-container.is-loading .adjust { pointer-events: none; display: none; } .measuring-pasta-container.is-loading .coupon__loading { display: block; } .measuring-pasta-container.error .coupon__loading, .measuring-pasta-container.error .serving_details_next { display: none; } .measuring-pasta-container.error .error_message { display: block; } @keyframes a { 0% { transform: translate(0); } to { transform: translate(-100%); } } .quote-banner { padding: 20px; background: #ba0c2f; font-size: 12px; color: #fff; text-align: center; overflow: hidden; } .quote-banner a { color: #ffd800; } .quote-banner p { margin: 0; padding: 0; font-size: inherit; } .quote-banner br { margin: 0; padding: 0; line-height: 0; } .quote-banner__wrapper { display: inline-block; } .quote-banner--animated { white-space: nowrap; } .quote-banner--animated .quote-banner__wrapper { padding-left: 100%; animation: a 10s infinite linear; } .quote-banner--blue { background: #247eb3; } .quote-banner--yellow { background: #ffd800; color: #2a2a2a; } .quote-banner--yellow a { color: inherit; text-decoration: underline; } .breadcrumbs { margin-bottom: 24px; } @media print, screen and (min-width: 46.875em) { .breadcrumbs { margin-bottom: 48px; } } .l-container .breadcrumbs .l-container { margin: 0; padding: 0; width: auto; } .contentBody .breadcrumbs { margin-top: -24px; } @media print, screen and (min-width: 62.5em) { .contentBody .breadcrumbs { margin-top: -48px; } } .breadcrumbs__wrapper { display: block; margin: 0; padding: 12px 12px 12px 0; line-height: 19px; } .pageActions .breadcrumbs__wrapper { padding: 0 12px 0 0; } .breadcrumbs__item { display: inline-block; margin: 0; padding: 0; } .breadcrumbs__item a { color: #818181; } .breadcrumbs__item:after { content: "/"; display: inline-block; margin-left: 6px; color: #818181; } .breadcrumbs__item:last-child { color: #1c3775; } .breadcrumbs__item:last-child:after { display: none; } .hero + .breadcrumbs, .pageActions + .breadcrumbs { margin-top: -24px; } @media print, screen and (min-width: 62.5em) { .hero + .breadcrumbs, .pageActions + .breadcrumbs { margin-top: -48px; } } .agenda { min-height: 1500px; background-repeat: no-repeat; background-size: cover; background-position: 50%; padding: 3%; } .agenda, .agenda--container { display: -ms-flexbox; display: flex; } .agenda--container { background-color: #002954; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-direction: column; flex-direction: column; } .agenda--container--info { margin: auto; width: 80%; color: #fff; text-align: center; text-transform: uppercase; } .agenda--container--info .edition { font-size: 1.25rem; margin-bottom: 20px; display: block; font-weight: 700; letter-spacing: 15px; } @media print, screen and (max-width: 46.875em) { .agenda--container--info .edition { font-size: 2vw; line-height: 2.5vw; } } .agenda--container--info .dash { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .agenda--container--info .dash--line { -ms-flex: 1 1 30%; flex: 1 1 30%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .agenda--container--info .dash .icon-sg { width: 80px; height: 80px; -ms-flex: 1 1 40%; flex: 1 1 40%; } .agenda--container--info .main { width: 90%; margin: 20px auto; } .agenda--container--info .main .title { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; font-size: 9rem; font-weight: 700; line-height: 8rem; } @media print, screen and (max-width: 46.875em) { .agenda--container--info .main .title { font-size: 14vw; line-height: 14.5vw; } } .agenda--container--info .main .title--second { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; font-size: 4rem; font-weight: 700; line-height: 5rem; } @media print, screen and (max-width: 78.125em) { .agenda--container--info .main .title--second { font-size: 5vw; line-height: 5.5vw; } } .agenda--container--info .subtitle { font-size: 1.25rem; margin-top: 20px; display: block; font-weight: 700; letter-spacing: 15px; } @media print, screen and (max-width: 46.875em) { .agenda--container--info .subtitle { font-size: 2vw; line-height: 2.5vw; } } .agenda--container--data { margin: 0 auto; width: 80%; color: #fff; text-align: center; padding-bottom: 40px; } .agenda--container--data span { display: block; font-size: 2rem; font-weight: 700; letter-spacing: 10px; white-space: nowrap; } @media print, screen and (max-width: 78.125em) { .agenda--container--data span { font-size: 3vw; line-height: 4vw; letter-spacing: 1vw; } } .agenda--container--data span:first-child { text-transform: uppercase; } .agenda--container--data span:last-child { font-weight: lighter; font-style: italic; } .agenda--container--data sup { display: inline-block; vertical-align: super; font-size: 1rem; font-weight: 100; top: 0; } @media print, screen and (max-width: 78.125em) { .agenda--container--data sup { font-size: 2vw; line-height: 2vw; } } .agenda--container--dates { margin: 40px auto; width: 80%; color: #fff; } .agenda--container--dates .date-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .agenda--container--dates .date-container .date { text-transform: uppercase; font-size: 4rem; } @media print, screen and (max-width: 46.875em) { .agenda--container--dates .date-container .date { font-size: 8vw; line-height: 8.5vw; } } .agenda--container--dates .date-container .date sup { top: -1.5rem; font-size: 2rem; } @media print, screen and (max-width: 46.875em) { .agenda--container--dates .date-container .date sup { font-size: 4vw; line-height: 4.5vw; top: -3vw; } } .agenda--container--dates .date-container .date-item { display: -ms-flexbox; display: flex; margin-left: 50px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; } @media print, screen and (max-width: 46.875em) { .agenda--container--dates .date-container .date-item { margin-left: 0; -ms-flex-direction: column; flex-direction: column; } } .agenda--container--dates .date-container .date-item .time { -ms-flex: 0 1 20%; flex: 0 1 20%; text-align: right; text-transform: uppercase; color: #ffd800; padding: 5px; } @media print, screen and (max-width: 46.875em) { .agenda--container--dates .date-container .date-item .time { text-align: center; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: auto; flex: auto; } } .agenda--container--dates .date-container .date-item .time sup { top: 0; } .agenda--container--dates .date-container .date-item .description { -ms-flex: 0 1 75%; flex: 0 1 75%; padding: 5px; } @media print, screen and (max-width: 46.875em) { .agenda--container--dates .date-container .date-item .description { text-align: center; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: auto; flex: auto; } } .agenda--container--dates .date-container .date-item .description.highlight { background: #fff; color: #002954; } .agenda + .agenda { margin-top: 24px; } .instant-win { overflow-x: hidden; margin-top: -24px; } @media print, screen and (min-width: 62.5em) { .instant-win { margin-top: -48px; } } .instant-win .competiton-instruction { background-color: #1c3775; position: relative; overflow: auto; padding-bottom: 70px; } .instant-win .competiton-instruction__header, .instant-win .competiton-instruction__subheader { text-align: center; font-size: 32px; font-size: 2rem; color: #ffd800; margin: 15px 0 25px; text-transform: uppercase; } @media print, screen and (max-width: 56.25em) { .instant-win .competiton-instruction { padding-bottom: 160px; } } .instant-win .competiton-instruction__steps { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 46.875em) { .instant-win .competiton-instruction__steps { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; } } .instant-win .competiton-instruction__item { position: relative; margin: 10px 0; opacity: 0; transition: opacity, 1s; } .instant-win .competiton-instruction__item.fade-in-element { opacity: 1; } @media print, screen and (min-width: 46.875em) and (max-width: 56.25em) { .instant-win .competiton-instruction__item { -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; flex-grow: 1; margin: 0 20px; } } @media print, screen and (min-width: 56.25em) { .instant-win .competiton-instruction__item { margin: 0; } } .instant-win .competiton-instruction__item__img { width: 120px; height: 120px; background-color: #305ec7; position: relative; margin: 0 auto; } .instant-win .competiton-instruction__item__img i { width: 100%; height: 100%; position: relative; display: block; } .instant-win .competiton-instruction__item__img i svg { width: 50px !important; height: 50px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .instant-win .competiton-instruction__item__img img { max-width: 50%; max-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .instant-win .competiton-instruction__item__calc { position: absolute; font-size: 32px; font-size: 2rem; left: 50%; transform: translate(-50%, -50%); color: #ffd800; } .instant-win .competiton-instruction__item__description { margin-top: 20px; color: #fefeff; text-align: center; } .instant-win .competiton-instruction__description { text-align: center; color: #fefeff; margin-bottom: 30px; } .instant-win .competiton-instruction__below { display: block; width: 70px; color: #305ec7; margin: 0 auto; } .instant-win .competiton-instruction__switcher { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 46.875em) { .instant-win .competiton-instruction__switcher { -ms-flex-direction: row; flex-direction: row; } } .instant-win .competiton-instruction__switcher .btn--box { border: 1px solid #ffffeb; color: #ffffeb; font-weight: 400; line-height: 5; height: 5em; cursor: pointer; } .instant-win .competiton-instruction__switcher .btn--box.active { background-color: #ffd800; color: #1c3775; } .instant-win .competiton-instruction__switcher a:first-child { margin-bottom: 15px; } @media print, screen and (min-width: 46.875em) { .instant-win .competiton-instruction__switcher a:first-child { border-right: 0; margin-bottom: 0; } } @media print, screen and (min-width: 46.875em) { .instant-win .competiton-instruction__switcher a:last-child { border-left: 0; } } .competition-tabs { background-color: #ffd800; overflow: visible; padding-bottom: 20px; } .competition-tabs #competition-tabs { z-index: 2; position: relative; } .competition-tabs #competition-tabs > :first-child .g-col { z-index: 10; } .competition-tabs__content { position: relative; margin-top: -40px; } .competition-tabs__content .random-images { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .submit-done .competition-tabs__content .random-images { display: none !important; visibility: hidden !important; } .competition-tabs__content .random-images__position { position: absolute; opacity: 0; transition: opacity, 1s; } .competition-tabs__content .random-images__position.fade-in-element { opacity: 1; } .competition-tabs__content .random-images > :first-child { top: -80px; right: calc(30vw + 38%); } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images > :first-child { right: calc(30vw + 45%); } } @media print, screen and (max-width: 78.125em) { .competition-tabs__content .random-images > :first-child { right: auto; left: 0; left: -60px; } } @media print, screen and (max-width: 31.25em) { .competition-tabs__content .random-images > :first-child { left: -140px; } } .competition-tabs__content .random-images > :nth-child(2) { top: 190px; right: 0; } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images > :nth-child(2) { right: -50px; } } @media print, screen and (max-width: 78.125em) { .competition-tabs__content .random-images > :nth-child(2) { display: none; } } .competition-tabs__content .random-images > :nth-child(3) { bottom: -160px; left: calc(30vw + 35%); } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images > :nth-child(3) { left: calc(30vw + 45%); } } @media print, screen and (max-width: 78.125em) { .competition-tabs__content .random-images > :nth-child(3) { left: auto; right: 0; right: -60px; } } @media print, screen and (max-width: 56.25em) { .competition-tabs__content .random-images > :nth-child(3) { bottom: -220px; } } .competition-tabs__content .random-images > :nth-child(4) { bottom: 100px; left: 0; } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images > :nth-child(4) { left: -50px; } } @media print, screen and (max-width: 78.125em) { .competition-tabs__content .random-images > :nth-child(4) { display: none; } } .competition-tabs__content .random-images__wrapper { width: 280px; height: 280px; position: relative; } .competition-tabs__content .random-images__wrapper .random-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .competition-tabs__content .random-images.slide-animation .random-images__position, .competition-tabs__content .random-images.slide-animation .random-images__position.fade-in-element { opacity: 1; } .competition-tabs__content .random-images.slide-animation > :first-child { left: -100%; transition: left, 1s; } .competition-tabs__content .random-images.slide-animation > :first-child.fade-in-element { left: auto; left: calc(-25vw + 38%); } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images.slide-animation > :first-child.fade-in-element { right: calc(30vw + 45%); } } @media print, screen and (max-width: 78.125em) { .competition-tabs__content .random-images.slide-animation > :first-child { right: auto; left: -100%; transition: left, 1s; } .competition-tabs__content .random-images.slide-animation > :first-child.fade-in-element { left: -60px; } } @media print, screen and (max-width: 31.25em) { .competition-tabs__content .random-images.slide-animation > :first-child { right: auto; left: -100%; transition: left, 1s; } .competition-tabs__content .random-images.slide-animation > :first-child.fade-in-element { left: -140px; } } .competition-tabs__content .random-images.slide-animation > :nth-child(2) { top: 190px; right: -100%; transition: right, 1s; } .competition-tabs__content .random-images.slide-animation > :nth-child(2).fade-in-element { right: 0; } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images.slide-animation > :nth-child(2).fade-in-element { right: -50px; } } .competition-tabs__content .random-images.slide-animation > :nth-child(3) { bottom: -160px; right: -100%; transition: right, 1s; left: auto; } .competition-tabs__content .random-images.slide-animation > :nth-child(3).fade-in-element { right: calc(-25vw + 35%); } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images.slide-animation > :nth-child(3).fade-in-element { right: calc(30vw + 45%); } } @media print, screen and (max-width: 78.125em) { .competition-tabs__content .random-images.slide-animation > :nth-child(3) { left: auto !important; right: -100%; transition: right, 1s; } .competition-tabs__content .random-images.slide-animation > :nth-child(3).fade-in-element { right: 0; } } @media print, screen and (max-width: 56.25em) { .competition-tabs__content .random-images.slide-animation > :nth-child(3) { bottom: -220px; } } .competition-tabs__content .random-images.slide-animation > :nth-child(4) { bottom: 100px; left: -100%; transition: left, 1s; } .competition-tabs__content .random-images.slide-animation > :nth-child(4).fade-in-element { left: 0; } @media print, screen and (max-width: 93.75em) { .competition-tabs__content .random-images.slide-animation > :nth-child(4).fade-in-element { left: -50px; } } .submit-done .competition-tabs { height: auto; position: relative; transition: all 3s ease-out; } .submit-done .competition-tabs__content { margin-top: 0; } .competition-tabs__item { width: 100%; } .competition-tabs__item.is-selected { z-index: 11; } .competition-tabs__item form .form-controlGroup-inner .form-controlGroup-inputWrapper { width: 100%; max-width: none; position: relative; } .competition-tabs__item form .form-controlGroup-inner.custom { height: 80px; } .competition-tabs__item form .form-controlGroup-inner.custom input { border: 2px solid #1c3775; position: absolute; height: 80px; width: 100%; left: 50%; transform: translateX(-50%); } @media print, screen and (max-width: 31.25em) { .competition-tabs__item form .form-controlGroup-inner.custom input:-ms-input-placeholder { font-size: 14px; font-size: 0.875rem; } .competition-tabs__item form .form-controlGroup-inner.custom input::placeholder { font-size: 14px; font-size: 0.875rem; } } @media print, screen and (max-width: 25em) { .competition-tabs__item form .form-controlGroup-inner.custom input:-ms-input-placeholder { font-size: 12px; font-size: 0.75rem; } .competition-tabs__item form .form-controlGroup-inner.custom input::placeholder { font-size: 12px; font-size: 0.75rem; } } .competition-tabs__item form .form-controlGroup-inner input { height: 56px; } .competition-tabs__item form .g-row { margin: 10px auto; } .competition-tabs__item form .g-row.step { margin-top: 100px; } @media print, screen and (max-width: 56.25em) { .competition-tabs__item form .g-row.step { margin-top: 130px; } } .competition-tabs__item form .g-row .form-controlGroup { margin: 0 0 10px; } .competition-tabs__item form .g-row .control--custom { padding: 0 0 1em 4em; font-size: 14px; font-size: 0.875rem; margin-bottom: 20px; } .competition-tabs__item form .g-row .control--custom .control-indicator { width: 40px; height: 40px; } .competition-tabs__item form .g-row .control--custom input:checked ~ .control-indicator--checkbox { background-size: 20px 20px; } .competition-tabs__item form .g-row .control--custom p { margin: 0; font-size: 14px; font-size: 0.875rem; } .competition-tabs__item form input[type="checkbox"].invalid ~ .control-indicator, .competition-tabs__item form input[type="email"].invalid, .competition-tabs__item form input[type="radio"].invalid ~ .control-indicator, .competition-tabs__item form input[type="select"].invalid, .competition-tabs__item form input[type="text"].invalid, .competition-tabs__item form input[type="textarea"].invalid { border: 2px solid red; } @media print, screen and (max-width: 56.25em) { .competition-tabs__item form .form-info { width: 55vw; font-style: italic; float: right; } } @media print, screen and (max-width: 31.25em) { .competition-tabs__item form .form-info { width: 45vw; } } .competition-tabs__item form .form-info + .g-row { margin-top: 100px; } @media print, screen and (max-width: 56.25em) { .competition-tabs__item form .form-info + .g-row { margin-top: 130px; } } .competition-tabs__item form input[type="submit"] { box-shadow: 1px 1px 10px #ffd800; } .competition-tabs__item .error, .competition-tabs__item .success { display: none; font-size: 32px; font-size: 2rem; text-align: center; padding: 35px 0 25px; } .competition-tabs__item .error div, .competition-tabs__item .success div { font-size: 16px; font-size: 1rem; } .competition-tabs__item.error-message .error, .competition-tabs__item.success-message .success { display: block; } @media print, screen and (min-width: 56.25em) { .competition-section__content { width: 80%; } } .competition-section p, .competition-section span { margin-bottom: 15px; } .competition-section__header { font-size: 20px; font-size: 1.25rem; font-weight: 700; margin-bottom: 15px; } .mightlike-section { background-color: #bbc9cc; padding: 20px 0 40px; } .mightlike-section .section-heading, .mightlike-section__header { font-size: 32px; font-size: 2rem; font-weight: 700; padding: 10px 0; color: #1c3775; text-align: center; } .mightlike-section .card--mightlike { width: 100%; height: 480px; } .mightlike-section .card--mightlike .card-image__wrapper { height: 320px; position: relative; } .mightlike-section .card--mightlike .card-image__wrapper .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .mightlike-section .card--mightlike .card-name { margin-top: 20px; } @media print, screen and (min-width: 31.25em) { .mightlike-section .card--mightlike { height: 280px; width: 280px; } .mightlike-section .card--mightlike .card-image__wrapper { width: 260px; height: 190px; position: relative; } } .mightlike-section .flickity-enabled .card + .card { margin-left: 15px; } .mightlike-section .carouselCards > .card--mightlike { margin: 0 auto 30px; } .full-width-image { width: 100%; max-height: 90vh; overflow: hidden; margin: 48px 0; box-shadow: 0 0 6px #2a2a2a; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .full-width-image img { display: block; width: 100%; height: auto; } .custom-background-wrapper { padding: 18px 0; } .custom-background-wrapper .custom-background { position: absolute; left: 0; right: 0; z-index: -1; background-color: #e5e8eb; margin-top: -18px; } .custom-background-wrapper a { color: inherit; } .map-container .gm-style .gm-style-iw-c { border-radius: 0; padding: 3px; } .map-container .gmap-infowindow { display: -ms-flexbox; display: flex; } .map-container .gmap-infowindow_image { max-width: 40%; height: 100%; } .map-container .gmap-infowindow_text { padding: 18px; font-size: 16px; } .map-container .gmap-infowindow_text h4 { font-weight: 700; margin-bottom: 8px; } .map-container .gmap-infowindow_text p { margin-bottom: 8px; } .map-container .gmap-infowindow_text a { color: #ba0c2f; font-weight: 700; text-decoration: underline; } @media print, screen and (max-width: 37.5em) { .map-container .gmap-infowindow { -ms-flex-direction: column; flex-direction: column; } .map-container .gmap-infowindow_image { width: 100%; max-width: none; height: auto; } .map-container .gmap-infowindow_text { padding: 18px 6px; } } .map-container .gm-ui-hover-effect { top: 0 !important; right: 0 !important; } .map-container .gm-ui-hover-effect > span { position: relative; z-index: 1; } .map-container .gm-ui-hover-effect:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background: #fff; } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { position: relative; height: 100%; overflow: hidden; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-rtl.carouselCards--disabled .flickity-slider { transform: none !important; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; -ms-touch-action: pan-y !important; touch-action: pan-y !important; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #fff; background: hsla(0, 0%, 100%, 0.75); cursor: pointer; transform: translateY(-50%); } .flickity-prev-next-button:hover { background: #fff; } .flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09f; } .flickity-prev-next-button:active { filter: alpha(opacity=60); opacity: 0.6; } .flickity-prev-next-button.previous { display: none; } @media print, screen and (min-width: 46.875em) { .flickity-prev-next-button.previous { left: 10px; display: block; } } .flickity-prev-next-button.next { display: none; } @media print, screen and (min-width: 46.875em) { .flickity-prev-next-button.next { right: 10px; display: block; } } .flickity-rtl .flickity-prev-next-button.previous { right: 10px; left: auto; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { filter: alpha(opacity=0); opacity: 0; cursor: auto; } .flickity-prev-next-button svg { position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-prev-next-button.no-svg { color: #333; font-size: 26px; } .flickity-page-dots { position: absolute; bottom: -25px; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 12px; background: #1c3775; border-radius: 50%; filter: alpha(opacity=25); opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1; } body { background-color: #fff; overflow-y: auto; } .pageWrapper { position: relative; } .pageWrapper.is-locked { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .pageWrapper .masthead + .container, .pageWrapper .masthead + .l-container { position: inherit; } .l-container { margin: 0 auto; padding-right: 0; padding-left: 0; max-width: 1180px; } @media print, screen and (min-width: 56.25em) { .l-container { width: 92%; } } .lt-ie9 .l-container { min-width: 1000px; } .l-container p { word-wrap: break-word; } @media print, screen and (max-width: 56.25em) { .l-container--padded { margin-right: 12px; margin-left: 12px; } .l-container--padded .cardFullWrapper-infoBox, .l-container--padded .title-text { margin-right: -12px; margin-left: -12px; } } @media print, screen and (min-width: 56.25em) { .l-fixedSidebar { padding-right: 320px; } [dir="rtl"] .l-fixedSidebar { padding-left: 320px; padding-right: 0; } } @media print, screen and (min-width: 78.125em) { .l-fixedSidebar { padding-right: 360px; } [dir="rtl"] .l-fixedSidebar { padding-left: 360px; padding-right: 0; } } @media print, screen and (max-width: 56.25em) { .l-fixedSidebar-content { margin-right: 24px; margin-left: 24px; } } @media print, screen and (min-width: 56.25em) { .l-fixedSidebar-content { width: 100%; float: left; } [dir="rtl"] .l-fixedSidebar-content { float: right; } } .l-fixedSidebar-sidebar > :first-child { margin-top: 0; } @media print, screen and (min-width: 56.25em) { .l-fixedSidebar-sidebar { width: 280px; margin-right: -320px; float: right; } [dir="rtl"] .l-fixedSidebar-sidebar { float: left; margin-left: -320px; } } @media print, screen and (min-width: 78.125em) { .l-fixedSidebar-sidebar { margin-right: -360px; } [dir="rtl"] .l-fixedSidebar-sidebar { margin-left: -360px; } } @media print, screen and (max-width: 56.25em) { .l-fixedSidebar-sidebar--constrained { margin: auto; max-width: 360px; } } @media print, screen and (max-width: 56.25em) { .l-fixedSidebar-sidebar--padded { margin-right: 24px; margin-left: 24px; } } .btn--cta:before, .btn--primary, .hr--pasta, .pattern--pasta { background-color: #ffd800; background-size: 4px 4px; } .section { margin-bottom: 48px; } .section--bdr { padding-bottom: 48px; border-bottom: 1px solid #e5e8eb; } .section--tdr { border-top: 1px solid #e5e8eb; } .section--bdr--dotted { padding-bottom: 48px; border-bottom: 1px dotted #e5e8eb; } .section--full { margin-bottom: 24px; margin-top: 24px; } .section-heading { color: #1c3775; text-transform: uppercase; } @media print, screen and (max-width: 31.25em) { .section-heading { margin-bottom: 0.5em; } } * + .section-heading { margin-top: 60px; } .section-heading--sidebar { margin-left: 24px; margin-right: 24px; } @media print, screen and (min-width: 56.25em) { .section-heading--sidebar { text-align: center; margin-left: 0; margin-right: 0; } } .card.cardSection + .card.cardSection { margin-top: 20px; } .linkBox.section .linkBox-text { line-height: 1.5; } .table-wrapper { overflow: auto; } .l-fixedSidebar-sidebar .recipe-tags { margin-bottom: 48px; } .g-kapra-font { font-family: KapraNeue, HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif; } .no--margin { margin: 0 !important; } .contains-cloned #WAR { display: none !important; } .contains-cloned #WAR.is-cloned { display: inline !important; } .contains-cloned #first-to-write { display: none !important; } .contains-cloned #first-to-write.is-cloned { display: inline !important; } .alert.alert-danger { background: #ba0c2f; color: #fff; padding: 8px 12px; margin-bottom: 16px; text-align: center; position: relative; } .alert.alert-danger:after { content: ""; position: absolute; bottom: -9px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0; left: 50%; margin-left: -10px; border-color: #ba0c2f transparent transparent; } .masthead { height: 100px; background-color: #1c3775; } @media print, screen and (min-width: 56.25em) { .masthead { height: 120px; } } @media print, screen and (max-width: 46.875em) { .masthead { height: 60px; overflow: hidden; } .masthead.is-active { height: 120px; overflow: visible; } } .l-container--masthead { position: relative; height: 100px; padding: 10px 10px 0; } @media print, screen and (min-width: 56.25em) { .l-container--masthead { height: 120px; padding: 0; } } .masthead-logo { position: relative; width: 98px; height: 40px; float: left; border-radius: 50%; } @media print, screen and (min-width: 56.25em) { .masthead-logo { width: 176px; height: 72px; margin-top: 22px; } } [dir="rtl"] .masthead-logo { float: right; } .masthead-icon { display: inline-block; width: 20px; height: 20px; background-color: transparent; background-repeat: no-repeat; direction: ltr; overflow: hidden; text-align: left; color: #fff; } .masthead-icon--help { width: 9px; } .masthead-utilityNav { position: absolute; top: 20px; right: 10px; } [dir="rtl"] .masthead-utilityNav { right: auto; left: 10px; } @media print, screen and (min-width: 56.25em) { .masthead-utilityNav { top: 30px; right: 0; } [dir="rtl"] .masthead-utilityNav { right: auto; left: 0; } } @media print, screen and (max-width: 46.875em) { .masthead-utilityNav { top: 68px; left: 0; right: 0; background-color: #1c3775; } } .masthead-utilityNav-item { height: 20px; padding-right: 15px; padding-left: 15px; float: left; line-height: 20px; transition: all 0.3s ease; border-right: 1px solid #fff; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .masthead-utilityNav-item--removeBdr { border-right: 0; } .masthead-utilityNav-item--link, .masthead-utilityNav-item--link:link { color: #fff; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; } @media print, screen and (min-width: 31.25em) { .masthead-utilityNav-item { padding-right: 20px; padding-left: 20px; } } @media print, screen and (max-width: 46.875em) { .masthead-utilityNav-item { border-right: 0; float: right; padding-right: 24px; } } .masthead-utilityNav-item .iconLabel-label { color: #fff; } .masthead-utilityNav--searchVisible .masthead-utilityNav-item:not(.mastheadSearch) { opacity: 0; } .iconLabel { display: inline-block; height: 20px; vertical-align: top; transition: all 0.3s ease; } .iconLabel:focus { outline: none; } .iconLabel-label { margin-right: 2px; text-transform: uppercase; color: #fff; font-size: 12px; font-size: 0.75rem; vertical-align: top; } @media print, screen and (min-width: 31.25em) { .iconLabel-label { font-size: 14px; font-size: 0.875rem; } } .mastheadSearch { position: relative; width: 35px; padding: 0; transition: all 0.3s ease; } @media print, screen and (min-width: 31.25em) { .mastheadSearch { width: 40px; } } @media print, screen and (max-width: 46.875em) { .mastheadSearch { position: absolute; right: 70px; top: -48px; width: 160px; } [dir="rtl"] .mastheadSearch { right: auto; left: 50px; } } @media print, screen and (max-width: 25em) { .mastheadSearch { width: 120px; } } .mastheadSearch-form { position: absolute; top: 0; right: 0; width: 20px; height: 20px; overflow: hidden; background-color: #1c3775; transition: all 0.3s ease; } @media print, screen and (max-width: 46.875em) { .mastheadSearch-form { width: auto; left: 0; } .mastheadSearch-form .mastheadSearch-close { opacity: 0; display: none; } .mastheadSearch-form .form-input--masthead { font-size: 10px; } } .mastheadSearch-form .form-input--masthead { width: calc(100% - 30px); } [dir="rtl"] .mastheadSearch-form .form-input--masthead { padding-right: 20px; } @media print, screen and (max-width: 46.875em) { [dir="rtl"] .mastheadSearch-form .form-input--masthead { padding-right: 0; } } .mastheadSearch--visible .mastheadSearch-form { width: 170px; } @media print, screen and (min-width: 31.25em) { .mastheadSearch--visible .mastheadSearch-form { width: 210px; } } @media print, screen and (min-width: 56.25em) { .mastheadSearch--visible .mastheadSearch-form { width: 270px; } } .mastheadSearch--visible .mastheadSearch-close { opacity: 1; display: block; } .mastheadSearch-form-label { position: absolute; top: 0; left: 0; width: 20px; } .form-input--masthead { position: absolute; top: 0; left: 30px; height: 20px; padding: 0; border: 0; border-bottom: 1px solid #fff; background-color: #1c3775; color: #fff; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; transition: none; } .form-input--masthead:-ms-input-placeholder { color: #fff; } .form-input--masthead:-moz-placeholder { color: #fff; } .form-input--masthead::-webkit-input-placeholder { color: #fff; } .form-input--masthead:focus { border-bottom-color: #fff; } .mastheadSearch-submit { display: none; } @media print, screen and (max-width: 46.875em) { .mastheadSearch-submit { display: inline-block; background: transparent; border: none; color: transparent; position: absolute; top: 0; left: 0; width: 20px !important; } } .mastheadSearch-close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; opacity: 0; transition: all 0.3s ease; color: #ffd800; } .mastheadSearch-close i { display: block; width: 10px; height: 10px; margin-left: auto; } .masthead-gigya { position: relative; float: left; height: 20px; border-right: 1px solid #fff; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .masthead-utilityNav--searchVisible .masthead-gigya { opacity: 0; } .masthead-gigya:empty { border-right: 0; } @media print, screen and (max-width: 46.875em) { .masthead-gigya { border-right: 0; margin-top: -3px; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .masthead-gigya-cta { position: relative; top: -10px; height: 40px; padding: 10px 20px; z-index: 1; cursor: pointer; transition: none; } .masthead-gigya-cta .iconLabel-label { display: none; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media print, screen and (max-width: 46.875em) { .masthead-gigya-cta { z-index: 4; padding-right: 0; } } .masthead-gigya-popover { position: relative; right: -16px; top: -2px; display: inline-block; font-size: 14px; font-size: 0.875rem; z-index: 1; } [dir="rtl"] .masthead-gigya-popover { position: relative; right: 12px; } @media print, screen and (max-width: 46.875em) { .masthead-gigya-popover { right: auto; margin-left: 8px; top: -1px; } } .masthead-gigya--loggedIn .masthead-gigya-popover-loggedOut, .masthead-gigya--loggedOut .masthead-gigya-popover-loggedIn { display: none; } .masthead-gigya--loggedIn .masthead-gigya-popover-loggedIn, .masthead-gigya--loggedOut .masthead-gigya-popover-loggedOut { display: block; white-space: nowrap; } .masthead-gigya-popover-link, a.masthead-gigya-popover-link { display: inline-block; text-transform: uppercase; white-space: nowrap; color: #fff; } .masthead-gigya-popover-link:before, a.masthead-gigya-popover-link:before { content: "/"; margin: 0 4px 0 0; } .masthead-gigya-popover-link:first-child:before, a.masthead-gigya-popover-link:first-child:before { display: none; } @media print, screen and (max-width: 46.875em) { .masthead-gigya-popover-link, a.masthead-gigya-popover-link { font-size: 12px; font-size: 0.75rem; } } a.masthead-favorites-link { display: none; text-transform: uppercase; white-space: nowrap; color: #fff; margin: 10px 0; } a.masthead-favorites-link i { color: #fff; width: 16px; height: 18px; display: inline-block; margin: 0 10px -3px; } a.masthead-favorites-link + .masthead-gigya-popover-link:before { display: none; } @media print, screen and (max-width: 46.875em) { a.masthead-favorites-link { font-size: 12px; font-size: 0.75rem; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: end; justify-content: flex-end; margin-left: -36px; margin-bottom: 0; } .masthead-gigya:not(.disabled--favorites) a.masthead-favorites-link { display: -ms-flexbox; display: flex; } } a.masthead-favourites-tab { display: none; } .masthead-gigya.disabled--favorites a.masthead-favourites-tab { display: none !important; } @media print, screen and (min-width: 46.9375em) { a.masthead-favourites-tab { display: block; } } .footer { padding: 24px 0 120px; background-color: #1c3775; color: #fff; text-align: center; position: relative; } .footer .g-col:last-child { float: left; } @media print, screen and (max-width: 56.25em) { .footer { padding: 24px; } .footer .g-col:last-child { float: none; } } .footer-social { border-bottom: 1px solid #fff; font-size: 0; padding-bottom: 19px; } .footer-social .socialCTA { margin: 0 4px; } @media print, screen and (max-width: 56.25em) { .footer-social { background-position: 50% 0; background-size: 150px auto; } } .footer-links { padding: 24px 0; border-bottom: 1px solid #fff; } @media print, screen and (max-width: 56.25em) { .footer-links { padding: 0; } .footer-links > .g-col:first-child { padding-top: 19px; } } .footer-links-list { margin: 0 0 24px; list-style: none; } .footer-links-list li { margin-bottom: 6px; } .footer-links-list a { color: #fff; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .footer-links-list a:hover { color: #ffd800; } @media print, screen and (max-width: 56.25em) { .footer-links-list { margin-bottom: 17px; } .footer-links-list li { margin-bottom: 0; } } .footer-links-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 12px; font-weight: 400; line-height: 1; text-transform: uppercase; } @media print, screen and (max-width: 56.25em) { .footer-links-title { margin-bottom: 9px; font-size: 14px; } } .footer-copyright { font-size: 14px; font-size: 0.875rem; display: block; margin: 0 auto; padding-top: 24px; line-height: 1.3; letter-spacing: 0.03em; } @media print, screen and (max-width: 56.25em) { .footer-copyright { padding-top: 17px; } } .icon, [class*=" icon-"], [class^="icon-"] { speak: none; background-size: contain; background-position: 50%; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); position: relative; background-repeat: no-repeat; } .icon i, [class*=" icon-"] i, [class^="icon-"] i { position: absolute; width: 60%; height: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; } .icon svg, [class*=" icon-"] svg, [class^="icon-"] svg { display: block; width: 100%; height: 100%; } .icon--large { display: block; width: 120px; height: 120px; } .icon--mid { width: 60px; height: 60px; line-height: 26px; } .icon--mid, .icon--mid--full { display: inline-block; background-size: auto; position: relative; } .icon--mid--full { width: 38px; height: 38px; vertical-align: middle; } .icon--small { display: inline-block; width: 25px; height: 25px; vertical-align: top; } .form-controlGroup.is-required .form-label:after, .icon--tiny { display: inline-block; width: 14px; height: 14px; margin-left: 0.5em; background-color: #8e989a; border-radius: 50%; background-position: 50%; vertical-align: middle; background-size: auto; } .icon--circle { border-radius: 50%; border: 4px solid #fff; padding: 12px; text-align: center; color: #1c3775; } .icon--circle--pale { border-color: #fff; } .icon--circle--onDark { color: #fff; } .icon-border-yellow { border: 4px solid #ffd800; } .cookiePolicy { position: fixed; right: 0; bottom: 0; left: 0; padding: 20px; background-color: #2a2a2a; color: #fff; z-index: 50; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; transform: translateY(30px); } .cookiePolicy.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } @media print, screen and (min-width: 56.25em) { .cookiePolicy { padding: 30px 0; } } .cookiePolicy .btn--tertiary { background-color: transparent; } .cookiePolicy-title { margin-bottom: 12px; padding-right: 40px; color: #ffd800; text-transform: uppercase; } @media print, screen and (max-width: 31.25em) { .cookiePolicy-title { font-size: 20px; font-size: 1.25rem; } } .cookiePolicy-message { font-size: 14px; font-size: 0.875rem; margin-bottom: 24px; } @media print, screen and (min-width: 56.25em) { .cookiePolicy-message, .cookiePolicy-title { max-width: 70%; } } .l-container--cookiePolicy { position: relative; } .cookiePolicy-close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; color: #ffd800; } .fetch--countrySelector { right: 0; left: 0; width: 100%; margin-bottom: auto auto 48px; padding-top: 5%; max-width: 1180px; } @media print, screen and (min-width: 62.5em) { .fetch--countrySelector { width: 90%; padding: 48px 48px 0; } } .countrySelector-lists { padding-right: 5%; padding-left: 5%; } .countrySelector-title { margin: 0 48px 24px 5%; text-transform: uppercase; font-size: 28px; font-size: 1.75rem; line-height: 1; } @media print, screen and (min-width: 62.5em) { .countrySelector-title { font-size: 55px; font-size: 3.4375rem; padding-bottom: 24px; border-bottom: 1px solid #bcc9cc; } } @media print, screen and (min-width: 62.5em) { .countrySelector-item { border: 0 !important; } } @media print, screen and (min-width: 62.5em) and (min-width: 62.5em) { .countrySelector-item { float: left; min-height: 1px; position: relative; clear: none; box-sizing: border-box; margin-left: 1.6949152542%; } .countrySelector-item:first-child { margin-left: 0; } .countrySelector-item + .countrySelector-item:last-child { float: right; } .countrySelector-item + .countrySelector-item.end { float: left; } } @media print, screen and (min-width: 62.5em) { .countrySelector-item--span1 { width: 23.7288135593%; } } @media print, screen and (min-width: 62.5em) { .countrySelector-item--span2 { width: 49.1525423729%; } } .countrySelector-listTitle { margin-bottom: 0; text-transform: uppercase; color: #1c3775 !important; } @media print, screen and (max-width: 62.5em) { .countrySelector-listTitle { font-size: 18px; font-size: 1.125rem; } } @media print, screen and (min-width: 62.5em) { .countrySelector-listTitle { padding: 0 !important; min-height: 60px; cursor: default !important; } [dir="rtl"] .countrySelector-listTitle { padding-right: 10px !important; } } .countrySelector-list { padding-bottom: 24px; } @media print, screen and (min-width: 62.5em) { .countrySelector-list { margin-bottom: 24px; padding-bottom: 0; } } @media print, screen and (min-width: 31.25em) { .countrySelector-list-item { float: left; width: 50%; } } @media print, screen and (min-width: 62.5em) { .countrySelector-list-item { float: none; width: auto; } } @media print, screen and (min-width: 31.25em) { .countrySelector-list--multiple li { float: left; width: 50%; } } .countrySelector-control { position: relative; margin: 0; padding: 0; } .countrySelector-control .countrySelector-control-indicator { display: block; } .countrySelector-control:hover .countrySelector-control-indicator { background-color: #f2f2f2; } .countrySelector-control-indicator { position: relative; padding: 10px; border: 1px solid transparent; color: #247eb3; } .countrySelector-control-input:focus ~ .countrySelector-control-indicator { border: 1px solid #247eb3; } .countrySelector-control-input:checked ~ .countrySelector-control-indicator { background-color: #f2f2f2; color: #000; } .countrySelector-control-icon { display: inline-block; width: 32px; height: 32px; margin-right: 10px; border-radius: 50%; background-color: #ba0c2f; vertical-align: middle; overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .countrySelector-control-icon img { width: 32px; } [dir="rtl"] .countrySelector-control-icon { margin-right: 0; margin-left: 10px; } .countrySelector-control-name { display: inline-block; unicode-bidi: normal !important; } .form-actions--countrySelector { margin: 24px auto; padding: 5%; background-color: #f2f2f2; border: 0; text-align: left; } @media print, screen and (min-width: 62.5em) { .form-actions--countrySelector { width: 50%; padding: 40px; } } .countrySelector-graphic { display: block; margin: 24px auto 0; text-align: center; } .countrySelector-graphic img { display: block; margin: auto; } .tooltip { position: relative; } .tooltip:hover .tooltip-content { visibility: visible; opacity: 1; } .tooltip-content { position: absolute; z-index: 10; visibility: hidden; opacity: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .tooltip--form { width: 99%; float: right; } .tooltip--form .tooltip-label { position: absolute; top: -30px; right: 0; font-size: 17px; font-size: 1.0625rem; text-decoration: underline; white-space: nowrap; } [dir="rtl"] .tooltip--form .tooltip-label { right: auto; left: 0; } .tooltip--form .tooltip-content { right: -20px; bottom: 45px; padding: 20px 20px 40px; background: #2a2a2a; color: #fff; min-width: 200px; } .tooltip--form .tooltip-content:after { content: ""; position: absolute; top: 100%; right: 40px; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0; border-color: #2a2a2a transparent transparent; } @media print, screen and (max-width: 56.25em) { .tooltip--form .tooltip-content { right: 0; padding: 20px; } } .tooltip--share { display: none; position: relative; } .tooltip--share:hover { color: #fff; background-color: #1c3775; } .tooltip--share:after { content: ""; position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; margin-bottom: -1px; margin-left: -5px; border-style: solid; border-width: 0 5px 5px; border-color: transparent transparent #1c3775; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1; opacity: 0; visibility: hidden; } .tooltip--share:hover:after { opacity: 1; visibility: visible; } .tooltip--share .tooltip-content { right: -15px; bottom: 100%; width: 180px; padding: 15px 10px 5px; background-color: #e5e8eb; line-height: 1; text-align: right; font-size: 0; } [dir="rtl"] .tooltip--share .tooltip-content { right: auto; left: -15px; } .tooltip--share .tooltip-content-fav { right: auto; text-align: center; font-size: 12px; font-size: 0.75rem; padding: 15px 10px; color: #000; } .tooltip--share .tooltip-content a { margin-bottom: 10px; } .tooltip-content-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid #fff; text-align: center; } .tooltip-content-text { font-size: 14px; font-size: 0.875rem; margin-bottom: 20px; } .tooltip-content-imgs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .tooltip-content-imgs img { margin: 10px; } .ingreNutri-nutrition { margin-top: 48px; } @media print, screen and (max-width: 56.25em) { .ingreNutri-nutrition { margin-top: 36px; } } .ingreNutri-list li { margin-bottom: 24px; } .ingreNutri-list li:last-child { margin-bottom: 0; } .ingreNutri-data-title { display: block; font-size: 80%; text-transform: none; } @media print, screen and (max-width: 56.25em) { .ingreNutri-data-title { margin-top: 2px; font-size: 100%; } } .sidebar-title { text-align: center; } @media print, screen and (max-width: 56.25em) { .sidebar-title { margin-right: 24px; margin-left: 24px; padding-bottom: 0.25em; border-bottom: 1px solid #e5e8eb; text-align: left; } } .clonedElement .sidebar-title { margin-right: 0; margin-left: 0; } .cookMeasure-cooking { margin-top: 48px; padding: 0 0 24px; background: #f9f8fe; } @media print, screen and (max-width: 56.25em) { .cookMeasure-cooking { margin-top: 36px; } } .cookMeasure-cooking-title { font-size: 44px; font-size: 2.75rem; margin: 0; padding: 24px 0; text-align: center; } @media print, screen and (max-width: 56.25em) { .cookMeasure-cooking-title { padding: 16px 10px; font-size: 24px; } } .cookMeasure-cooking-list > div, .cookMeasure-cooking-list li { padding: 20px 30px; border-top: 1px dotted #e5e8eb; } @media print, screen and (max-width: 56.25em) { .cookMeasure-cooking-list > div, .cookMeasure-cooking-list li { padding: 10px 15px; } } .cookMeasure-cooking-details { display: inline-block; margin-left: 30px; max-width: 60%; vertical-align: middle; } @media print, screen and (max-width: 56.25em) { .cookMeasure-cooking-details { margin-left: 15px; max-width: calc(100% - 100px); } } .cookMeasure-cooking-details p { margin-bottom: 0; } .cookMeasure-stepIcon { position: relative; display: inline-block; width: 140px; height: 140px; background: #1c3775; background-image: linear-gradient(180deg, #063a6f 60%, #247eb3); border-radius: 50%; color: #fff; font-size: 50px; font-size: 3.125rem; line-height: 140px; font-weight: 300; text-align: center; vertical-align: middle; } @media print, screen and (max-width: 56.25em) { .cookMeasure-stepIcon { width: 70px; height: 70px; font-size: 25px; line-height: 70px; } } .cookMeasure-stepIcon-ring { position: absolute; top: 0; right: 0; width: 70px; height: 140px; overflow: hidden; } .cookMeasure-stepIcon-ring:after, .cookMeasure-stepIcon-ring:before { content: " "; position: absolute; top: 10px; right: 10px; display: block; width: 60px; height: 120px; border: 10px solid #5f94ba; border-left: 0; border-radius: 0 60px 60px 0; transform-origin: 0 50%; } @media print, screen and (max-width: 56.25em) { .cookMeasure-stepIcon-ring { width: 35px; height: 70px; } .cookMeasure-stepIcon-ring:after, .cookMeasure-stepIcon-ring:before { top: 5px; right: 5px; width: 30px; height: 60px; border: 5px solid #5f94ba; border-left: 0; } } .cookMeasure-stepIcon-ring:after { display: none; } .cookMeasure-stepIcon-ring--0:before { transform: rotate(-180deg); } .cookMeasure-stepIcon-ring--1:before { transform: rotate(-0.49turn); } .cookMeasure-stepIcon-ring--2:before { transform: rotate(-172.8deg); } .cookMeasure-stepIcon-ring--3:before { transform: rotate(-0.47turn); } .cookMeasure-stepIcon-ring--4:before { transform: rotate(-165.6deg); } .cookMeasure-stepIcon-ring--5:before { transform: rotate(-162deg); } .cookMeasure-stepIcon-ring--6:before { transform: rotate(-0.44turn); } .cookMeasure-stepIcon-ring--7:before { transform: rotate(-154.8deg); } .cookMeasure-stepIcon-ring--8:before { transform: rotate(-0.42turn); } .cookMeasure-stepIcon-ring--9:before { transform: rotate(-0.41turn); } .cookMeasure-stepIcon-ring--10:before { transform: rotate(-144deg); } .cookMeasure-stepIcon-ring--11:before { transform: rotate(-0.39turn); } .cookMeasure-stepIcon-ring--12:before { transform: rotate(-0.38turn); } .cookMeasure-stepIcon-ring--13:before { transform: rotate(-0.37turn); } .cookMeasure-stepIcon-ring--14:before { transform: rotate(-0.36turn); } .cookMeasure-stepIcon-ring--15:before { transform: rotate(-126deg); } .cookMeasure-stepIcon-ring--16:before { transform: rotate(-0.34turn); } .cookMeasure-stepIcon-ring--17:before { transform: rotate(-0.33turn); } .cookMeasure-stepIcon-ring--18:before { transform: rotate(-0.32turn); } .cookMeasure-stepIcon-ring--19:before { transform: rotate(-0.31turn); } .cookMeasure-stepIcon-ring--20:before { transform: rotate(-108deg); } .cookMeasure-stepIcon-ring--21:before { transform: rotate(-104.4deg); } .cookMeasure-stepIcon-ring--22:before { transform: rotate(-100.8deg); } .cookMeasure-stepIcon-ring--23:before { transform: rotate(-97.2deg); } .cookMeasure-stepIcon-ring--24:before { transform: rotate(-93.6deg); } .cookMeasure-stepIcon-ring--25:before { transform: rotate(-90deg); } .cookMeasure-stepIcon-ring--26:before { transform: rotate(-86.4deg); } .cookMeasure-stepIcon-ring--27:before { transform: rotate(-82.8deg); } .cookMeasure-stepIcon-ring--28:before { transform: rotate(-79.2deg); } .cookMeasure-stepIcon-ring--29:before { transform: rotate(-75.6deg); } .cookMeasure-stepIcon-ring--30:before { transform: rotate(-72deg); } .cookMeasure-stepIcon-ring--31:before { transform: rotate(-68.4deg); } .cookMeasure-stepIcon-ring--32:before { transform: rotate(-64.8deg); } .cookMeasure-stepIcon-ring--33:before { transform: rotate(-61.2deg); } .cookMeasure-stepIcon-ring--34:before { transform: rotate(-57.6deg); } .cookMeasure-stepIcon-ring--35:before { transform: rotate(-54deg); } .cookMeasure-stepIcon-ring--36:before { transform: rotate(-50.4deg); } .cookMeasure-stepIcon-ring--37:before { transform: rotate(-46.8deg); } .cookMeasure-stepIcon-ring--38:before { transform: rotate(-43.2deg); } .cookMeasure-stepIcon-ring--39:before { transform: rotate(-39.6deg); } .cookMeasure-stepIcon-ring--40:before { transform: rotate(-36deg); } .cookMeasure-stepIcon-ring--41:before { transform: rotate(-32.4deg); } .cookMeasure-stepIcon-ring--42:before { transform: rotate(-28.8deg); } .cookMeasure-stepIcon-ring--43:before { transform: rotate(-25.2deg); } .cookMeasure-stepIcon-ring--44:before { transform: rotate(-21.6deg); } .cookMeasure-stepIcon-ring--45:before { transform: rotate(-18deg); } .cookMeasure-stepIcon-ring--46:before { transform: rotate(-14.4deg); } .cookMeasure-stepIcon-ring--47:before { transform: rotate(-10.8deg); } .cookMeasure-stepIcon-ring--48:before { transform: rotate(-7.2deg); } .cookMeasure-stepIcon-ring--49:before { transform: rotate(-3.6deg); } .cookMeasure-stepIcon-ring--51 { overflow: visible; } .cookMeasure-stepIcon-ring--51:after { display: block; transform: rotate(3.6deg); } .cookMeasure-stepIcon-ring--52 { overflow: visible; } .cookMeasure-stepIcon-ring--52:after { display: block; transform: rotate(7.2deg); } .cookMeasure-stepIcon-ring--53 { overflow: visible; } .cookMeasure-stepIcon-ring--53:after { display: block; transform: rotate(10.8deg); } .cookMeasure-stepIcon-ring--54 { overflow: visible; } .cookMeasure-stepIcon-ring--54:after { display: block; transform: rotate(14.4deg); } .cookMeasure-stepIcon-ring--55 { overflow: visible; } .cookMeasure-stepIcon-ring--55:after { display: block; transform: rotate(18deg); } .cookMeasure-stepIcon-ring--56 { overflow: visible; } .cookMeasure-stepIcon-ring--56:after { display: block; transform: rotate(21.6deg); } .cookMeasure-stepIcon-ring--57 { overflow: visible; } .cookMeasure-stepIcon-ring--57:after { display: block; transform: rotate(25.2deg); } .cookMeasure-stepIcon-ring--58 { overflow: visible; } .cookMeasure-stepIcon-ring--58:after { display: block; transform: rotate(28.8deg); } .cookMeasure-stepIcon-ring--59 { overflow: visible; } .cookMeasure-stepIcon-ring--59:after { display: block; transform: rotate(32.4deg); } .cookMeasure-stepIcon-ring--60 { overflow: visible; } .cookMeasure-stepIcon-ring--60:after { display: block; transform: rotate(36deg); } .cookMeasure-stepIcon-ring--61 { overflow: visible; } .cookMeasure-stepIcon-ring--61:after { display: block; transform: rotate(39.6deg); } .cookMeasure-stepIcon-ring--62 { overflow: visible; } .cookMeasure-stepIcon-ring--62:after { display: block; transform: rotate(43.2deg); } .cookMeasure-stepIcon-ring--63 { overflow: visible; } .cookMeasure-stepIcon-ring--63:after { display: block; transform: rotate(46.8deg); } .cookMeasure-stepIcon-ring--64 { overflow: visible; } .cookMeasure-stepIcon-ring--64:after { display: block; transform: rotate(50.4deg); } .cookMeasure-stepIcon-ring--65 { overflow: visible; } .cookMeasure-stepIcon-ring--65:after { display: block; transform: rotate(54deg); } .cookMeasure-stepIcon-ring--66 { overflow: visible; } .cookMeasure-stepIcon-ring--66:after { display: block; transform: rotate(57.6deg); } .cookMeasure-stepIcon-ring--67 { overflow: visible; } .cookMeasure-stepIcon-ring--67:after { display: block; transform: rotate(61.2deg); } .cookMeasure-stepIcon-ring--68 { overflow: visible; } .cookMeasure-stepIcon-ring--68:after { display: block; transform: rotate(64.8deg); } .cookMeasure-stepIcon-ring--69 { overflow: visible; } .cookMeasure-stepIcon-ring--69:after { display: block; transform: rotate(68.4deg); } .cookMeasure-stepIcon-ring--70 { overflow: visible; } .cookMeasure-stepIcon-ring--70:after { display: block; transform: rotate(72deg); } .cookMeasure-stepIcon-ring--71 { overflow: visible; } .cookMeasure-stepIcon-ring--71:after { display: block; transform: rotate(75.6deg); } .cookMeasure-stepIcon-ring--72 { overflow: visible; } .cookMeasure-stepIcon-ring--72:after { display: block; transform: rotate(79.2deg); } .cookMeasure-stepIcon-ring--73 { overflow: visible; } .cookMeasure-stepIcon-ring--73:after { display: block; transform: rotate(82.8deg); } .cookMeasure-stepIcon-ring--74 { overflow: visible; } .cookMeasure-stepIcon-ring--74:after { display: block; transform: rotate(86.4deg); } .cookMeasure-stepIcon-ring--75 { overflow: visible; } .cookMeasure-stepIcon-ring--75:after { display: block; transform: rotate(90deg); } .cookMeasure-stepIcon-ring--76 { overflow: visible; } .cookMeasure-stepIcon-ring--76:after { display: block; transform: rotate(93.6deg); } .cookMeasure-stepIcon-ring--77 { overflow: visible; } .cookMeasure-stepIcon-ring--77:after { display: block; transform: rotate(97.2deg); } .cookMeasure-stepIcon-ring--78 { overflow: visible; } .cookMeasure-stepIcon-ring--78:after { display: block; transform: rotate(100.8deg); } .cookMeasure-stepIcon-ring--79 { overflow: visible; } .cookMeasure-stepIcon-ring--79:after { display: block; transform: rotate(104.4deg); } .cookMeasure-stepIcon-ring--80 { overflow: visible; } .cookMeasure-stepIcon-ring--80:after { display: block; transform: rotate(108deg); } .cookMeasure-stepIcon-ring--81 { overflow: visible; } .cookMeasure-stepIcon-ring--81:after { display: block; transform: rotate(0.31turn); } .cookMeasure-stepIcon-ring--82 { overflow: visible; } .cookMeasure-stepIcon-ring--82:after { display: block; transform: rotate(0.32turn); } .cookMeasure-stepIcon-ring--83 { overflow: visible; } .cookMeasure-stepIcon-ring--83:after { display: block; transform: rotate(0.33turn); } .cookMeasure-stepIcon-ring--84 { overflow: visible; } .cookMeasure-stepIcon-ring--84:after { display: block; transform: rotate(0.34turn); } .cookMeasure-stepIcon-ring--85 { overflow: visible; } .cookMeasure-stepIcon-ring--85:after { display: block; transform: rotate(126deg); } .cookMeasure-stepIcon-ring--86 { overflow: visible; } .cookMeasure-stepIcon-ring--86:after { display: block; transform: rotate(0.36turn); } .cookMeasure-stepIcon-ring--87 { overflow: visible; } .cookMeasure-stepIcon-ring--87:after { display: block; transform: rotate(0.37turn); } .cookMeasure-stepIcon-ring--88 { overflow: visible; } .cookMeasure-stepIcon-ring--88:after { display: block; transform: rotate(0.38turn); } .cookMeasure-stepIcon-ring--89 { overflow: visible; } .cookMeasure-stepIcon-ring--89:after { display: block; transform: rotate(0.39turn); } .cookMeasure-stepIcon-ring--90 { overflow: visible; } .cookMeasure-stepIcon-ring--90:after { display: block; transform: rotate(144deg); } .cookMeasure-stepIcon-ring--91 { overflow: visible; } .cookMeasure-stepIcon-ring--91:after { display: block; transform: rotate(0.41turn); } .cookMeasure-stepIcon-ring--92 { overflow: visible; } .cookMeasure-stepIcon-ring--92:after { display: block; transform: rotate(0.42turn); } .cookMeasure-stepIcon-ring--93 { overflow: visible; } .cookMeasure-stepIcon-ring--93:after { display: block; transform: rotate(154.8deg); } .cookMeasure-stepIcon-ring--94 { overflow: visible; } .cookMeasure-stepIcon-ring--94:after { display: block; transform: rotate(0.44turn); } .cookMeasure-stepIcon-ring--95 { overflow: visible; } .cookMeasure-stepIcon-ring--95:after { display: block; transform: rotate(162deg); } .cookMeasure-stepIcon-ring--96 { overflow: visible; } .cookMeasure-stepIcon-ring--96:after { display: block; transform: rotate(165.6deg); } .cookMeasure-stepIcon-ring--97 { overflow: visible; } .cookMeasure-stepIcon-ring--97:after { display: block; transform: rotate(0.47turn); } .cookMeasure-stepIcon-ring--98 { overflow: visible; } .cookMeasure-stepIcon-ring--98:after { display: block; transform: rotate(172.8deg); } .cookMeasure-stepIcon-ring--99 { overflow: visible; } .cookMeasure-stepIcon-ring--99:after { display: block; transform: rotate(0.49turn); } .cookMeasure-stepIcon-ring--100 { overflow: visible; } .cookMeasure-stepIcon-ring--100:after { display: block; transform: rotate(180deg); } .filtersHeader { margin-bottom: 24px; padding: 12px; background-color: #e5e8eb; } @media print, screen and (min-width: 56.25em) { .filtersHeader { margin: 0; padding: 12px 12px 24px; } } .filtersHeader-title { position: relative; margin: -12px; padding: 12px; line-height: 28px; line-height: 1.75rem; font-size: 20px; font-size: 1.25rem; background-color: #e5e8eb; word-wrap: break-word; color: #1c3775; } @media print, screen and (min-width: 56.25em) { .filtersHeader-title { text-align: center; font-size: 20px; font-size: 1.25rem; } } @media print, screen and (min-width: 78.125em) { .filtersHeader-title { font-size: 26px; font-size: 1.625rem; } } .filtersHeader-title.is-active { background-color: #ddd; } .filters { margin-bottom: 24px; background-color: #e5e8eb; } #gigya-verification-sent-screen .filters input[type="button"], .filters #gigya-verification-sent-screen input[type="button"], .filters .btn, .filters .gigya-input-submit { margin-bottom: 24px; padding: 0 1.1em; } .filters-titleOffCanvas { margin: 24px 16px 16px; } .filters-title-type { display: block; font-size: 80%; margin-top: 0; text-transform: none; color: #000; } .filters-seemore { margin: 5px 0 16px; } .filters-other { margin-bottom: 16px; text-align: center; } .filters-other li { display: inline-block; margin-bottom: 6px; } .filters-other-btn { font-size: 14px; font-size: 0.875rem; display: inline-block; height: 1.8em; padding: 0 6px !important; line-height: 1.8; } .filters-list { margin: 0 0 1px; padding: 0; border: 0; } .filters-list.hide-filter { display: none; } .filters-list--header { margin: 16px; } .filters-list--header .form-controlGroup { margin: 0; } .filters-list-title { position: relative; display: block; width: 100%; margin: 0; padding: 12px 40px 12px 20px; background: #1c3775; color: #fff; font-size: 14px; font-size: 0.875rem; line-height: 16px; line-height: 1rem; text-transform: uppercase; } [dir="rtl"] .filters-list-title { padding: 12px 20px 12px 40px; } .filters-list-title .toggler { position: absolute; top: 50%; right: 12px; } [dir="rtl"] .filters-list-title .toggler { right: auto; left: 12px; } .filters-actions, .filters-list-content { padding: 16px; } .filters-list-content .form-controlGroup { margin: 0; } .filters-list-content .form-label { line-height: 1.2; } .filters-list-content .form-controlGroup + .form-controlGroup { margin-top: 16px; } .filters-list-subHeading { margin: 5px 0 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e8eb; } .filters-categoryList { margin: 0 0 12px; } .filters-categoryList .icon--circle { width: 1em; height: 1em; background-color: #1c3775; border: 1px solid #1c3775; padding: 0; color: #fff; } .filters-categoryList .icon--circle i { height: 80%; margin-left: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .filters-categoryList li { position: relative; margin-bottom: 12px; } .filters-categoryList li a { display: block; } .filters-categoryList li .icon { position: absolute; top: 50%; transform: translateY(-50%); } .filters-categoryList li .icon + a { padding-left: 1.5em; } [dir="rtl"] .filters-categoryList li .icon + a { padding: 0 1.5em 0 0; } .filters-categoryList li:hover .icon { background-color: #195285; border-color: #195285; } .filterLazy [data-all] { visibility: hidden; } .search-tags { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .search-tags__wrapper { margin: 0 12px; } .search-tags__label { white-space: nowrap; } .search-tags .control { display: inline-block; margin-left: 12px; } .resultsForm .l-blockGrid li { transition: transform 0.5s; transition-delay: 0.7s; transform: translateY(0); } .resultsForm .l-blockGrid li.is-new { transform: translateY(100px); } .resultsForm .text-center { margin-bottom: 24px; } .resultsForm__title { font-size: 16px; margin-bottom: 1em; } .resultsForm.is-loading .l-blockGrid { position: relative; min-height: 76px; } .resultsForm.is-loading .l-blockGrid li { display: none; } .resultsForm.is-loading .l-blockGrid:after { content: ""; position: absolute; top: 300px; left: 50%; display: block; width: 60px; height: 76px; margin-left: -30px; background: url(/assets/img/loader.gif) no-repeat 50% 50%; } @media print, screen and (max-width: 56.25em) { .resultsForm.is-loading .l-blockGrid:after { top: 0; } } #gigya-verification-sent-screen .resultsForm.is-loading .text-center input[type="button"], .resultsForm.is-loading .text-center #gigya-verification-sent-screen input[type="button"], .resultsForm.is-loading .text-center .btn, .resultsForm.is-loading .text-center .gigya-input-submit { display: none; } .resultsForm.loading-new .l-blockGrid { position: relative; min-height: 76px; } .resultsForm.loading-new .l-blockGrid:after { content: ""; position: relative; left: 50%; display: block; width: 60px; height: 76px; margin-left: -20px; background: url(/assets/img/loader.gif) no-repeat 50% 50%; } @media print, screen and (max-width: 56.25em) { .resultsForm.loading-new .l-blockGrid:after { top: 0; } } #gigya-verification-sent-screen .resultsForm.loading-new .text-center input[type="button"], .resultsForm.loading-new .text-center #gigya-verification-sent-screen input[type="button"], .resultsForm.loading-new .text-center .btn, .resultsForm.loading-new .text-center .gigya-input-submit { display: none; } .stars.stars--withRating { line-height: 36px; } .stars-ratingCount { margin-left: 12px; vertical-align: middle; } .ratings-reviewsNotice, .ratings-stars { display: inline-block; vertical-align: middle; } .ratings { margin-bottom: 12px; } @media print, screen and (min-width: 56.25em) { .ratings { margin-bottom: 24px; } } .ratings-stars { margin-right: 24px; } @media print, screen and (min-width: 56.25em) { .ratings-stars { margin-bottom: 12px; } } .ratings-reviewsNotice { width: 200px; text-transform: uppercase; } .pageDescription .movieContainer { margin-bottom: 24px; } @media print, screen and (min-width: 31.25em) { .pageDescription .movieContainer { width: 50%; margin-bottom: 0; margin-left: 24px; float: right; } } .linkBox { padding: 24px; background: #e5e8eb; } [dir="rtl"] .linkBox .media { display: block; } @media print, screen and (max-width: 78.125em) { .linkBox .media-body, .linkBox .media-img { display: block; text-align: center; } } .linkBox .media-img { margin-bottom: 24px; } .linkBox .icon { background-color: #fff; } .linkBox .media-body { line-height: 1; } @media print, screen and (min-width: 78.125em) { .linkBox .media-body { padding-left: 24px; line-height: 2.5; } } @media print, screen and (min-width: 46.875em) { #gigya-verification-sent-screen .linkBox input[type="button"], .linkBox #gigya-verification-sent-screen input[type="button"], .linkBox .btn, .linkBox .gigya-input-submit { float: inherit; } } .linkBox-text { display: block; margin-bottom: 12px; } @media print, screen and (min-width: 78.125em) { .linkBox-text { display: inline-block; margin-bottom: 0; } } .l-fixedSidebar-sidebar .linkBox { margin-bottom: 24px; } .l-fixedSidebar-sidebar .linkBox .media-body, .l-fixedSidebar-sidebar .linkBox .media-img { display: block; text-align: center; } .l-fixedSidebar-sidebar .linkBox .media-body { line-height: 1; padding-left: 0; } @media print, screen and (max-width: 31.25em) { .l-fixedSidebar-sidebar .linkBox { margin-left: 24px; margin-right: 24px; } } .l-fixedSidebar-sidebar .linkBox-text { display: block; margin-bottom: 12px; } .pageActions { margin-bottom: 24px; background-color: #e5e8eb; } .hero + .pageActions { margin-top: -24px; } @media print, screen and (min-width: 62.5em) { .hero + .pageActions { margin-top: -48px; } } @media print, screen and (min-width: 46.875em) { .pageActions { margin-bottom: 48px; } } .pageActions.homeActions { margin-bottom: 0; margin-top: 0; } [dir="rtl"] .pageActions .g-row { display: -ms-flexbox; display: flex; } .pageActions-col { position: relative; min-height: 60px; line-height: 60px; float: left; clear: none; } .pageActions-col--product { position: relative; width: 83.0508474576%; } .pageActions-col--product .pageActions-action-label { text-transform: uppercase; } @media print, screen and (min-width: 31.25em) { .pageActions-col--product { width: 66.1016949153%; } } @media print, screen and (min-width: 46.875em) { .pageActions-col--product { width: 49.1525423729%; } } .pageActions-col--product .add-favourites { display: none; position: relative; } .pageActions-col--product .add-favourites #favoritesLink { display: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; cursor: pointer; } @media print, screen and (max-width: 31.25em) { .pageActions-col--product .add-favourites .pageActions-action-label { display: none !important; } } .pageActions-col--product .add-favourites .pageActions-action-label.fav-add, .pageActions-col--product .add-favourites .pageActions-action-label.fav-remove { display: none; } .pageActions-col--product .add-favourites.logged-user #favoritesLink { display: block; } .pageActions-col--product .add-favourites.logged-user.in-favorites, .pageActions-col--product .add-favourites.logged-user.not-favorites, .pageActions-col--product .add-favourites.logged-user.not-favorites .fav-add { display: inline-block; } .pageActions-col--product .add-favourites.logged-user.in-favorites .tooltip { background-color: #ffd800; } .pageActions-col--product .add-favourites.logged-user.in-favorites .fav-remove { display: inline-block; } .pageActions-col--product .add-favourites.logged-user.in-favorites .fav-add { display: none; } .pageActions-col--product .add-favourites.not-logged-user, .pageActions-col--product .add-favourites.not-logged-user .fav-add { display: inline-block; } .pageActions-col--blog { position: relative; max-height: 60px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: auto; overflow-y: hidden; width: 83.0508474576%; } .pageActions-col--blog::-webkit-scrollbar, .pageActions-col--blog::-webkit-scrollbar-track { display: none !important; } @media print, screen and (min-width: 31.25em) { .pageActions-col--blog { width: 66.1016949153%; } } @media print, screen and (min-width: 46.875em) { .pageActions-col--blog { width: 49.1525423729%; } } .pageActions-col--do { text-align: right; width: 15.2542372881%; } @media print, screen and (min-width: 31.25em) { .pageActions-col--do { width: 32.2033898305%; } } @media print, screen and (min-width: 46.875em) { .pageActions-col--do { width: 49.1525423729%; } } [dir="rtl"] .pageActions-col--do { text-align: left; } .pageActions-buyNow { position: relative; padding-right: 2em; padding-left: 2em; z-index: 2; } @media print, screen and (min-width: 46.875em) { .pageActions-buyNow { padding-right: 5em; padding-left: 5em; } } .pageActions-action { display: inline-block; text-transform: uppercase; } .pageActions-action + .pageActions-action { margin-left: 12px; } .pageActions-action-label { display: none; text-align: center; font-size: 16px; font-size: 1rem; color: #1c3775; } @media print, screen and (min-width: 31.25em) { .pageActions-action-label { display: inline-block; } } .pageActions-search { padding: 10px 0 0; } .pageActions-searchForm { margin: auto; max-width: 300px; } @media print, screen and (min-width: 46.875em) { .pageActions-searchForm { max-width: 400px; } } .gigya-composite-control .pageActions-searchForm select, .pageActions-searchForm .form-input, .pageActions-searchForm .gigya-composite-control select, .pageActions-searchForm .gigya-input-password, .pageActions-searchForm .gigya-input-text { height: 40px; box-sizing: inherit; } .productFocus { font-size: 0; transform-origin: bottom; transition: 1s ease; } .js .productFocus { transform: scale(0.8); } .js .productFocus.is-loaded { transform: scale(1); } .productFocus-product { display: inline-block; width: 50%; margin-top: 48px; text-align: center; vertical-align: bottom; } @media print, screen and (max-width: 62.5em) { .productFocus-product { margin-top: 24px; } } @media print, screen and (max-width: 56.25em) { .productFocus-product { margin-top: 0; } } @media print, screen and (max-width: 62.5em) { .productFocus-product img { max-height: 350px; } } @media print, screen and (max-width: 56.25em) { .productFocus-product img { max-height: 200px; max-width: 70%; } } .megaDropdown { position: absolute; top: 120px; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 51; } @media print, screen and (max-width: 56.25em) { .megaDropdown { top: 100px; overflow: hidden; } } @media print, screen and (max-width: 46.875em) { .megaDropdown { display: none; } } .megaDropdown-content { background: #fff; transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); will-change: transform; } @media print, screen and (max-width: 56.25em) { .megaDropdown-content { position: absolute; left: 0; width: 200%; background: transparent; max-width: none; min-height: 100%; transform: translateZ(0); backface-visibility: hidden; } .megaDropdown-content.is-active { transform: translate3d(-50%, 0, 0); } } .megaDropdown-left { width: 275px; background: #fff; float: left; } [dir="rtl"] .megaDropdown-left { float: right; } .megaDropdown-left li { margin-bottom: 10px; } .megaDropdown-left li .recipes-link { background: #1c3775; color: #fff; text-transform: uppercase; font-size: 24px; display: block; padding: 35px 10px; text-align: center; } @media print, screen and (max-width: 56.25em) { .megaDropdown-left { width: 50%; padding: 10px 10px 24px; float: left !important; } .megaDropdown-left li:last-child { margin-bottom: 0; } } .megaDropdown-right { margin-left: 260px; padding: 30px 50px 50px; background: #fff; } [dir="rtl"] .megaDropdown-right { margin-left: 0; margin-right: 260px; } @media print, screen and (max-width: 56.25em) { .megaDropdown-right { width: 50%; margin-left: 50%; padding: 10px 10px 24px; } [dir="rtl"] .megaDropdown-right { margin-left: 50%; margin-right: 0; } } .megaDropdown-title { margin-top: 0; color: #001e43; } @media print, screen and (max-width: 56.25em) { .megaDropdown-title { font-size: 26px; font-size: 1.625rem; margin-bottom: 16px; } } .megaDropdown-intro { font-size: 18px; font-size: 1.125rem; margin: 8px 0 24px; } @media print, screen and (max-width: 56.25em) { .megaDropdown-intro { font-size: 14px; font-size: 0.875rem; margin-bottom: 16px; } } .megaDropdown-back { display: block; margin-bottom: 12px; cursor: pointer; line-height: 20px; line-height: 1.25rem; text-transform: uppercase; } .megaDropdown-back .icon { display: inline-block; width: 20px; height: 20px; margin-right: 5px; border-color: #247eb3; border-width: 1px; vertical-align: bottom; } .megaDropdown-back .icon i { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; } .megaDropdown-back .icon i svg { width: 100%; height: 100%; } @media print, screen and (max-width: 56.25em) { .megaDropdown--products .cardRange { margin: 0 -10px; } } .megaDropdown-navCard { padding: 30px 10px 0; } .searchFormBtn { position: absolute; top: 10px; right: 20px; height: 20px; cursor: pointer; } [dir="rtl"] .searchFormBtn { right: auto; left: 20px; } input[type="search"].searchInput { box-sizing: inherit; } .searchInput:active, .searchInput:focus { border-color: #247eb3; } .noSearchResults { padding: 24px 48px 0; border-top: 2px solid #e5e8eb; border-bottom: 2px solid #e5e8eb; } @media print, screen and (min-width: 56.25em) { .noSearchResults { padding: 48px 96px 0; } } .contentFeed { padding-top: 24px; } .contentFeed--home { background-color: #eae8e8; } .contentFeed--blogArchive { padding-left: 5%; padding-right: 5%; } .contentFeed-list { margin-left: -20px; } .contentFeed-list:after { content: ""; display: table; clear: both; } .contentFeed-list-item { width: 100%; padding-bottom: 20px; padding-left: 20px; } @media print, screen and (min-width: 46.875em) { .contentFeed-list-item { width: 50%; } } @media print, screen and (min-width: 56.25em) { .contentFeed-list-item { width: 33.3333333333%; } } @media print, screen and (min-width: 78.125em) { .contentFeed-list-item { width: 25%; } } @media only screen and (max-width: 750px) and (orientation: landscape) { .contentFeed-list-item img { height: 300px; object-fit: contain; } } .feed { padding-top: 24px; } .feed--blogArchive { padding-right: 5%; padding-bottom: 24px; padding-left: 5%; } .feed-list { margin-left: -20px; } .feed-list:after { content: ""; display: table; clear: both; } .feed-list-item { width: 100%; padding-bottom: 20px; padding-left: 20px; } @media print, screen and (min-width: 31.25em) { .feed-list-item { width: 50%; } } @media print, screen and (min-width: 56.25em) { .feed-list-item { width: 33.3333333333%; } } @media print, screen and (min-width: 78.125em) { .feed-list-item { width: 25%; } } .feed-list-item--archive { width: 50%; padding-bottom: 20px; padding-left: 20px; } @media print, screen and (min-width: 31.25em) { .feed-list-item--archive { width: 33.3333333333%; } } @media print, screen and (min-width: 46.875em) { .feed-list-item--archive { width: 25%; } } @media print, screen and (min-width: 56.25em) { .feed-list-item--archive { width: 20%; } } @media print, screen and (min-width: 78.125em) { .feed-list-item--archive { width: 12.5%; } } .acessibility-icon, .acessibility-tools { display: none; } .modal-dialog { position: fixed; top: 0; width: 100%; height: 100%; background: #fff; z-index: 999999; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .modal-dialog.is-visible { opacity: 1; visibility: visible; } .modal-dialog .content-wrapper { max-width: 960px; position: relative; height: 100%; width: 100%; } .modal-dialog .content-wrapper .content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .modal-dialog .content-wrapper h4 { font-size: 30px; line-height: 30px; margin-bottom: 30px; text-align: center; } .modal-dialog .content-wrapper p { font-weight: 400; font-style: normal; font-size: 16px; line-height: 22px; max-width: 400px; } .modal-dialog .content-wrapper .close-ico { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; cursor: pointer; background-repeat: no-repeat; background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.333%205L0%209.333.667%2010%205%205.667%209.333%2010%2010%209.333%205.667%205%2010%20.667%209.333%200%205%204.333.667%200%200%20.667%204.333%205z%22%20fill%3D%22%232270b6%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); } .modal-dialog--small { top: 0; left: 0; background-color: rgba(28, 55, 117, 0.85); } .modal-dialog--small .content-wrapper { max-width: 755px !important; max-height: 470px !important; padding: 56px; background-color: #fff; } #progressive-profiling #gigya-progressive-profiling-screen.gigya-screen.portrait { width: 100%; max-width: 560px; background: #fff; padding: 20px; } @media (max-width: 767px) { #progressive-profiling #gigya-progressive-profiling-screen.gigya-screen.portrait { width: 90%; } } #progressive-profiling .gigya-screen .gigya-label-text { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } #progressive-profiling .gigya-screen .button-close input[type="button"] { background: 0 0; box-shadow: none; text-align: center; display: inline-block; cursor: pointer; font-style: normal; font-weight: 600; text-decoration: underline; border: 0 none; } #progressive-profiling .familyFieldProgProf .gigya-label .gigya-label-text:after { margin-left: 10px; content: url(/assets/img/login/progressive-profiling/casa.png); position: relative; } #progressive-profiling .jobTitleFiledProgProf .gigya-label .gigya-label-text:after { margin-left: 10px; content: url(/assets/img/login/progressive-profiling/job.png); position: relative; } #progressive-profiling .cityFieldProgProf .gigya-label .gigya-label-text:after { margin-left: 10px; content: url(/assets/img/login/progressive-profiling/city.png); position: relative; } #progressive-profiling .zipFieldProgProf .gigya-label .gigya-label-text:after { margin-left: 10px; content: url(/assets/img/login/progressive-profiling/zip.png); position: relative; } #progressive-profiling .gigya-layout-row.rowButtons .gigya-layout-cell { text-align: center; float: none; } #progressive-profiling .gigya-composite-control-submit { text-align: center; } #progressive-profiling .gigya-composite-control-textbox { margin-bottom: 15px; } .ourRange { margin: 24px auto; } @media print, screen and (min-width: 62.5em) { .ourRange { margin: 48px auto; } } @media print, screen and (max-width: 31.25em) { .prod-generalInfo-list > li { margin-bottom: 48px; } .prod-generalInfo-list > li:last-child { margin-bottom: 0; } } @media print, screen and (min-width: 56.25em) { #cloneTo--sidebar { display: none; } } .trustBadges { text-align: center; } @media print, screen and (min-width: 31.25em) { .trustBadges { text-align: left; } [dir="rtl"] .trustBadges { text-align: right; } } .trustBadges img { margin: 0 12px 12px; max-height: 60px; } [dir="rtl"] .trustBadges img { margin: 0 0 12px 12px; } @media print, screen and (min-width: 62.5em) { .trustBadges img { margin-left: 0; max-height: none; } } .nutri-ingredients { height: 715px; border: none; } @media print, screen and (min-width: 26.875em) { .nutri-ingredients { height: 650px; } } .resultsPackShot { position: absolute; top: -90px; right: 0; filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5)); } @media print, screen and (max-width: 56.25em) { .resultsPackShot { top: 260px; left: 50%; transform: translateX(-50%); display: none; } } @media print, screen and (max-width: 46.875em) { .resultsPackShot { top: 220px; left: 50%; transform: translateX(-50%); } } @media print, screen and (max-width: 56.25em) { .resultsPackShot-animated { display: none; } } .animation-scale { position: absolute; top: -90px; right: 0; transition: all 0.5s ease-in-out; } .animation-scale:hover { background-color: hsla(0, 0%, 100%, 0.5); border-radius: 50%; border: 1px solid #fff; padding: 55px; overflow: hidden; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); transform: translateX(-40%) scale(1.8); z-index: 999; } .animation-rotate { position: absolute; top: -90px; right: 0; transition: all 2s ease-in-out; } .animation-rotate:hover { overflow: hidden; transform: rotate(-2turn) translateX(-50%) scale(1.8); z-index: 999; } .recipe-info { margin-bottom: 24px; } @media print, screen and (min-width: 56.25em) { .recipe-info { margin-bottom: 48px; } } .recipe-ingredients { padding: 48px 0; border-top: 1px solid #dde0e1; margin-top: 20px; } .recipe-ingredients .add-clipboard { position: relative; display: inline-block; } .recipe-ingredients .add-clipboard textarea { width: 0; height: 0; opacity: 0; margin: 0; position: absolute; right: -20px; } .recipe-ingredients .add-clipboard .copy-popup { display: none; position: fixed; z-index: 6; left: 0; right: 0; top: 0; bottom: 0; margin-top: 0; overflow-y: auto; background-color: rgba(28, 55, 117, 0.85); -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: center; justify-content: center; } .recipe-ingredients .add-clipboard .copy-popup.is-visible { display: -ms-flexbox; display: flex; } .recipe-ingredients .add-clipboard .copy-popup_text-wrapper { position: relative; background: #fff; padding: 20px 48px; margin: 20px; box-shadow: 1px 1px 5px #000; } .recipe-ingredients .add-clipboard .icon { width: 16px; height: 16px; display: inline-block; margin: 0 8px 5px 0; vertical-align: middle; } .recipe-ingredients .add-clipboard .share-list { position: absolute; z-index: 1; background: #fff; padding: 4px 21px; border: 1px solid #1c3775; border-top: 1px solid #fff; top: 100%; left: 0; right: 0; margin: -1px 0 0; display: none; } .recipe-ingredients .add-clipboard .share-list > * { color: #1c3775; display: block; margin: 12px 0; cursor: pointer; padding-left: 28px; position: relative; } .recipe-ingredients .add-clipboard .share-list > :hover { color: #195285; text-decoration: none; } .recipe-ingredients .add-clipboard .share-list > * .icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; } #gigya-verification-sent-screen .recipe-ingredients .add-clipboard input[type="button"], .recipe-ingredients .add-clipboard #gigya-verification-sent-screen input[type="button"], .recipe-ingredients .add-clipboard .btn, .recipe-ingredients .add-clipboard .gigya-input-submit { background: #fff; color: #1c3775; border: 1px solid #1c3775; } .recipe-ingredients .add-clipboard.open .share-list { display: block; } .recipe-ingredients-buttons * + * { margin-top: 24px; } .recipe-ingredients .section-heading .serves { display: block; padding: 10px 0 10px 36px; font-size: 15px; letter-spacing: normal; position: relative; } [dir="rtl"] .recipe-ingredients .section-heading .serves { padding: 10px 36px 10px 0; } .recipe-ingredients .section-heading .serves i { width: 32px; height: 32px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; } [dir="rtl"] .recipe-ingredients .section-heading .serves i { left: unset; right: 2px; } @media print, screen and (min-width: 56.25em) { .recipe-ingredients .section-heading .serves { display: inline-block; float: right; width: calc(50% - 12px); } [dir="rtl"] .recipe-ingredients .section-heading .serves { float: left; display: block; } } .recipe-ingredients-list:after { content: ""; display: table; clear: both; } .recipe-ingredients-list ul { display: block; margin: 0; list-style-type: none; } .recipe-ingredients-list ul br, .recipe-ingredients-list ul p { display: none; } @media print, screen and (min-width: 56.25em) { .recipe-ingredients-list ul { margin-left: -30px; } .recipe-ingredients-list ul:after { content: ""; display: table; clear: both; } } .recipe-ingredients-list .ingredients-item, .recipe-ingredients-list li { padding-bottom: 24px; } @media print, screen and (min-width: 56.25em) { .recipe-ingredients-list .ingredients-item, .recipe-ingredients-list li { width: 50%; padding-left: 30px; float: left; } [dir="rtl"] .recipe-ingredients-list .ingredients-item, [dir="rtl"] .recipe-ingredients-list li { float: right; } } .recipe-method, .recipe-method-sidebar { margin-top: 48px; } .recipe-method-list-item { padding: 24px 0; border-bottom: 1px dashed #e1dbdb; } .recipe-method-list-item:after { content: ""; display: table; clear: both; } .recipe-method-list-item:last-child { border-bottom: 0; } .recipe-method-list-item-title { margin-bottom: 12px; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; } .recipe-method-list-item .media-wrap { display: block; margin-bottom: 24px; width: 50%; } @media print, screen and (min-width: 31.25em) { .recipe-method-list-item .media-wrap { margin-right: 24px; float: left; width: 30%; } } .recipe-method-list-item-content :last-child { margin-bottom: 0; } .recipe-instructions-list { margin-top: 48px; } .recipe-instructions-list ul { list-style-type: decimal; margin: 18px 0; } .recipe-instructions-list li { position: relative; list-style: none; counter-increment: a; padding: 8px 0 18px 46px; margin: 8px 0; } [dir="rtl"] .recipe-instructions-list li { padding: 8px 46px 18px 0; } .recipe-instructions-list li h3 { padding: 0; margin: 0 0 10px; text-transform: uppercase; font-size: 1.2em; } .recipe-instructions-list li p { margin: 0; } .recipe-instructions-list li:before { content: counter(a); color: #fff; position: absolute; width: 36px; height: 36px; line-height: 36px; background: #1c3775; background-image: linear-gradient(180deg, #063a6f 40%, #247eb3); border-radius: 50%; left: 0; top: 1px; text-align: center; } [dir="rtl"] .recipe-instructions-list li:before { left: auto; right: 0; } .recipe-instructions-list li .circular-chart { display: block; position: absolute; padding: 2px; width: 36px; height: 36px; left: 0; top: 1px; } [dir="rtl"] .recipe-instructions-list li .circular-chart { left: auto; right: 0; } .recipe-instructions-list li .circle { stroke: #5f94ba; fill: none; stroke-width: 3.8; stroke-linecap: round; animation: progress 1s ease-out forwards; } .recipe-instructions-list--image { max-width: 300px; } .recipe-instructions-list--image img { width: 100%; } .movieWithDescription { margin-top: 48px; } .campaign-movie-wrap { margin-bottom: 24px; } .blog-detail-caption { text-transform: uppercase; } .blog-detail-image img { height: auto; width: 100%; } .blog-detail-image, .blog-detail-video { margin-bottom: 24px; } .posts-list .posts-list-item { margin-bottom: 10px; padding-top: 10px; position: relative; text-transform: uppercase; } .posts-list .posts-list-item:before { border-top: 1px solid #acacac; content: ""; left: 50%; margin-left: -50px; position: absolute; top: 0; width: 100px; } .posts-list .posts-list-item a { color: #1c3775; } .blogMeta { margin: 48px 0; text-transform: uppercase; } .blogDate, .blogMeta { font-size: 14px; font-size: 0.875rem; } .blogDate { display: inline-block; } .blogDate--article { margin-right: 1em; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .center { text-align: center; } .text-color-10 { color: #053264; } .background-10 { background: #042251; color: #fff; } .background-11 { background: #f4f4f4; } .padding-01 { padding: 80px 0; } .padding-02 { padding: 40px 0 30px; } [class*="padding-0"] .l-container .horizontal-padding :last-child, [class*="padding-0"] .l-container :last-child { margin-bottom: 0; } .horizontal-padding { padding: 0 10px; position: relative; } @media (min-width: 768px) { .horizontal-padding { padding: 0 50px; } } @media (min-width: 1200px) { .horizontal-padding { padding: 0; } .padding-02 { padding: 10px 0; } } .container-1400, .l-container.container-1400 { max-width: 1400px; } #gigya-verification-sent-screen input.has-icon[type="button"], .btn.has-icon, .has-icon.gigya-input-submit { display: inline-block; padding-left: 55px; } #gigya-verification-sent-screen input.has-icon[type="button"] > span, .btn.has-icon > span, .has-icon.gigya-input-submit > span { display: inline-block; vertical-align: middle; } #gigya-verification-sent-screen input.has-icon[type="button"] > span:first-child, .btn.has-icon > span:first-child, .has-icon.gigya-input-submit > span:first-child { position: absolute; margin-left: -35px; } #gigya-verification-sent-screen input.has-icon[type="button"] > span:last-child, .btn.has-icon > span:last-child, .has-icon.gigya-input-submit > span:last-child { padding-left: 10px; } #gigya-verification-sent-screen input.has-icon[type="button"] .icon, .btn.has-icon .icon, .has-icon.gigya-input-submit .icon { width: 30px; height: 40px; } .follow-us .link-with-icon { text-transform: uppercase; color: #fff !important; font-size: 22px; } @media (max-width: 767px) { .follow-us .link-with-icon { margin-bottom: 30px !important; display: block; } } @media (max-width: 479px) { .follow-us .link-with-icon { font-size: 18px; } } @media (min-width: 768px) and (max-width: 1023px) { .follow-us .link-with-icon { font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1200px) { .follow-us .link-with-icon { font-size: 18px; } } .link-with-icon { line-height: 30px; } .link-with-icon .btn-icon, .link-with-icon .icon { height: 30px; width: 40px; } .link-with-icon .icon { fill: #fff; } .link-with-icon > span { display: inline-block; vertical-align: middle; } .link-with-icon > span:last-child { padding-left: 10px; } .close-icon { height: 28px; width: 28px; display: inline-block; position: relative; } .close-icon:after, .close-icon:before { content: ""; height: 2px; width: 32px; display: inline-block; position: absolute; top: 12px; left: 0; background: #042251; } .close-icon:before { transform: rotate(45deg); } .close-icon:after { transform: rotate(-45deg); } .row-heading { font-size: 40px; letter-spacing: 0; } @media print, screen and (min-width: 48em) { .row-heading { font-size: 46px; } } .landing-hero h1 { padding-bottom: 150px; } @media (min-width: 1000px) { .landing-hero .hero-title { font-size: 70px; } } .landing-hero .hero-cta { position: absolute; width: 100%; bottom: 20px; } .landing-hero .has-icon { margin: 0 auto; } @media (min-width: 1200px) { .landing-hero .hero-cta { bottom: 60px; } } .intro-text { text-align: center; } .intro-text h2 { font-size: 36px; letter-spacing: 0; } @media (min-width: 768px) { .intro-text h2 { font-size: 56px; } } .search-zip .l-container { position: relative; text-align: center; } @media (min-width: 1200px) { .search-zip .l-container h2 { margin: 0; padding: 0 300px; } .seacrh-zip-form { position: absolute; right: 0; top: 0; } } .item-list { margin: 0; padding: 0; list-style: none; } .item-row:after { content: ""; display: block; height: 1px; width: 65%; margin: 80px auto; background: #ccc; } .item-row.no-border:after { display: none; } @media (max-width: 479px) { .packages-list.item-list.items-4 > div { float: left; width: 50%; } .packages-list .item-list.items-4 > div:nth-child(odd) { clear: left; } .item-bottom-40 { padding-bottom: 40px; } .item-list-mobile { display: block; } .item-list-desktop { display: none; } } @media (min-width: 480px) { .item-list.items-4 > div { float: left; width: 50%; } .item-list.items-4 > div.wide-item { width: 100%; } .item-list-mobile { display: none; } .item-list-desktop { display: block; } } @media (min-width: 480px) and (max-width: 767px) { .item-list.items-4 > div:nth-child(odd) { clear: left; } } @media (min-width: 768px) { .item-list > div { float: left; } .item-list.items-3 > div { width: 33.33%; } .item-list.items-4 > div { width: 25%; } .item-list.items-4 > div:nth-child(4n + 1) { clear: left; } .item-list.items-4 > div.wide-item { width: 50%; } } .lists { text-align: center; font-size: 1.4em; } .lists a { color: #042251; } .item-image { display: table; table-layout: fixed; width: 100%; height: 140px; position: relative; } @media (min-width: 480px) { .lists .item-row .items-3 > div { float: left; width: 33.33%; } .lists .item-row .items-3 .item-text { width: 190px; max-width: 90%; margin: 0 auto; } } @media (min-width: 640px) { .item-image { height: 220px; } } @media (min-width: 768px) { .lists .item-row .items-3 { width: 840px; max-width: 100%; margin: 0 auto; } } .item-image > div { display: table-cell; vertical-align: middle; padding: 0 14px; } @media (min-width: 480px) { .item.has-icon-plus { position: relative; } .item.has-icon-plus:after, .item.has-icon-plus:before { display: block; content: ""; position: absolute; right: -12px; top: 60px; width: 24px; height: 5px; background: #f68205; } .item.has-icon-plus:after { transform: rotate(90deg); } } @media (min-width: 640px) { .item.has-icon-plus:after, .item.has-icon-plus:before { top: 90px; } } .item-number { margin-bottom: 5px; } .item-number > span { border-radius: 50%; border: 2px solid #192450; width: 30px; height: 30px; display: inline-block; padding-top: 3px; line-height: 1em; font-size: 20px; } .packages-list a { text-decoration: underline; } .packages-list a:focus, .packages-list a:hover { text-decoration: none; } .packages-list .item { margin-bottom: 40px !important; } @media (min-width: 768px) { .packages-list .item { margin-bottom: 0 !important; } .packages-list .item-image { margin-bottom: 20px; } } .packages-list .item-text { text-transform: uppercase; } @keyframes b { 0% { opacity: 0; } to { opacity: 1; } } .landings-slider { height: 850px; background: #042251; } .ls-item { position: relative; height: 100%; } .ls-content { opacity: 0; position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; } .ls-loaded { z-index: 1; animation: b 0.5s both ease 0.5s; } .ls-buttons { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: right; z-index: 2; } @media (min-width: 768px) { .ls-buttons .l-container.container-1400 { width: 100%; } .horizontal-padding { padding: 0; } } .ls-buttons .btn-10 { height: 60px; line-height: 60px; } @media (min-width: 768px) { .ls-buttons .trigger-01 { margin-right: 25px; } } .details-on .trigger-01 { display: none; } .ls-content .icon-cross-blue { height: 28px; width: 28px; display: inline-block; } @media (max-width: 767px) { #gigya-verification-sent-screen .ls-buttons input[type="button"], .ls-buttons #gigya-verification-sent-screen input[type="button"], .ls-buttons .btn, .ls-buttons .gigya-input-submit, .ls-buttons a { display: block; } .ls-buttons a { margin-bottom: 20px; } .ls-buttons a:last-child { margin-bottom: 0; } .btn-100 { width: 100%; } } .ls-close { text-align: right; padding: 20px; } .ls-banner { padding-top: 45px; } .ls-banner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/assets/img/meal-overlay.png); background-repeat: repeat-x; background-size: auto 100%; } .ls-banner h2 { text-align: center; color: #fff; font-size: 41; letter-spacing: 0; } @media (min-width: 768px) { .ls-banner h2 { font-size: 47px; } } .ls-text { background-image: url(/assets/img/meal-slide-1-back.jpg); } .ls-text .card-bg-hold { position: relative; background-image: url(/assets/img/card.png); background-size: cover; background-position: 50% 50%; height: 80%; max-width: 1140px; margin: 0 auto; padding: 50px; } .ls-text .card-bg-hold:after { content: ""; position: absolute; top: -43px; left: 0; background-image: url(/assets/img/pin.png); display: block; width: 72px; height: 132px; } @media (min-width: 768px) { .ls-text .card-bg-hold { padding: 50px 85px; } .ls-text .card-bg-hold:after { left: 50px; } } .ls-text h2 { text-align: center; letter-spacing: 0; font-size: 20px; margin-bottom: 10px; } .ls-text h3 { text-transform: uppercase; color: #f68205; margin-bottom: 0; font-size: 1em; } .ls-text ol, .ls-text ul { font-size: 14px; } @media (min-width: 768px) { .ls-text h2 { font-size: 30px; margin-bottom: 15px; } .ls-text h3 { font-size: 20px; margin-bottom: 5px; } .ls-text ol, .ls-text ul { font-size: 17px; } } @media (min-width: 1200px) { .ls-text h2 { font-size: 47px; margin-bottom: 30px; } .ls-text h3 { font-size: 24px; margin-bottom: 10px; } .ls-text ol, .ls-text ul { font-size: 22px; line-height: 1.7em; } } @media (max-width: 479px) { .ls-text .card-bg-hold { margin: -15px auto 0; padding: 30px 40px; } .ls-text h2 { font-size: 17px; } .ls-text .card-bg-hold:after { top: -35px; width: 60px; height: 109px; background-size: 100%; } } .meal-details > div { padding: 0; } .meal-details > div:first-child { position: absolute; bottom: 0; left: 0; width: 100%; } @media (min-width: 768px) { .meal-details > div { float: left; padding: 0 10px; } .meal-details > div:first-child { width: 35%; position: static; } .meal-details > div:nth-child(2) { width: 30%; } .meal-details > div:nth-child(3) { width: 35%; } } @media (min-width: 1200px) { .meal-details > div { padding: 0 20px; } } .meal-details-image-social { position: relative; } .meal-details-image { margin-bottom: 20px; width: 100%; display: none !important; } @media (min-width: 768px) { .meal-details-image-social { display: inline-block; } .meal-details-image { display: block !important; } } .meal-details-social { text-align: center; } .meal-details-social a { width: 39px; height: 39px; display: inline-block; margin: 0 15px; } .meal-details-social a .icon { width: 39px; height: 39px; } @media (min-width: 768px) and (max-width: 1199px) { .meal-details-social a { margin: 0 6px; } } @media (min-width: 1200px) { .meal-details-social a { width: 39px; height: 39px; } } .slider-nav-section { background: #1d3862; text-align: center; padding: 34px 0; text-transform: uppercase; height: 180px; } .find-store-online { text-align: center; } .splitted > div { padding: 0 0 80px; } @media (min-width: 640px) { .splitted > div { float: left; width: 50%; padding: 0 10px; } } .find-store-online h3 { font-size: 30px; } .fso-image { height: 230px; margin-bottom: 20px; } .fso-image img { max-height: 100%; } .find-store-online label { display: block; text-transform: uppercase; margin-bottom: 30px; font-size: 1.5rem; } .fso-form { width: 435px; max-width: 100%; margin: 0 auto; } .find-store-online .form-input, .find-store-online .gigya-composite-control select, .find-store-online .gigya-input-password, .find-store-online .gigya-input-text, .gigya-composite-control .find-store-online select { width: 60%; } .find-store-online .go-icon { max-width: 35%; } .follow-us p { margin-bottom: 35px; } .follow-us .masthead-gigya-popover-link { text-decoration: none; border: 0; } .text-with-logo-left .l-container { position: relative; text-align: center; } .text-with-logo-left .logo-left { margin-bottom: 20px; } @media (min-width: 800px) { .text-with-logo-left .l-container h2 { margin: 0; padding: 30px 185px 0; } .text-with-logo-left .l-container p { margin: 0; padding: 0 185px; font-size: 1.5em; line-height: 1.3em; } .text-with-logo-left .logo-left { position: absolute; left: 0; top: 0; } } @media (min-width: 1224px) { .expand-products-list { margin: 0 -22px; } } .products-list > div { padding: 0 22px 46px; } .products-list .item { border: 1px solid #ccc; padding: 10px; } .products-list span { color: #042251; font-size: 24px; display: block; text-transform: uppercase; margin-bottom: 10px; text-align: center; } @media (min-width: 768px) and (max-width: 1023px) { .products-list span { font-size: 18px; } } .products-list .product-image { width: 240px; height: 240px; max-width: 100%; margin: 0 auto; } .products-list .product-image, .video-section { background-size: cover; background-position: 50%; background-repeat: no-repeat; } .video-section { position: relative; height: 790px; text-align: center; } .video-section .fluidVideo { padding: 0; height: 100%; } .video-section .movie-poster { width: 100%; height: 100%; } .video-title { position: absolute; top: 15%; left: 0; width: 100%; padding: 0 10px; text-transform: uppercase; color: #fff; font-size: 41px; } @media (min-width: 768px) { .video-title { padding: 0 50px; font-size: 47px; } } @media (min-width: 768px) and (max-width: 1199px) { .video-title { padding: 0 50px; } } .video-title > span { display: block; max-width: 1180px; margin: 0 auto; } .video-section .movie-poster-play:after { border-color: transparent transparent transparent #f68205; } .video-section .movie-poster-play:before { border: 3px solid #f68205; } .slider-011 { height: 850px; } .slider-011 .carousel-cell { height: 750px; width: 100%; overflow: hidden; } .slider-011 .flickity-viewport { position: absolute; width: 100%; } .slider-022 { height: 850px; } .slider-022 .carousel-cell { height: 750px; width: 100%; overflow: hidden; } .slider-022 .flickity-viewport { position: absolute; width: 100%; } .landings-slider .flickity-page-dots { bottom: 40px; } .landings-slider .flickity-page-dots .dot { width: 13px; height: 13px; border: 2px solid #fff; margin: 0 7px; background: transparent; opacity: 1; } .landings-slider .flickity-page-dots .dot.is-selected { background: #fff; } .landings-slider .flickity-prev-next-button { width: 60px; height: 90px; border: none; border-radius: 0; background: #fff; cursor: pointer; transform: translateY(-50%); } .landings-slider .flickity-prev-next-button svg { left: 10%; top: 10%; width: 80%; height: 80%; } .landings-slider .flickity-prev-next-button.previous { left: 0; } .landings-slider .flickity-prev-next-button.next { right: 0; } .landings-slider .flickity-prev-next-button .arrow { fill: #15315d; } @media (max-width: 767px) { .landings-slider .flickity-prev-next-button { width: 37px; height: 70px; } } .slider-022-navigation .flickity-prev-next-button, .slider-nav-section { display: none; } .slider-022-navigation .carousel-cell { width: 25%; opacity: 0.45; color: #fff; cursor: pointer; text-align: center; outline: none; } .slider-022-navigation .carousel-cell.is-selected, .slider-022-navigation .carousel-cell:hover { opacity: 1; color: #fff; } .slider-022-navigation .carousel-cell > span { display: block; } .slider-022-navigation .carousel-cell > span:first-child { margin-bottom: 10px; } .slider-022-navigation .carousel-cell > span > img { margin: 0 auto; } .slider-022-navigation .carousel-cell:first-child, .slider-022-navigation .carousel-cell:nth-child(2), .slider-022-navigation .carousel-cell:nth-child(3) { border-right: 1px solid #fff; } .slider-022-navigation .carousel-cell.is-selected:first-child, .slider-022-navigation .carousel-cell.is-selected:nth-child(2), .slider-022-navigation .carousel-cell.is-selected:nth-child(3), .slider-022-navigation .carousel-cell:hover:first-child, .slider-022-navigation .carousel-cell:hover:nth-child(2), .slider-022-navigation .carousel-cell:hover:nth-child(3) { border-right: 1px solid hsla(0, 0%, 100%, 0.45); } @media (min-width: 768px) { .slider-nav-section { display: block; } .landings-slider.slider-022 .flickity-page-dots { display: none !important; } .landings-slider.slider-022 { margin-bottom: 0; padding-bottom: 0; height: 750px; } } @media (min-width: 1200px) { .expand-share-list { margin: 0 -9px; } } .share-list > div { padding: 0 9px 18px; clear: none !important; } .share-list .item { display: block; max-width: 100%; position: relative; overflow: hidden; margin: 0 auto; background-size: cover; background-position: 50%; background-repeat: no-repeat; color: #fff; } .share-list .item, .share-list .wide-item .item { width: 100%; height: 281px; } .share-text { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(27, 53, 94, 0.8); color: #fff; } .share-text > span { position: absolute; padding: 20px 25px; display: block; width: 100%; } .share-text > span:first-child { top: 0; left: 0; font-size: 21px; font-weight: 700; } .share-text > span:last-child { bottom: 0; left: 0; font-size: 15px; font-weight: 600; } @media (min-width: 1200px) { .share-list .item:hover .share-text { display: block; } } .share-icon { background-image: url(/assets/img/icons-sprite-landings.png); background-repeat: no-repeat; display: inline-block; width: 40px; height: 30px; position: absolute; bottom: 10px; right: 10px; } .share-fb { background-position: -194px -606px; } .share-tw { background-position: -57px -606px; } .share-ins { background-position: -5px -606px; } .share-pin { background-position: -100px -606px; } .share-yt { background-position: -154px -606px; } .gigya-clear { clear: both; } .masthead .gigyaUsername { color: #fff; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; cursor: default; } .barillaGigya { margin-bottom: 40px; } .barillaGigya-page { margin: 0 auto; padding-right: 10px; padding-left: 10px; max-width: 820px; } @media print, screen and (min-width: 56.25em) { .barillaGigya-page { padding: 0; } } .gigya-composite-control a { border-bottom: 2px solid; cursor: pointer; } .gigya-composite-control.gigya-composite-control-textbox { position: relative !important; z-index: 11; } .gigya-error-msg-active { margin-left: 10px; font-size: 12px; font-size: 0.75rem; } .gigya-composite-control { position: relative; } .gigya-composite-control.d-block, .gigya-composite-control.main-text { display: block; margin-top: 15px; clear: both; } .gigya-composite-control.with-divider { text-align: center; } .gigya-composite-control[data-switch-screen] { margin-left: 8px; } .gigya-composite-control-submit { display: block !important; width: 100% !important; min-width: 100%; float: none !important; clear: both; margin: 24px 0; text-align: right; border-top: 1px solid #e5e8eb; border-bottom: 1px solid #e5e8eb; padding: 24px 10px; } .v2 .gigya-composite-control-submit { border: 0; margin: 0; } #gigya-verification-sent-screen input[type="button"], .gigya-input-submit { float: none !important; } #gigya-verification-sent-screen input[type="button"] + #gigya-verification-sent-screen input[type="button"], #gigya-verification-sent-screen input[type="button"] + .gigya-input-submit, .gigya-input-submit + #gigya-verification-sent-screen input[type="button"], .gigya-input-submit + .gigya-input-submit { margin-left: 24px; } .gigya-spacer { display: none !important; } @media print, screen and (min-width: 31.25em) { #barillaGigya-page--login .gigya-layout-cell:after, .gigya-layout-row .gigya-layout-row:after { content: ""; display: table; clear: both; } } #barillaGigya-page--login .gigya-composite-control-password, #barillaGigya-page--login .gigya-composite-control-textbox, #barillaGigya-page--register .gigya-composite-control-multi-choice, #barillaGigya-page-profile .gigya-composite-control, .gigya-composite-control-password, .gigya-layout-row + .gigya-layout-row { margin-top: 15px; } #barillaGigya-page--login .gigya-composite-control-password.gigya-email-changed-warning, #barillaGigya-page--login .gigya-composite-control-textbox.gigya-email-changed-warning, #barillaGigya-page--register .gigya-composite-control-multi-choice.gigya-email-changed-warning, #barillaGigya-page-profile .gigya-composite-control.gigya-email-changed-warning, .gigya-composite-control-password.gigya-email-changed-warning, .gigya-layout-row + .gigya-layout-row.gigya-email-changed-warning { display: inline-block; margin: 0 0 0 10px; } .gigya-composite-control-multi-choice .gigya-label { display: inline-block !important; } .gigya-composite-control-multi-choice .gigya-label.hide-element { display: none !important; } #loginPageContainer.is-loading, #registrationPageContainer.is-loading { position: relative; } #loginPageContainer.is-loading:after, #registrationPageContainer.is-loading:after { content: ""; position: relative; top: 10px; left: 50%; display: block; width: 60px; height: 150px; background: url(/assets/img/loader.gif) no-repeat 50% 50%; } #barilla-raas-myProfile-groceries, #barilla-raas-myProfile-sons, #barillaGigya-page--login .gigya-layout-cell .gigya-layout-cell, #barillaGigya-page--login .gigya-profile-form .gigya-layout-row:first-child .gigya-composite-control-textbox, #barillaGigya-page--login [id*="barilla-raas-birthDateBlock"], #barillaGigya-page--register .gigya-layout-cell .gigya-layout-cell, #barillaGigya-page-profile .gigya-composite-control-checkbox, #barillaGigya-page-profile .gigya-composite-control-dropdown, #barillaGigya-page-profile .gigya-composite-control-textbox { margin-top: 10px; min-height: 80px; } @media print, screen and (min-width: 31.25em) { #barilla-raas-myProfile-groceries, #barilla-raas-myProfile-sons, #barillaGigya-page--login .gigya-layout-cell .gigya-layout-cell, #barillaGigya-page--login .gigya-profile-form .gigya-layout-row:first-child .gigya-composite-control-textbox, #barillaGigya-page--login [id*="barilla-raas-birthDateBlock"], #barillaGigya-page--register .gigya-layout-cell .gigya-layout-cell, #barillaGigya-page-profile .gigya-composite-control-checkbox, #barillaGigya-page-profile .gigya-composite-control-dropdown, #barillaGigya-page-profile .gigya-composite-control-textbox { margin-top: 0; width: 50%; float: left; padding-left: 10px; padding-right: 10px; } } @media print, screen and (min-width: 31.25em) { #barilla-raas-myProfile-groceries, #barillaGigya-page--login .gigya-profile-form .gigya-layout-row:first-child .gigya-composite-control-textbox, #barillaGigya-page-profile .gigya-composite-control-checkbox, #barillaGigya-page-profile .gigya-composite-control-dropdown, #barillaGigya-page-profile .gigya-composite-control-textbox { margin-top: 10px; } } #barillaGigya-page--login .gigya-profile-form .gigya-layout-row:first-child .gigya-composite-control-textbox, #barillaGigya-page--login [id*="barilla-raas-birthDateBlock"] { margin-top: 15px; } #barillaGigya-page-profile .gigya-reset-password-form .gigya-composite-control-textbox { float: none !important; } #loginPageContainer [id*="complete-reg"] .gigya-layout-row.with-two-inputs .gigya-composite-control { width: auto !important; float: none !important; padding: 0 !important; } #loginPageContainer [id*="complete-reg"] [id*="birthDateBlock"] { padding: 0 !important; } #loginPageContainer [id*="complete-reg"] [id*="birthDateBlock"] .gigya-layout-cell { float: left; } #barilla-raas-login-head-label, #barilla-raas-registration-head-label { padding-right: 30px; } @media print, screen and (min-width: 46.875em) { #barilla-raas-login-head-label, #barilla-raas-registration-head-label { margin-right: 0; margin-left: 0; padding-left: 15px; padding-right: 15px; } } .gigya-composite-control-header { font-size: 16px; font-size: 1rem; padding-bottom: 0; text-align: center; border-bottom: 1px solid #e5e8eb; margin-bottom: 1em; text-align: left; } * + .gigya-composite-control-header { margin-top: 1em; } @media print, screen and (min-width: 31.25em) { .gigya-composite-control-header { text-align: center; font-size: 20px; font-size: 1.25rem; } } #gigya-login-screen-v2 .gigya-composite-control-header { font-size: 2.5rem; } #barilla-raas-deleteInitiative { max-width: none !important; } #barilla-raas-deleteInitiative .gigya-layout-row { text-align: left !important; } .gigya-layout-row:after { content: ""; display: block; clear: both; } .gigya-layout-row.subscribe-wrapper .gigya-composite-control-label { display: block; padding-left: 10px; } .gigya-screen .gigya-terms-error, .gigya-screen input.gigya-error, .gigya-screen input[type="email"].gigya-error, .gigya-screen input[type="password"].gigya-error, .gigya-screen input[type="text"].gigya-error { border-radius: 0 !important; } .gigya-composite-control select { appearance: menulist; } .gigya-composite-control .gigya-label { display: block; } .gigya-composite-control .gigya-label .gigya-checkbox-text, .gigya-composite-control label .gigya-checkbox-text { padding-left: 30px; padding-right: 10px; display: block; } .gigya-composite-control.noovle-birthday { display: inline-block; width: auto !important; } .gigya-composite-control.noovle-birthday .gigya-label { display: none; } [class*="birthDate"] select, [id*="birthDate"] select { width: auto; display: inline-block; } [id*="birthDateBlock"] .gigya-composite-control, [id*="birthDateBlock"] .gigya-layout-cell { width: auto !important; padding: 0 !important; min-height: 0 !important; margin-top: 0 !important; } [id*="birthDateBlock"] .gigya-composite-control select, [id*="birthDateBlock"] .gigya-layout-cell select { margin-right: 10px; height: 2.5em; padding: 0.5em; font-size: 16px; font-size: 1rem; font-family: HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.5; color: #2a2a2a; font-weight: 400; vertical-align: baseline; background-color: #fff; border: 2px solid #fc3; transition: all 0.2s ease-in-out; border-radius: 0; } @media print, screen and (max-width: 31.25em) { [id*="birthDateBlock"] .gigya-composite-control, [id*="birthDateBlock"] .gigya-layout-cell { display: inline-block; } } [id*="myProfile-birthDate"] .gigya-composite-control, [id*="myProfile-birthDate"] .gigya-layout-cell { width: auto !important; padding: 0 !important; min-height: 0 !important; margin-top: 0 !important; } [id*="myProfile-birthDate"] .gigya-composite-control select, [id*="myProfile-birthDate"] .gigya-layout-cell select { margin-right: 10px; height: 2.5em; padding: 0.5em; font-size: 16px; font-size: 1rem; font-family: HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.5; color: #2a2a2a; font-weight: 400; vertical-align: baseline; background-color: #fff; border: 2px solid #fc3; transition: all 0.2s ease-in-out; border-radius: 0; } @media print, screen and (max-width: 31.25em) { [id*="myProfile-birthDate"] .gigya-composite-control, [id*="myProfile-birthDate"] .gigya-layout-cell { display: inline-block; } } @media print, screen and (max-width: 31.25em) { [id*="myProfile-birthDate"] { padding: 0 !important; } [id*="myProfile-birthDate"] label { display: block; } } [id*="myProfile-birthDate-it"] { padding-left: 10px; padding-right: 10px; min-height: 80px; } [id*="myProfile-sons"] { margin-top: 10px !important; } [id*="profileConnection_bottomLink"] td[align="right"] { display: none; } [id*="myProfile-mobile"], [id*="success_message_profile"] { padding-left: 10px; margin-top: 10px; } [id*="myProfile-mobile"] { width: 50%; float: left; padding-right: 10px; } @media print, screen and (max-width: 31.25em) { [id*="myProfile-mobile"] { margin-top: 0; width: auto; float: none; padding-left: 0; padding-right: 0; } } [id*="myProfile-mobile"] [id*="myProfile-mobile-label"] { margin-top: 0; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; } [id*="myProfile-mobile"] .gigya-composite-control-textbox { display: block; width: 100% !important; margin-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; min-height: auto !important; } [id*="myProfile-mobile"] .gigya-error-msg { float: left; } @media print, screen and (max-width: 31.25em) { [id*="myProfile-mobile"] .gigya-error-msg { float: none; } } [id*="myProfile-mobile"] .gigya-label { float: left; } @media print, screen and (max-width: 31.25em) { [id*="myProfile-mobile"] .gigya-label { float: none; } } .gigya-keep-me-logged-in { text-align: left; padding-top: 20px !important; } .gigya-keep-me-logged-in [id*="login-rememberMe-label"] { padding-left: 15px; color: #2a2a2a; font-size: 16px; } .gigya-keep-me-logged-in [id*="gigya-checkbox-remember"] { top: calc(50% - 8px) !important; } table.gig-balloon { table-layout: auto; background-color: transparent !important; } table.gig-balloon td { padding: 0; background-color: transparent !important; } div.gigya-passwordStrength-bar { height: 3px !important; } [id^="barillaGigya-page--login_social"], [id^="barillaGigya-page--register_social"] { margin: auto !important; width: 220px !important; height: auto !important; } .gigya-login-providers { height: auto !important; } .gigya-login-providers-list-container { background-color: #fff !important; width: auto !important; } tr:last-child .gigya-login-providers-list-container { padding-bottom: 0; } div.gigya-login-provider-row { display: inline-block; } .gigya-login-provider-row { height: 45px !important; } [data-gigya-provider] { margin: 5px !important; } [data-gigya-provider], [data-gigya-provider]:before { width: 45px !important; height: 45px !important; display: inline-block; } [data-gigya-provider]:before { content: ""; background: url(https://cdns2.gigya.com/gs/GetSprite.ashx?path=/HTMLLogin/[facebook, googleplus, twitter, instagram, yahoo]_45.png|45, 45) 0 0 no-repeat !important; } [data-gigya-provider] * { display: none !important; } [data-gigya-provider="twitter"]:before { background-position: -90px 0 !important; } [data-gigya-provider="instagram"]:before { background-position: -135px 0 !important; } [data-gigya-provider="yahoo"]:before { background-position: -180px 0 !important; } [data-gigya-provider="googleplus"]:before { background-position: -45px 0 !important; } .gigya-composite-control-checkboxes table .gigya-checkboxes-item { position: relative; margin-bottom: 10px; padding-right: 25px; padding-left: 25px; line-height: 1; font-size: 0; } @media print, screen and (max-width: 62.5em) { .gigya-composite-control-checkboxes table .gigya-checkboxes-item { padding-left: 0; text-align: left; } .gigya-composite-control-checkboxes table .gigya-checkboxes-item label { word-wrap: break-word; } } @media print, screen and (max-width: 62.5em) { [id*="barilla-raas-unsubPage-checkbox-us"] table .gigya-checkboxes-item { padding-left: 25px; min-height: 20px; } } .gigya-checkboxes-item label { font-size: 12px; font-size: 0.75rem; } @media print, screen and (min-width: 31.25em) { .gigya-checkboxes-item label { font-size: 14px; font-size: 0.875rem; } } @media print, screen and (min-width: 62.5em) { .gigya-checkboxes-item label { font-size: 16px; font-size: 1rem; } } .barilla-raas-displayBlock { display: block; } .barilla-raas-displayNone, .barilla-raas-error, .barilla-raas-parentEmailError { display: none; } .gigya-screen .gigya-required-display { display: inline-block; } .barilla-raas-textalign-center { text-align: center; } #barillaGigya-page--register .gigya-multi-choice-item { width: auto !important; } .gigya-layout-row.with-two-inputs .gigya-multi-choice-item:first-child .gigya-label { margin-left: -6px; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .gigya-composite-control-captcha-widget { position: static; } .gigya-composite-control-captcha-widget .grecaptcha-badge { position: absolute !important; } .gigya-composite-control-captcha-widget .grecaptcha-badge .hover { right: 4px !important; } } .PRIVACY_RECALL_false_alert { color: #dd4b39; font-size: 11px; } #gigya-register-screen .gigya-layout-row.with-two-inputs { margin-left: -10px; margin-right: -10px; } #gigya-register-screen .gigya-composite-control.noovle-birthday { margin: 20px 0 0 10px; } #gigya-register-screen .gigya-layout-cell .gigya-layout-cell { min-height: auto; } .gigya-composite-control.gigya-composite-control-captcha-widget.invisible { visibility: visible; } #barillaGigya-page--login #gigya-register-form .gigya-composite-control.gigya-composite-control-textbox { width: 100%; padding: 0; } #barillaGigya-page--login #gigya-register-form .gigya-composite-control-password { margin-top: 15px; float: none; width: auto; padding: 0; } .gigya-screen .gigya-terms-error, .gigya-screen input.gigya-error, .gigya-screen input[type="email"].gigya-error, .gigya-screen input[type="password"].gigya-error, .gigya-screen input[type="text"].gigya-error, .gigya-screen select.gigya-error { border-radius: 0 !important; } #gigya-complete-registration-screen .gigya-layout-row.with-two-inputs { margin-left: -10px; margin-right: -10px; } #gigya-complete-registration-screen .gigya-composite-control.noovle-birthday { margin: 0 10px 0 0; float: none !important; vertical-align: top; } #gigya-complete-registration-screen .gigya-composite-control.noovle-birthday + .gigya-composite-control-label { display: block; margin-top: 15px; } #gigya-complete-registration-screen .gigya-layout-cell .gigya-layout-cell { min-height: auto; } #gigya-complete-registration-screen .gigya-composite-control-label.d-block { display: block; } #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-textbox { display: block; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; min-height: auto !important; } .gigya-layout-cell.with-divider { text-align: center; } .gigya-image { width: auto !important; } .gigya-screen .gigya-error-msg { text-align: right; } #barillaGigya-page--login_content_caption { display: none; } h1.gigya-screen-caption { font-size: 20px !important; } #barillaGigya-page-profile_social_1_uiContainer .gigya-login-providers-container { width: 200px; } label[for="gigya-textbox-70910634667538664"] { text-align: left; } .gigya-layout-cell { max-width: none !important; } .gigya-login-providers-container { top: 0 !important; transform: translateY(0) !important; } #barillaGigya-page--login_social_1_uiContainer, #barillaGigya-page--login_social_2_uiContainer, #barillaGigya-page--login_social_3_uiContainer, #barillaGigya-page--login_social_4_uiContainer, .gigya-social-login-container { height: auto !important; margin-bottom: 10px !important; } #barilla-raas-login-forgotPassword-label { float: none !important; } #barilla-raas-login-forgotPassword-label, .gigya-forgotPassword { font-size: 12px; font-size: 0.75rem; } #barillaGigya-page--login_content .gigya-composite-control-checkbox { width: 100%; margin-top: 20px; margin-left: 10px; } #barilla-raas-forgotPassword-continue-label { margin-top: 20px; } .gigya-composite-control-checkbox { position: relative; display: block; padding: 0 0 1em 1.5em; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; min-height: 2.5em; line-height: 1.5; } input[type="checkbox"].gigya-input-checkbox, input[type="checkbox"].gigya-input-checkbox-pastaShapes-checkbox, input[type="checkbox"].gigya-input-checkbox-Tagliatelle-checkbox { position: absolute; top: 2px; left: 0; display: block; width: 19px; height: 19px; border: 2px solid #1c3775; background-color: #ffe866; background-size: 0 0; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 0 0 2px transparent, 0 0 0 0 transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } #barillaGigya-page--login .gigya-composite-control-password + .gigya-layout-row { clear: both; font-size: 14px; font-size: 0.875rem; color: #ba0c2f; text-align: center; } #barillaGigya-page--login .gigya-composite-control-password + .gigya-layout-row .gigya-forgotPassword { float: right !important; } @media print, screen and (max-width: 31.25em) { #barillaGigya-page--login .gigya-composite-control-password + .gigya-layout-row { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #barillaGigya-page--login .gigya-composite-control-password + .gigya-layout-row .gigya-layout-cell { min-height: auto; } #barillaGigya-page--login .gigya-composite-control-password + .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox { margin-top: 0; } } #barilla-raas-login-error-403042 { padding-top: 24px; } #gigya-complete-registration-screen-1 { margin-top: 30px; } #barillaGigya-page--login .gigya-profile-form .gigya-layout-row { clear: both; overflow: auto; } .forgotPassword { position: absolute; margin-top: 75px; margin-left: 0; font-size: 12px; font-size: 0.75rem; } @media print, screen and (min-width: 46.875em) { .forgotPassword { margin-top: 70px; margin-left: 20px; } } .gigya-profile-form .gigya-composite-control-multi-choice { margin-top: 15px; padding-left: 10px; clear: both; } .gigya-link-accounts-form .gigya-composite-control-header, .gigya-link-accounts-form .gigya-divider { margin-left: 10px; margin-right: 10px; display: block; border: 0; } .gigya-link-accounts-form .gigya-divider { margin-bottom: 10px; } #barillaGigya-page--login_child_content { max-width: unset !important; } #barilla-raas-linkAccount_2-site-only-connect-label { margin: 0 10px 10px; display: block; } .gigya-keep-me-logged-in.gigya-composite-control-checkbox input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; } .gigya-keep-me-logged-in.gigya-composite-control-checkbox input:checked ~ label:after { background-image: url(/assets/img/form-checked.png); background-position: 50%; background-size: 9.5px 9.5px; } .gigya-keep-me-logged-in.gigya-composite-control-checkbox label { color: #2a2a2a; } .gigya-keep-me-logged-in.gigya-composite-control-checkbox label:after { content: " "; position: absolute; top: 1px; left: 0; display: block; width: 19px; height: 19px; border: 2px solid #1c3775; background-size: 0 0; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 0 0 2px transparent, 0 0 0 0 transparent; transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1); top: 50%; transform: translateY(-50%); } #gigya-login-screen-v2 { text-align: center; margin: 0 auto 24px; max-width: 834px; } #gigya-login-screen-v2 .gigya-forgotPassword { padding-top: 15px; } #gigya-login-screen-v2 .gigya-layout-row.with-divider { display: -ms-flexbox; display: flex; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive { width: calc(50% - 36px); } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-divider { width: 0; font-size: 0; color: transparent; border-left: 1px solid #1c3775; margin: 0 36px; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-divider .gigya-divider-content { display: none; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-input-submit { margin-top: 12px; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-input-submit input { background: none; border: 0; text-transform: uppercase; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-composite-control-header, #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-composite-control-submit { border: 0; } @media print, screen and (max-width: 31.25em) { #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-composite-control-header, #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-composite-control-submit { text-align: center; margin: 20px 0 10px; } } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive .gigya-composite-control-checkbox { margin: 5px 0 0; padding: 0; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-keep-me-logged-in { padding-top: 8px !important; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-composite-control-submit { text-align: center; margin: 0; padding: 0; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-login-providers-container { width: 166px !important; } @media print, screen and (max-width: 46.875em) { #gigya-login-screen-v2 .gigya-layout-row.with-divider { -ms-flex-direction: column; flex-direction: column; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive { width: 100%; margin-top: 30px; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-site-login { border-top: 1px solid #1c3775; } #gigya-login-screen-v2 .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-divider { display: none; } } #gigya-login-screen-v2 .gigya-layout-row .gigya-layout-cell { min-height: 40px; padding: 0; } #gigya-login-screen-v2 .gigya-composite-control .gigya-label { text-align: left; } #gigya-login-screen-v2 .labelSocialLogin { padding-top: 70px; display: inline-block; } #gigya-login-screen-v2 .gigya-error-msg[data-bound-to="gigya-login-form"] { text-align: center; margin: 5px; } @media print, screen and (max-width: 31.25em) { #gigya-login-screen-v2 .gigya-composite-control-password + .gigya-layout-row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; } #gigya-login-screen-v2 .gigya-composite-control-password + .gigya-layout-row:after { display: none; } } #gigya-login-screen-v2 .headerLoginRegistration { margin-bottom: 8px; } #gigya-login-screen-v2 .containerMobileSocials .gigya-layout-row .gigya-layout-cell { min-height: 4px; } #gigya-verification-sent-screen.v2 { text-align: center; font-size: 20px; } #barillaGigya-page--register { padding-bottom: 40px; } #barilla-PRIVACY-US { margin-top: 24px; padding: 0 10px; } #barilla-raas-initiativeBlock { float: none !important; clear: both; width: 100% !important; } #barilla-raas-registration-submit-label { margin-left: 0 !important; } select[class="barilla-raas-label-day gigya-error"], select[class="barilla-raas-label-month gigya-error"], select[class="barilla-raas-label-year gigya-error"] { border: 2px solid #dd4b39 !important; } #barilla-raas-birthDateBlock-us { clear: both; } #barilla-raas-completeRegistration-1-rules-label, #barilla-raas-completeRegistration-1-terms2-label, #barilla-raas-registration-privacy-label-1, #barilla-raas-registration-rules { display: none; } #barillaGigya-page--register .collapse .gigya-composite-control-header { border-bottom: none; } #barillaGigya-page--register .gigya-multi-choice-item { position: relative; padding-left: 25px !important; } #barillaGigya-page--register .gigya-multi-choice-item .gigya-label { margin-left: 0; } #barillaGigya-page--register .gigya-multi-choice-item input[type="radio"] { position: absolute; opacity: 0; z-index: -1; } #barillaGigya-page--register .gigya-multi-choice-item input:checked ~ label:after { background-color: #fff; border: 6px solid #1c3775; } #barillaGigya-page--register .gigya-multi-choice-item label:after { content: " "; position: absolute; top: 10px; left: 0; display: block; width: 19px; height: 19px; border: 2px solid #1c3775; background-size: 0 0; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 0 0 2px transparent, 0 0 0 0 transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); border-radius: 50%; } #gigya-register-screen-v2 { max-width: 834px; margin: 0 auto 24px; } #gigya-register-screen-v2 .gigya-layout-cell { min-height: auto !important; } #gigya-register-screen-v2 .gigya-layout-row.with-two-inputs .gigya-layout-cell:first-child { padding-left: 0; } #gigya-register-screen-v2 .gigya-layout-row.with-two-inputs .gigya-layout-cell:nth-child(2) { padding-right: 0; } #gigya-register-screen-v2 .noovle-birthday { width: 32%; padding-right: 1% !important; } #gigya-register-screen-v2 .gigya-composite-control-submit, #gigya-register-screen-v2 .under-site-login { text-align: center; } #gigya-register-screen-v2 .gigya-composite-control-submit .gigya-composite-control, #gigya-register-screen-v2 .under-site-login .gigya-composite-control { display: inline; } #gigya-register-screen-v2 .gigya-composite-control-label { display: block; margin-top: 15px; } #gigya-register-screen-v2 .gigya-composite-control-label.ageError { color: #dd4b39; } #gigya-register-screen-v2 .gigya-label-text strong { margin-bottom: 10px; display: inline-block; } #gigya-register-screen-v2 .gigya-composite-control-multi-choice { margin-top: 15px; } #gigya-register-screen-v2 .gigya-composite-control-multi-choice .gigya-multi-choice-item { min-height: auto; line-height: 1; display: block; margin-top: 10px; } #gigya-register-screen-v2 .gigya-composite-control-header { border: 0; font-size: 15px; text-transform: none; } #gigya-register-screen-v2 .linkPrivacyPolicy { margin-left: 6px; } #barillaGigya-page-profileConnection { width: 100% !important; } #barillaGigya-page-profileConnection table { margin: auto !important; } #barillaGigya-page-profileConnection td { background-color: #fff; } #barilla-raas-myProfile-country-label { display: block; } .gigya-composite-control-multi-choice .gigya-multi-choice-item { margin-right: 20px; min-height: 2.5em; line-height: 2.5; display: inline-block; } #barilla-raas-myProfile-sons .gigya-composite-control { float: none; width: 100%; padding: 0; } #barilla-raas-myProfile-sons select { display: block; width: 100%; } #barilla-raas-myProfile-changeResetPasswordBlock { width: 100%; } #barilla-raas-myProfile-changeResetPasswordBlock:before { content: ""; border-top: 1px solid #e5e8eb; display: block; margin-top: 40px; } #barilla-raas-myProfile-changeResetPasswordBlock, #barilla-raas-myProfile-deleteFromInitiative-label, #barilla-raas-myProfile-deleteProfile-block, #barilla-raas-myProfile-preferredOnlineRetailer { clear: both; overflow: hidden; display: block; } @media print, screen and (min-width: 31.25em) { #barilla-raas-myProfile-changeResetPasswordBlock, #barilla-raas-myProfile-deleteFromInitiative-label, #barilla-raas-myProfile-deleteProfile-block, #barilla-raas-myProfile-preferredOnlineRetailer { padding-left: 10px; } } #barilla-raas-myProfile-deleteProfile-label, #barilla-raas-myProfile-deleteProfileDetail-label { display: inline-block !important; } #barilla-raas-myProfile-deleteProfileDetail-label { font-size: 12px; font-size: 0.75rem; } #barilla-raas-myProfile-changeResetPasswordBlock + br { display: none; } select[name="data.crispbreadConsumptionHabits"], select[name="data.MARITAL_STATUS"], select[name="data.pastaConsumptionHabits"], select[name="data.PreferredRetailer"], select[name="data.raceEthnicity"], select[name="data.sauceConsumptionHabits"], select[name="profile.country"], select[name="profile.gender"], select[name="profile.state"] { width: 100%; } #checktable tr:last-child td { padding-bottom: 10px; } #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredOnlineRetailer, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredSauce { width: 100%; margin-top: 1em; } #barillaGigya-page-profile_content input[type="checkbox"].gigya-input-checkbox, #barillaGigya-page-profile_content input[type="checkbox"].gigya-input-checkbox-pastaShapes-checkbox, #barillaGigya-page-profile_content input[type="checkbox"].gigya-input-checkbox-Tagliatelle-checkbox { position: absolute; right: 0; left: auto; } #barilla-raas-myProfile-groceries { margin-bottom: 5px; } #barilla-raas-myProfile-groceries .gigya-composite-control-multi-choice div { display: inline-block; width: auto !important; float: none !important; } #barilla-raas-myProfile-groceries .gigya-composite-control-multi-choice div label { padding-right: 30px; } #barilla-raas-myProfile-groceries span { display: block; width: 100% !important; max-width: 100% !important; } #barillaGigya-page-profile .gigya-layout-row:last-child .gigya-layout-cell { width: 100% !important; min-width: 0 !important; } .gigya-submissionFeedback { min-height: 30px; margin-right: 10px; transition: all 0.5s ease-in-out; display: inline-block; vertical-align: middle; opacity: 0; visibility: hidden; } .gigya-submissionFeedback.is-visible { opacity: 1; visibility: visible; transform: scale(1); } @media print, screen and (min-width: 31.25em) { .gigya-submissionFeedback { margin-right: 24px; } } .gigya-submissionFeedback-copy { vertical-align: middle; font-size: 12px; font-size: 0.75rem; } @media print, screen and (min-width: 31.25em) { .gigya-submissionFeedback-copy { font-size: 14px; font-size: 0.875rem; } } .gigya-submissionFeedback-icon { vertical-align: middle; width: 20px; height: 20px; display: inline-block; transform: scale(0.9); transition: all 0.5s ease-in-out; } @media print, screen and (min-width: 31.25em) { .gigya-submissionFeedback-icon { width: 30px; height: 30px; } } #barilla-raas-logosBlock img { display: inline-block; width: 15%; vertical-align: middle; margin: 5px; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row + .gigya-layout-row, #barilla-raas-myProfile-preferredSauce .gigya-layout-row + .gigya-layout-row, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row + .gigya-layout-row, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row + .gigya-layout-row { margin-top: 0; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row, #barilla-raas-myProfile-preferredSauce .gigya-layout-row, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; background: #d2d2dc; background: linear-gradient(90deg, #d2d2dc 0, #d2d2dc 33%, #dbdbe3 33.1%, #dbdbe3 66%, #e0e0e7 66.1%, #e0e0e7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2dc',endColorstr='#e0e0e7',GradientType=1); } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell, #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell { -ms-flex: 1 1 33%; flex: 1 1 33%; width: 33%; max-width: 33% !important; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; padding: 0 10px; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox, #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox { float: none; position: relative; margin-bottom: 10px; padding: 0 22px 0 0; line-height: 1; font-size: 0; width: 100%; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox input[type="checkbox"], #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox input[type="checkbox"], #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox input[type="checkbox"], #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox input[type="checkbox"] { top: calc(50% - 8px); } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label, #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label { font-size: 1rem; padding: 0; white-space: normal; word-break: break-word; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label .gigya-checkbox-text, #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label .gigya-checkbox-text, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label .gigya-checkbox-text, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell .gigya-composite-control-checkbox .gigya-label .gigya-checkbox-text { padding: 0; } #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row { background: #d2d2dc; background: linear-gradient(90deg, #d2d2dc 0, #d2d2dc 25%, #dbdbe3 25.1%, #dbdbe3 50%, #e0e0e7 50.1%, #e0e0e7 75%, #e4e4ea 75.1%, #e4e4ea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2dc',endColorstr='#e4e4ea',GradientType=1); } #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell { -ms-flex: 1 1 25%; flex: 1 1 25%; width: 25%; max-width: 25% !important; } @media print, screen and (max-width: 31.25em) { #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row, #barilla-raas-myProfile-preferredSauce .gigya-layout-row, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row { background: #dbdbe3; -ms-flex-direction: column; flex-direction: column; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell, #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell { width: auto; max-width: 100% !important; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 10px; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell .gigya-composite-control, #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell .gigya-composite-control, #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell .gigya-composite-control, #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell .gigya-composite-control { padding: 0 0 0 25px; } #barilla-raas-myProfile-preferredOnlineRetailer .gigya-layout-row .gigya-layout-cell .gigya-composite-control input[type="checkbox"], #barilla-raas-myProfile-preferredSauce .gigya-layout-row .gigya-layout-cell .gigya-composite-control input[type="checkbox"], #barillaGigya-page-profile_content #barilla-raas-myProfile-pastaShapes .gigya-layout-row .gigya-layout-cell .gigya-composite-control input[type="checkbox"], #barillaGigya-page-profile_content #barilla-raas-myProfile-preferredProductLines .gigya-layout-row .gigya-layout-cell .gigya-composite-control input[type="checkbox"] { left: 0; } } [id*="barilla-raas-myProfile-birthDate-us"] { padding-left: 10px; padding-right: 10px; width: 100%; margin-top: 0 !important; } [id*="barilla-raas-myProfile-birthYear-value"] { margin-right: 0 !important; } .gigya-composite-control.gigya-composite-control-dropdown .gigya-composite-control.gigya-composite-control-checkbox { min-height: 10px !important; padding-bottom: 5px; } #barillaGigya-page--profileWrapper .gigya-multi-choice-item { position: relative; padding-left: 25px !important; } #barillaGigya-page--profileWrapper .gigya-multi-choice-item .gigya-label { margin-left: 0; } #barillaGigya-page--profileWrapper .gigya-multi-choice-item input[type="radio"] { position: absolute; opacity: 0; z-index: -1; } #barillaGigya-page--profileWrapper .gigya-multi-choice-item input:checked ~ label:after { background-color: #fff; border: 6px solid #1c3775; } #barillaGigya-page--profileWrapper .gigya-multi-choice-item label.gigya-composite-control { position: unset; } #barillaGigya-page--profileWrapper .gigya-multi-choice-item label:after { content: " "; position: absolute; top: 10px; left: 0; display: block; width: 19px; height: 19px; border: 2px solid #1c3775; background-color: #fff; background-size: 0 0; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 0 0 2px transparent, 0 0 0 0 transparent; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); border-radius: 50%; } #barillaGigya-page--profileWrapper .gigya-composite-control-checkbox input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; } #barillaGigya-page--profileWrapper .gigya-composite-control-checkbox input:checked ~ label:after { background-image: url(/assets/img/form-checked.png); background-position: 50%; background-size: 9.5px 9.5px; } #barillaGigya-page--profileWrapper .gigya-composite-control-checkbox label:after { content: " "; position: absolute; top: 1px; left: 0; display: block; width: 19px; height: 19px; border: 2px solid #1c3775; background-color: #fff; background-size: 0 0; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 0 0 2px transparent, 0 0 0 0 transparent; transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1); } #barillaGigya-page-profile .gigya-composite-control-textbox input[name="data.MobilePhone"] { margin-top: 24px; } #gigya-update-profile-screen-v2 .gigya-composite-control-textbox input[name="data.MobilePhone"], #gigya-update-profile-screen-v2 .gigya-layout-row + .gigya-layout-row { margin-top: 0; } #gigya-update-profile-screen-v2 .noovle-birthday { width: 32%; padding-right: 1%; min-height: auto; } #gigya-update-profile-screen-v2 .changePw, #gigya-update-profile-screen-v2 .deleteAcc { font-weight: 700; } #gigya-update-profile-screen-v2 .changePw .sectionLinkDeleteAccount, #gigya-update-profile-screen-v2 .deleteAcc .sectionLinkDeleteAccount { font-weight: 400; } #gigya-update-profile-screen-v2 .gigya-composite-control .gigya-label { font-size: 14px; font-weight: 700; } #gigya-update-profile-screen-v2 .gigya-layout-row > .gigya-composite-control-label { font-size: 14px; font-weight: 700; padding: 0 10px; margin-top: 10px; } @media print, screen and (max-width: 46.875em) { #gigya-update-profile-screen-v2 .gigya-layout-row > .gigya-composite-control-label { padding: 0; } } #gigya-update-profile-screen-v2 .gigya-layout-row .noovle-birthday { margin-top: 0; margin-bottom: 15px; } #barillaGigya-page--profileWrapper .gigya-profile-form .gigya-composite-control-submit, #barillaGigya-page--profileWrapper .gigya-profile-form .gigya-container-enabled { text-align: center; } #gigya-cancellation-screen .gigya-layout-row .gigya-layout-cell { display: inline-block; width: 49%; vertical-align: top; } #gigya-cancellation-screen.gigya-screen .gigya-composite-control-image { padding-bottom: 20px; } #barillaGigya-page--unsub_content .gigya-composite-control-checkbox.gigya-terms-valid { margin-bottom: 5px; } #barillaGigya-page--unsub_content .gigya-profile-form .gigya-container-enabled { text-align: left; } #barillaGigya-page--unsub_content .label-prefPrivacy { font-size: 20px; } #barillaGigya-page--unsub_content .gigya-composite-control-label.list-brands, #barillaGigya-page--unsub_content .gigya-composite-control-label.list-entitlements { font-weight: 700; margin-bottom: 15px; display: block; } #barillaGigya-page--unsub_content .gigya-composite-control-label.NL_title { margin-bottom: 0; } #barillaGigya-page--unsub_content .gigya-composite-control-multi-choice.ml-4 { margin-top: 0; } #barillaGigya-page-profile_content .v2.gigya-update-profile-screen table.gigya-login-providers-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media print, screen and (max-width: 46.875em) { #barillaGigya-page--profileWrapper .tabNav { display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; } #barillaGigya-page--profileWrapper .tabNav .tabNav-tab--half { -ms-flex: 0 0 50%; flex: 0 0 50%; display: -ms-flexbox; display: flex; } #barillaGigya-page--profileWrapper .tabNav .tabNav-tab--half .tabNav-tab-btn { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } #barilla-raas-unsubPage-head2 { margin: 24px 0; display: block; font-weight: 700; } #barillaGigya-page--unsub .gigya-composite-control { margin: 24px 0; padding: 0; } #barillaGigya-page--unsub #barillaGigya-page--unsub_content_caption { text-align: left; margin-bottom: 20px; } #barillaGigya-page--unsub .label-prefPrivacy, #barillaGigya-page--unsub .NL_title { display: block; text-align: center; } #barillaGigya-page--unsub .gigya-composite-control-checkbox, #barillaGigya-page--unsub .multichoice-inline { min-height: 0; text-align: left; } #barilla-raas-unsubPage-privacyRecall-head, #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox .gigya-checkbox-text { font-weight: 700; } #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox.list-brands .gigya-checkbox-text, #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox.list-entitlements .gigya-checkbox-text { font-weight: 400; } #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox.list-brands, #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox.list-entitlements { margin: 0; } #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox.list-brands.lastBR, #gigya-unsubscription-screen-v2 .gigya-composite-control-checkbox.list-entitlements.lastBR { margin-top: -15px; } #gigya-unsubscription-screen-v2 .linkPrivacyPolicy { margin-left: 6px; } #gigya-unsubscription-screen-v2 .gigya-container-enabled .gigya-composite-control-multi-choice .gigya-multi-choice-item { line-height: 1.5; } @media print, screen and (min-width: 31.25em) { #gigya-unsubscription-screen-v2 .gigya-container-enabled .gigya-composite-control-multi-choice .gigya-multi-choice-item { margin: 5px 0 5px 50px; } } .gigya-style-modern.gigya-screen-dialog { position: fixed; border: none; } .gigya-style-modern.gigya-ios.gigya-ios-v7.gigya-screen-dialog-mobile div.gigya-screen-dialog-top, .gigya-style-modern.gigya-ios.gigya-screen-dialog { position: absolute; } .gigya-screen-dialog, .gigya-screen-dialog-mobile { display: none; position: fixed; } .gigya-light-registration.gigya-style-modern #gigya-screen-dialog-page-overlay { display: block !important; width: 100vw; height: 100vh; background: rgba(0, 30, 67, 0.85); position: fixed; top: 0; left: 0; z-index: -1; opacity: 1; } .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-main { background-color: #fff; max-height: 99vh; max-width: 99vw; overflow: auto; position: fixed; left: 50vw; top: 50vh; transform: translate(-50%, -50%); } @media print, screen and (max-width: 37.5em) { .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-main { right: 0; left: 0; transform: translateY(-50%); } } .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-top { overflow: hidden; zoom: 1; background-color: #fff; line-height: 38px; padding: 0 10px 0 11px; } .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-close { background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.333%205L0%209.333.667%2010%205%205.667%209.333%2010%2010%209.333%205.667%205%2010%20.667%209.333%200%205%204.333.667%200%200%20.667%204.333%205z%22%20fill%3D%22%23247eb3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: 50%; background-repeat: no-repeat; float: right; cursor: pointer; } [dir="rtl"] .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-close { float: left; } .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-close > a > img { margin-top: 11px; vertical-align: initial; border: 0; width: auto; opacity: 0; } .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-caption { float: left; font-size: 19px; color: #fff; padding-right: 20px; display: none; } .gigya-light-registration.gigya-style-modern div.gigya-screen-dialog-inner { padding: 0; overflow: hidden; min-width: 32px; min-height: 64px; background-color: #fff; } .gigya-light-registration.gigya-style-modern div.gigya-screen-dimmer { position: absolute; opacity: 0.2; filter: alpha(opacity=20); background-color: #fff; } .gigya-light-registration.gigya-style-modern div.gigya-screen-loader { position: absolute; background: url(https://cdns1.gigya.com/gs/i/accounts/bigLoader.gif) 50% no-repeat; min-height: 32px; min-width: 32px; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog { display: block; position: fixed; border: none; left: 0 !important; top: 0 !important; } @media print, screen and (max-width: 37.5em) { .gigya-light-registration.gigya-style-modern.gigya-screen-dialog { right: 0; } } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile div.gigya-screen-dialog-main { max-height: 100vh; max-width: 100vw; box-shadow: none; overflow: auto; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile div.gigya-screen-dialog-top { position: fixed; top: 0; border-radius: 0; line-height: 27px; box-sizing: border-box; width: 100%; z-index: 1; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile div.gigya-screen-dialog-caption { font-size: 14px; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile div.gigya-screen-dialog-close > a > img { margin-top: 5px; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile div.gigya-screen-dialog-inner { border: 0; margin-top: 27px; box-sizing: border-box; } .gigya-light-registration.gigya-style-modern.gigya-screen-dialog-mobile div.gigya-screen-dialog-inner > div { margin: 0 auto; } .gigya-light-registration.gigya-style-modern.gigya-ios.gigya-ios-v7.gigya-screen-dialog-mobile div.gigya-screen-dialog-top, .gigya-light-registration.gigya-style-modern.gigya-ios.gigya-screen-dialog { position: absolute; } .gigya-light-registration.gigya-style-modern.gigya-android.gigya-screen-dialog-mobile { overflow: auto; } .gigya-light-registration.gigya-style-modern.gigya-ie8 #gigya-screen-dialog-page-overlay { width: 100%; height: 100%; } .gigya-light-registration html.gigya-mobile-modal-mode { overflow: hidden; } .gigya-light-registration html.gigya-mobile-modal-mode body { height: 0; overflow: hidden; } .gigya-light-registration .gigya-screen-caption { padding-left: 11px; line-height: 40px; } .gigya-light-registration .gigya-locale-ar .gigya-checkbox-text, .gigya-light-registration .gigya-locale-ar .gigya-composite-control-header, .gigya-light-registration .gigya-locale-ar .gigya-composite-control-label, .gigya-light-registration .gigya-locale-ar .gigya-composite-control-link, .gigya-light-registration .gigya-locale-ar .gigya-label, .gigya-light-registration .gigya-locale-ar .gigya-multi-choice-item label, .gigya-light-registration .gigya-locale-ar input, .gigya-light-registration .gigya-locale-ar select, .gigya-light-registration .gigya-locale-he .gigya-checkbox-text, .gigya-light-registration .gigya-locale-he .gigya-composite-control-header, .gigya-light-registration .gigya-locale-he .gigya-composite-control-label, .gigya-light-registration .gigya-locale-he .gigya-composite-control-link, .gigya-light-registration .gigya-locale-he .gigya-label, .gigya-light-registration .gigya-locale-he .gigya-multi-choice-item label, .gigya-light-registration .gigya-locale-he input, .gigya-light-registration .gigya-locale-he select { direction: rtl; } .gigya-light-registration .gigya-screen { box-sizing: border-box; padding-bottom: 25px; } .gigya-light-registration .gigya-screen .gigya-label { display: block; font-weight: 700; font-size: 15px; color: #4e515e; } .gigya-light-registration .gigya-screen .gigya-label-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone { display: inline-block; font-weight: lighter; font-size: 15px; color: #4e515e; } .gigya-light-registration .gigya-screen .gigya-checkbox-text { display: inline; padding-left: 0 !important; } .gigya-light-registration .gigya-screen .gigya-message { font-size: 15px; color: #333; display: block; text-align: center; } .gigya-light-registration .gigya-screen .gigya-message.left { text-align: left; padding-bottom: 40px; } .gigya-light-registration .gigya-screen .gigya-social-login-container { margin: auto; } .gigya-light-registration .gigya-screen .gigya-forgotPassword, .gigya-light-registration .gigya-screen .gigya-forgotPassword:link { float: right; } .gigya-light-registration .gigya-screen .gigya-keep-me-logged-in { display: block; } .gigya-light-registration .gigya-screen .gigya-input-password, .gigya-light-registration .gigya-screen .gigya-input-text, .gigya-light-registration .gigya-screen .gigya-textarea, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox { width: 100%; } .gigya-light-registration .gigya-screen .gigya-input-password:focus, .gigya-light-registration .gigya-screen .gigya-input-text:focus, .gigya-light-registration .gigya-screen .gigya-textarea:focus, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox:focus { border-color: #247eb3; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox, .gigya-light-registration .gigya-screen input.gigya-input-password, .gigya-light-registration .gigya-screen input.gigya-input-text { border: 2px solid #fc3; box-sizing: border-box; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox:disabled, .gigya-light-registration .gigya-screen input.gigya-input-password:disabled, .gigya-light-registration .gigya-screen input.gigya-input-text:disabled { background-color: #f2f2f2; border-color: #d4dee4; color: #6a6a6a; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-error, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-error { border-radius: 4.5px; border: 2px solid #e76468; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox:focus, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox:focus, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-pending.gig-tfa-code-textbox, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-pending.gig-tfa-code-textbox:focus, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-valid.gig-tfa-code-textbox, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-valid.gig-tfa-code-textbox:focus, .gigya-light-registration .gigya-screen input.gigya-input-password, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-error, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-error:focus, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-pending, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-pending:focus, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-valid, .gigya-light-registration .gigya-screen input.gigya-input-password.gigya-valid:focus, .gigya-light-registration .gigya-screen input.gigya-input-password:focus, .gigya-light-registration .gigya-screen input.gigya-input-text, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-error, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-error:focus, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-pending, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-pending:focus, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-valid, .gigya-light-registration .gigya-screen input.gigya-input-text.gigya-valid:focus, .gigya-light-registration .gigya-screen input.gigya-input-text:focus { padding-left: 7px; } .gigya-light-registration .gigya-screen .gigya-input-password, .gigya-light-registration .gigya-screen .gigya-input-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox, .gigya-light-registration .gigya-screen select { height: 43px; } .gigya-light-registration .gigya-screen .gigya-required-display { color: #e76468; display: inline-block; padding: 0 5px; } .gigya-light-registration .gigya-screen .gigya-error-display { display: none; } .gigya-light-registration .gigya-screen .gigya-error-display.gigya-error-display-active { display: block; } .gigya-light-registration .gigya-screen .gigya-error-msg, .gigya-light-registration .gigya-screen .gigya-error-msg-active.gigya-form-error-msg { line-height: 14px; font-size: 13px; text-align: center; font-weight: 400; box-sizing: border-box; } .gigya-light-registration .gigya-screen .gigya-error-msg-active.gigya-form-error-msg, .gigya-light-registration .gigya-screen .gigya-error-msg.gigya-error-msg-active { padding-top: 8px; padding-bottom: 0; color: #e76468; font-weight: 700; font-size: 13px; line-height: 15px; } .gigya-light-registration .gigya-screen .gigya-error-msg-active.gigya-form-error-msg { _height: 26px; font-size: 12px; min-height: 26px; text-align: center; margin-top: 1px; border: 2px #e76468; border-radius: 4.4px; font-weight: 700; padding: 10px; } .gigya-light-registration .gigya-screen .gigya-login-provider-row:first-child { padding-top: 0; } .gigya-light-registration .gigya-screen .gigya-container { text-align: inherit; text-decoration: inherit; font-size: inherit; color: inherit; } .gigya-light-registration .gigya-screen div.gigya-container.gigya-visible-when .gigya-composite-control { display: block; } .gigya-light-registration .gigya-screen .gigya-myPhoto-profile-box-wrapper { margin-left: 0; margin-top: 0; } .gigya-light-registration .gigya-screen .label-divider { display: block; width: 100%; height: 80px; background-repeat: repeat-x; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY7h8+TIABPYCeicnV7oAAAAASUVORK5CYII=); background-position: 50%; box-sizing: border-box; padding: 0 !important; } .gigya-light-registration .gigya-screen .label-divider span { display: inline-block; background-color: #fff; margin-top: 31px; padding-left: 10px; padding-right: 10px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:active, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:link, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:visited, .gigya-light-registration .gigya-screen a, .gigya-light-registration .gigya-screen a:active, .gigya-light-registration .gigya-screen a:link, .gigya-light-registration .gigya-screen a:visited { color: #1371b9; text-decoration: none; font-size: 15px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:hover, .gigya-light-registration .gigya-screen a:hover { text-decoration: none; } .gigya-light-registration .gigya-screen h1 { border-bottom: 1px solid #dbdbdb; font-weight: 700; } .gigya-light-registration .gigya-screen input:-ms-input-placeholder { color: #a9a9a9; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit:active, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button:active, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link:active, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend:active, .gigya-light-registration .gigya-screen a.gigya-button:active, .gigya-light-registration .gigya-screen input[type="button"]:active, .gigya-light-registration .gigya-screen input[type="submit"]:active { box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.4); } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox, .gigya-light-registration .gigya-screen input[type="checkbox"], .gigya-light-registration .gigya-screen input[type="radio"] { width: auto; margin: 0; padding: 0; border-radius: 0; border: none; vertical-align: middle; } .gigya-light-registration .gigya-screen option { width: 100%; padding: 5px; } .gigya-light-registration .gigya-screen option:hover { background-color: #3593c1; } .gigya-light-registration .gigya-screen label.letter-spacing-s { letter-spacing: -0.1px; } .gigya-light-registration .gigya-screen .gigya-layout-row { zoom: 1; display: block; text-align: center; } .gigya-light-registration .gigya-screen .gigya-layout-row:after { content: ""; display: table; clear: both; } .gigya-light-registration .gigya-screen .gigya-layout-row.with-two-inputs > .gigya-layout-cell + .gigya-layout-cell > .gigya-composite-control { padding-right: 0; padding-left: 7.5px; } .gigya-light-registration .gigya-screen .gigya-layout-cell { text-align: center; float: left; width: 50%; } .gigya-light-registration .gigya-screen .gigya-layout-cell .gigya-error-cell { width: 100%; max-width: none; min-width: 0; } .gigya-light-registration .gigya-screen .gigya-layout-cell .gigya-layout-cell { max-width: 50%; } .gigya-light-registration .gigya-screen .gigya-layout-footer { text-align: right; clear: both; } .gigya-light-registration .gigya-screen.portrait .gigya-layout-row .submit-button { padding-bottom: 25px; } .gigya-light-registration .gigya-screen.portrait .gigya-layout-row .gigya-layout-cell.responsive, .gigya-light-registration .gigya-screen.portrait .gigya-layout-row.with-divider .gigya-layout-cell.responsive { float: none; min-width: 100%; width: 100%; } .gigya-light-registration .gigya-screen-content div.gigya-screen.landscape { padding-left: 43px; padding-right: 43px; width: 920px; } .gigya-light-registration .gigya-screen.landscape { padding-top: 50px; } .gigya-light-registration .gigya-screen.landscape .gigya-composite-control.gigya-composite-control-social-login { position: relative; right: 25px; } .gigya-light-registration .gigya-screen.portrait { width: 500px; font-size: 15px; padding-left: 68px; padding-right: 68px; padding-top: 40px; } .gigya-light-registration .gigya-screen.portrait .sub-title-text { font-size: 15px; } .gigya-light-registration .gigya-screen.portrait .gigya-error-msg-active.gigya-form-error-msg, .gigya-light-registration .gigya-screen.portrait .gigya-error-msg.gigya-error-msg-active { font-size: 13px; } .gigya-light-registration .gigya-screen.portrait .text-field-disabled { background-color: #f2f2f2; border: 2px solid #d6dee4; border-radius: 2px; color: #4e515e; } .gigya-light-registration .gigya-screen.portrait .gigya-composite-control.gigya-composite-control-social-login { width: calc(100% + 50px); position: relative; right: 27px; } .gigya-light-registration .gigya-screen.portrait.mobile { width: 100%; padding: 30px 20px 15px; } .gigya-light-registration .gigya-screen.portrait.mobile:before { display: block; width: 375px; content: ""; } .gigya-light-registration .gigya-screen.portrait.mobile .text-field-disabled { color: #4e515e; } .gigya-light-registration .gigya-screen.portrait.mobile .forgotpassword, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-composite-control-label, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-error-msg-active.gigya-form-error-msg, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-error-msg.gigya-error-msg-active, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-forgotPassword, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-label, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-label-text, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-login-footer-text-wrapper, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-message, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-terms-of-use, .gigya-light-registration .gigya-screen.portrait.mobile .main-header, .gigya-light-registration .gigya-screen.portrait.mobile .site-title, .gigya-light-registration .gigya-screen.portrait.mobile .sub-title-text, .gigya-light-registration .gigya-screen.portrait.mobile a, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-header-text, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-label, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone, .gigya-light-registration .gigya-screen.portrait.mobile h1, .gigya-light-registration .gigya-screen.portrait.mobile h2 { font-size: 13px; } .gigya-light-registration .gigya-screen.portrait.mobile input[type="email"], .gigya-light-registration .gigya-screen.portrait.mobile input[type="password"], .gigya-light-registration .gigya-screen.portrait.mobile input[type="text"], .gigya-light-registration .gigya-screen.portrait.mobile select { height: 36px; font-size: 13px; } .gigya-light-registration .gigya-screen.portrait.mobile .gigya-error-msg-active.gigya-form-error-msg, .gigya-light-registration .gigya-screen.portrait.mobile .gigya-error-msg.gigya-error-msg-active { font-size: 13px; } .gigya-light-registration .gigya-screen.portrait.mobile .gigya-composite-control-social-login { width: calc(100% + 40px); position: relative; right: 20px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox, .gigya-light-registration .gigya-screen.portrait.mobile input[type="checkbox"] { margin-bottom: 2px; } .gigya-light-registration .gigya-screen.portrait.mobile label.letter-spacing-s { letter-spacing: 0; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-label, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-link { display: inline-block; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-label.main-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text { padding-bottom: 40px; display: block; text-align: left; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-label.main-text.inlined, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .inlined.gig-tfa-header-text { display: inline-block; text-align: center; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-label.social-login-title { padding-bottom: 26px; display: inline-block; text-align: center; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-header { padding-bottom: 26px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox { padding-bottom: 5px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown .gigya-label, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password .gigya-label, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox .gigya-label { padding-bottom: 6px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown input, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password input, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password select, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox input, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox select { margin-bottom: 13px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown .gigya-error-msg-active, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password .gigya-error-msg-active, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox .gigya-error-msg-active { padding-top: 0; padding-bottom: 8px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget { padding-bottom: 0; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper { margin-bottom: 5px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha { margin: 0 auto 13px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha input { height: auto; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy a, .gigya-light-registration .gigya-screen.portrait .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy .gig-tfa-phone-code-resend { font-size: 12px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-error-msg-active { padding-top: 0; padding-bottom: 8px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-tfa-widget { padding-bottom: 0; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-link.button { display: block; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-social-login { padding: 0; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-label { padding-bottom: 8px; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item { padding-top: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio { -ms-flex: 0 0 auto; flex: 0 0 auto; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 8px; width: 100%; display: block; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: start; align-items: flex-start; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox { -ms-flex: 0 0 auto; flex: 0 0 auto; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-label { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; display: block; text-align: left; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-terms-error { padding: 5px; margin-bottom: 18px; position: relative; right: 6px; width: 100%; border-radius: 5px; border: 2px solid #dd4b39; } .gigya-light-registration .gigya-screen div.gigya-loginID-availability-available { margin-bottom: 18px; } .gigya-light-registration .gigya-screen.landscape .gigya-layout-row.with-divider { padding-bottom: 25px; } .gigya-light-registration .gigya-screen.landscape form.gigya-form-error .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-form-error.gigya-error-display-active { padding-bottom: 0; } .gigya-light-registration .gigya-screen .gigya-layout-row.with-divider > .gigya-layout-cell { min-width: 48%; width: 48%; } .gigya-light-registration .gigya-screen .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content { padding: 0; position: relative; line-height: 16px; background: #fff; text-align: center; min-width: 10px; } .gigya-light-registration .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content { padding: 0 10px 2px; position: absolute; display: inline-block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .gigya-light-registration .gigya-screen.landscape .gigya-layout-row .gigya-layout-cell.under-site-login { width: 370px; text-align: center; min-width: 0; margin-left: 460px; } .gigya-light-registration .gigya-screen.landscape .gigya-layout-row.with-divider { display: -ms-flexbox; display: flex; } .gigya-light-registration .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider { margin-top: 41px; width: 87px; background-repeat: repeat-y; } .gigya-light-registration .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content { display: block; line-height: 15px; padding: 10px 0; top: 83px; left: 0; } .gigya-light-registration .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-site-login, .gigya-light-registration .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-social-login { min-width: 0; width: 370px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-link { margin-left: 24%; margin-top: 8%; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-email-text { font-weight: 700; width: 207px; margin: 0 auto; font-size: 15px; padding-bottom: 25px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-email-code-header-text { width: 240px; margin: 0 auto; padding-top: 6px; padding-bottom: 5px; font-size: 15px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber { display: inline; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-header-subtext + .gig-tfa-label { margin-top: 40px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example { display: block; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label { padding-bottom: 6px; display: block; margin: 0; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-select, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone-label { margin: 0 0 18px; padding: 0; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text { margin: 0; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox { font-size: 15px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-error { text-align: center; margin-bottom: 18px; margin-top: -10px; font-size: 15px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-error:empty { display: none; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span { display: inline; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-prefix { display: none; height: 43px; width: 10%; margin-top: 0; margin-right: 16px; text-align: center; background-color: #f2f2f2; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number { margin-top: 0; height: 43px; width: 100%; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container label { display: inline; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-label, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-label { display: inline-block; width: 33.33333%; margin-bottom: 18px; margin-top: 18px; vertical-align: top; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-label, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-label { padding: 5px 0; width: 30.33333%; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type { margin-right: 0; margin-left: 0; width: 33.33333%; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-sms, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-sms { width: 38.33333%; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-voice-call, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-voice-call { width: 31.33333%; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container { margin: 0; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit { background-image: none; filter: none; font-weight: 400; line-height: normal; padding-top: 10px; margin-bottom: 25px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link { width: 70px; line-height: 43px; float: right; margin-top: -10px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers { margin-top: 26px; line-height: 31px; } .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers:last-child { padding-bottom: 25px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container input.gig-tfa-phone-prefix, .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-phone-prefix { display: none; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link { font-size: 19px; padding: 0; margin-top: 0; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-prefix { display: none; width: 10%; margin-right: 8px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number { width: 100%; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label { margin-left: 0; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-error, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend { font-size: 13px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text { font-size: 13px; color: #4e515e; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers { margin-top: 30px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers .gig-tfa-phone-edit-number { font-size: 13px; margin-top: 8px; color: #4e515e; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-prefix { font-size: 13px; height: 36px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button, .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit { margin-bottom: 15px; } .gigya-light-registration .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text { display: block; } .gigya-light-registration .gigya-screen-dialog-mobile .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number { width: 100%; } .gigya-light-registration #gigya-login-screen.gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content { top: 83px; } .gigya-light-registration #gigya-login-screen.gigya-screen.portrait.mobile .gigya-prefered-content-width { width: 375px; } .gigya-light-registration #gigya-register-screen.gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content { top: 127px; } .gigya-light-registration #gigya-change-password-screen .error-wrapper { width: 100%; } .gigya-light-registration #gigya-change-password-screen.portrait.mobile input[password] { width: 260px; } .gigya-light-registration #gigya-change-password-screen.portrait.mobile input[submit] { width: 276px; } .gigya-light-registration .gigya-screen div.gigya-composite-control-my-photo-widget.update-profile-my-photo { padding-right: 20px; } .gigya-light-registration .gigya-screen .link-accounts-main-header, .gigya-light-registration .gigya-screen .reauthentication-main-header { margin-bottom: 10px; } .gigya-light-registration .gigya-subscribe-with-email-form .header { font-size: 1.2em; text-align: center; } .gigya-light-registration .subscribe-thank-you { line-height: 1.2em; font-size: 1.3em; text-align: center; } .gigya-light-registration .subscribe-thank-you p { margin-bottom: 0.5em; text-align: center; font-size: inherit; } .gigya-light-registration .gigya-mac .gigya-screen label.letter-spacing-s { letter-spacing: -0.3px; } .gigya-light-registration .gigya-ios .gigya-screen.landscape .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox, .gigya-light-registration .gigya-ios .gigya-screen.landscape input[type="checkbox"], .gigya-light-registration .gigya-ios .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox, .gigya-light-registration .gigya-ios .gigya-screen.portrait.mobile input[type="checkbox"], .gigya-light-registration .gigya-ios .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox, .gigya-light-registration .gigya-ios .gigya-screen.portrait input[type="checkbox"], .gigya-light-registration .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-ios .gigya-screen.landscape .gig-tfa-code-remember-checkbox { margin-bottom: 5px; } .gigya-light-registration .gigya-ios .gigya-screen#gigya-change-password-screen form label:first-child { letter-spacing: -0.1px; } .gigya-light-registration .gigya-ios .gigya-screen#gigya-forgot-password-screen form label:first-child { letter-spacing: -0.3px; } .gigya-light-registration .gigya-native-mobile-app.gigya-android .gigya-screen.portrait.mobile .gigya-composite-control.gigya-composite-control-social-login { right: 28px; } .gigya-light-registration .gigya-edge .gigya-screen label.letter-spacing-s, .gigya-light-registration .gigya-ie10 .gigya-screen.portrait label { letter-spacing: -0.3px; } .gigya-light-registration .gigya-ie10 .gigya-screen.mobile label { letter-spacing: 0; } .gigya-light-registration .gigya-ie10 .gigya-screen #gigya-change-password-screen.portrait .gigya-message { letter-spacing: -0.2px; } .gigya-light-registration .gigya-ie10 .gigya-screen #gigya-change-password-screen.mobile { letter-spacing: 0; } .gigya-light-registration .gigya-ie9 .gigya-screen#gigya-login-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider { height: 202px; } .gigya-light-registration .gigya-ie9 .gigya-screen#gigya-register-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider { height: 300px; } .gigya-light-registration .gigya-ie9 .gigya-screen select { font-size: 13px; } .gigya-light-registration .gigya-ie9 .gigya-screen .gigya-input-password:not(.gigya-placeholder), .gigya-light-registration .gigya-ie9 .gigya-screen .gigya-input-text:not(.gigya-placeholder), .gigya-light-registration .gigya-ie9 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox:not(.gigya-placeholder) { line-height: 40px; } .gigya-light-registration .gigya-ie9 .gigya-screen .gigya-composite-control-checkbox .gigya-label, .gigya-light-registration .gigya-ie9 .gigya-screen .gigya-composite-control-multi-choice .gigya-multi-choice-item label { display: inline; } .gigya-light-registration .gigya-ie8 .gigya-screen .gigya-layout-cell { margin-left: 0 !important; } .gigya-light-registration .gigya-ie8 .gigya-screen .gigya-layout-cell.under-site-login { margin-left: 460px !important; } .gigya-light-registration .gigya-ie8 .gigya-screen .gigya-input-password, .gigya-light-registration .gigya-ie8 .gigya-screen .gigya-input-text, .gigya-light-registration .gigya-ie8 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox { padding-top: 11px; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait .gigya-layout-row.with-divider .gigya-layout-cell.with-divider .gigya-divider-content { top: 31px; left: 45%; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait .gigya-input-password, .gigya-light-registration .gigya-ie8 .gigya-screen.portrait .gigya-input-text, .gigya-light-registration .gigya-ie8 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox { padding-top: 11px; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait gigya-layout-cell { margin-left: 0 !important; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait #gigya-change-password-screen.portrait .gigya-message { letter-spacing: -0.2px; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait #gigya-change-password-screen.mobile { letter-spacing: 0; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait #gigya-forgot-password-screen.portrait label { letter-spacing: -0.3px; } .gigya-light-registration .gigya-ie8 .gigya-screen.portrait #gigya-forgot-password-screen.mobile label { letter-spacing: 0; } .gigya-light-registration .gigya-ie8 .gigya-screen#gigya-login-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider { height: 202px; } .gigya-light-registration .gigya-ie8 .gigya-screen#gigya-register-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider { height: 300px; } @media screen and (max-width: 1024px) and (orientation: landscape) { .gigya-light-registration .gigya-screen.portrait { padding: 0 15px; } .gigya-light-registration .gigya-composite-control-header { margin-bottom: 0; font-size: 1rem; } .gigya-light-registration .gigya-layout-row { margin-top: 2px; } .gigya-light-registration .gigya-layout-row .gigya-composite-control-submit { text-align: left; } .gigya-light-registration .gigya-composite-control-submit { padding: 0; margin: 5px 0; border: none; } .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown input, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password input, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-password select, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox input, .gigya-light-registration .gigya-screen .gigya-composite-control.gigya-composite-control-textbox select { margin-bottom: 2px; padding: 5px; height: auto; line-height: normal; } } .channelIq-buyNow { display: inline-block !important; } #ciq-modal-overlay { background-color: rgba(0, 30, 67, 0.85) !important; } #ciq-modal { border-radius: 0 !important; } .ciq-wtb-offers .ciq-col-xs-12 { width: 100% !important; } .ciq-wtb-offers .ciq-col-xs-12 h4 { font-size: 1.5rem; margin-left: 5px; margin-bottom: 40px; text-transform: uppercase; text-align: center; } @media print, screen and (min-width: 31.25em) { .ciq-wtb-offers .ciq-col-xs-12 h4 { text-align: left; } } @media print, screen and (min-width: 46.875em) { .ciq-wtb-offers .ciq-col-xs-12 h4 { font-size: 2rem; } } .ciq-record-row { margin-bottom: 20px; } .ciq-record-row td { background: none !important; } #ciq-online > tbody { border-bottom: 1px solid #d2d2dc; } #ciq-online .ciq-record-row { background-color: #fff !important; } #ciq-online .ciq-record-row td { background: #fff !important; vertical-align: middle !important; } #ciq-online .ciq-record-row .ciq-seller-name { font-size: 14px !important; } .ciq-offers-table .ciq-buy-now-button, .ciq-offers-table .ciq-price, .ciq-offers-table .ciq-product-name { font-size: 12px !important; font-family: HurmeGeometricSans4, Helvetica Neue, Helvetica, Arial, sans-serif !important; } @media print, screen and (min-width: 31.25em) { .ciq-offers-table .ciq-buy-now-button, .ciq-offers-table .ciq-price, .ciq-offers-table .ciq-product-name { font-size: 14px !important; } } .ciq-wtb .ciq-buy-now-button { background: #247eb3 !important; text-transform: uppercase; -ms-box-shadow: none !important; box-shadow: none !important; } .ciq-wtb .ciq-list table tr { border-bottom: 1pt solid #d2d2dc !important; } .ciq-wtb .ciq-list table tr:last-child { border-bottom: none !important; } .ciq-offers-table tr td:first-child { width: 15% !important; } @media print, screen and (min-width: 31.25em) { .ciq-offers-table tr td:first-child { width: 25% !important; } } @media print, screen and (min-width: 46.875em) { .ciq-offers-table tr td:first-child { width: 60% !important; } } .ciq-offers-table tr td:nth-child(2) { width: 10% !important; } @media print, screen and (min-width: 46.875em) { .ciq-offers-table tr td:nth-child(2) { width: 20% !important; } } .clearfix:after { content: ""; display: table; clear: both; } .ir { background-color: transparent; background-repeat: no-repeat; border: 0; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; } .ir br { display: none; } .is-hidden { display: none !important; visibility: hidden !important; } .is-shown { display: block; } .is-visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .is-visuallyHidden.focusable:active, .is-visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .is-invisible { visibility: hidden; } .l-floatLeft { float: left; } .l-floatRight { float: right; } .l-clear { clear: both; float: none; } .l-mb0 { margin-bottom: 0 !important; } .l-mb1 { margin-bottom: 24px; } .l-mb2 { margin-bottom: 48px; } .l-mt0 { margin-top: 0 !important; } .l-mt1 { margin-top: 24px; } .l-mt2 { margin-top: 48px; } .l-mbHalf { margin-bottom: 12px; } .l-ml1 { margin-left: 24px; } .l-mr1 { margin-right: 24px; } .l-pb { padding-bottom: 48px; } * { -webkit-tap-highlight-color: transparent !important; } textarea[contenteditable] { -webkit-appearance: none; } .promote-layer { backface-visibility: hidden; } .transition { transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); } .u-overflow { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; white-space: nowrap; } .u-overflow::-webkit-scrollbar, .u-overflow::-webkit-scrollbar-track { display: none !important; } .fillDescContent { width: 100% !important; } @media print, screen and (min-width: 31.25em) { .u-showBelowNarrow { display: none; } } @media print, screen and (min-width: 46.875em) { .u-showBelowMid { display: none; } } @media print, screen and (min-width: 56.25em) { .u-showBelowSingleCol { display: none; } } @media print, screen and (min-width: 62.5em) { .u-showBelowWide { display: none; } } @media print, screen and (min-width: 78.125em) { .u-showBelowHuge { display: none; } } @media print, screen and (max-width: 31.25em) { .u-showAboveNarrow { display: none; } } @media print, screen and (max-width: 46.875em) { .u-showAboveMid { display: none; } } @media print, screen and (max-width: 56.25em) { .u-showAboveSingleCol { display: none; } } @media print, screen and (max-width: 62.5em) { .u-showAboveWide { display: none; } } @media print, screen and (max-width: 78.125em) { .u-showAboveHuge { display: none; } } @media print, screen and (max-width: 56.25em) { .u-breakOutOnNarrow { margin-left: -24px; margin-right: -24px; } } @media print, screen and (max-width: 56.25em) { .mobile-hidden { display: none !important; visibility: hidden !important; } } .is-bold { font-weight: 700; } footer .navLinks { color: #ffffff; } /*# sourceMappingURL=barilla.css.map */