html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; } 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"] { -webkit-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"] { -webkit-box-sizing: border-box; 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"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-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; } .language-selector-btn[_ngcontent-c3] { color: #5f6368; line-height: 22px; font-size: 14px; font-weight: 400; } .language-selector-btn[_ngcontent-c3]:focus, .language-selector-btn[_ngcontent-c3]:hover { background: #e8eaed; outline: 10px solid #e8eaed; color: #202124; } .language-selector-btn[_ngcontent-c3] .mat-icon[_ngcontent-c3] { font-size: 20px; line-height: 22px; } [_nghost-c3] .mat-button-focus-overlay { background: none; } a.mat-menu-item[_ngcontent-c3] { color: #000; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0; } abbr, acronym, blockquote, code, input, kbd, q, samp, var { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } html { font-size: 18px; } body { background: #fff; color: #202124; cursor: auto; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: 300; line-height: 1.444; margin: 0; padding: 0; overflow-wrap: break-word; word-wrap: break-word; overflow-x: hidden; } body:after { content: "x-small"; display: none; } @media (min-width: 600px) { body:after { content: "small"; } } @media (min-width: 1024px) { body:after { content: "medium"; } } @media (min-width: 1440px) { body:after { content: "large"; } } [lang="ja"] body { font-family: Roboto, Noto Sans CJK JP, Noto Sans JP, Arial, Helvetica, sans-serif; } [lang="ko"] body { font-family: Roboto, Noto Sans CJK KR, Noto Sans KR, Arial, Helvetica, sans-serif; } [lang="zh-CN"] body { font-family: Roboto, Noto Sans CJK SC, Noto Sans SC, Arial, Helvetica, sans-serif; } [lang="zh-TW"] body { font-family: Roboto, Noto Sans CJK TC, Noto Sans TC, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 18px; font-weight: 300; } h1.h-has-top-margin, h2.h-has-top-margin, h3.h-has-top-margin, h4.h-has-top-margin, h5.h-has-top-margin, h6.h-has-top-margin { margin-top: 16px; } h1.h-has-bottom-margin, h2.h-has-bottom-margin, h3.h-has-bottom-margin, h4.h-has-bottom-margin, h5.h-has-bottom-margin, h6.h-has-bottom-margin { margin-bottom: 16px; } h1.h-has-top-bottom-margin, h2.h-has-top-bottom-margin, h3.h-has-top-bottom-margin, h4.h-has-top-bottom-margin, h5.h-has-top-bottom-margin, h6.h-has-top-bottom-margin { margin-bottom: 16px; margin-top: 16px; } .h-c-copy, .rich-text, p { line-height: 1.71428571; font-size: 14px; letter-spacing: 0.25px; } .h-c-copy--lead.h-c-copy, .h-c-copy--lead.rich-text, p.h-c-copy--lead { font-size: 18px; line-height: 1.44444444; } .h-has-top-margin.h-c-copy, .h-has-top-margin.rich-text, p.h-has-top-margin { margin-top: 12px; } .h-has-bottom-margin.h-c-copy, .h-has-bottom-margin.rich-text, p.h-has-bottom-margin { margin-bottom: 12px; } .h-has-top-bottom-margin.h-c-copy, .h-has-top-bottom-margin.rich-text, p.h-has-top-bottom-margin { margin-bottom: 12px; margin-top: 12px; } .h-c-copy--print.h-c-copy, .h-c-copy--print.rich-text, p.h-c-copy--print { text-indent: 24px; } .h-c-copy--print.h-c-copy + .h-c-copy--print.h-c-copy, .h-c-copy--print.h-c-copy + .h-c-copy--print.rich-text, .h-c-copy--print.h-c-copy + p.h-c-copy--print, .h-c-copy--print.rich-text + .h-c-copy--print.h-c-copy, .h-c-copy--print.rich-text + .h-c-copy--print.rich-text, .h-c-copy--print.rich-text + p.h-c-copy--print, p.h-c-copy--print + .h-c-copy--print.h-c-copy, p.h-c-copy--print + .h-c-copy--print.rich-text, p.h-c-copy--print + p.h-c-copy--print { margin-top: 0; } .h-c-copy + .h-c-copy, .h-c-copy + .rich-text, .h-c-copy + p, .rich-text + .h-c-copy, .rich-text + .rich-text, .rich-text + p, p + .h-c-copy, p + .rich-text, p + p { margin-top: 12px; } @media (min-width: 600px) { .h-c-copy, .rich-text, p { line-height: 1.71428571; font-size: 14px; letter-spacing: 0.25px; } } @media (min-width: 1024px) { .h-c-copy, .rich-text, p { line-height: 1.625; font-size: 16px; letter-spacing: 0; } .h-has-top-margin.h-c-copy, .h-has-top-margin.rich-text, p.h-has-top-margin { margin-top: 16px; } .h-has-bottom-margin.h-c-copy, .h-has-bottom-margin.rich-text, p.h-has-bottom-margin { margin-bottom: 16px; } .h-has-top-bottom-margin.h-c-copy, .h-has-top-bottom-margin.rich-text, p.h-has-top-bottom-margin { margin-bottom: 16px; margin-top: 16px; } .h-c-copy + .h-c-copy, .h-c-copy + .rich-text, .h-c-copy + p, .rich-text + .h-c-copy, .rich-text + .rich-text, .rich-text + p, p + .h-c-copy, p + .rich-text, p + p { margin-top: 16px; } } hr { border: solid #dadce0; border-width: 1px 0 0; clear: both; height: 0; margin-bottom: 19px; margin-top: 20px; } em, i { font-style: italic; } b, strong { font-weight: 700; } pre { background: #f5f5f5; border-color: #e0e0e0; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 6px; white-space: pre; } pre code { background: transparent; padding: 0; } code { background: #f5f5f5; color: #9e9e9e; font-family: Consolas, Monaco, Bitstream Vera Sans Mono, Courier New, Courier, monospace; font-weight: 300; overflow-x: auto; padding: 6px; white-space: pre; word-wrap: normal; } abbr, acronym { color: #202124; cursor: help; font-size: 90%; text-transform: uppercase; } abbr { text-transform: none; } a { color: #1a73e8; text-decoration: none; } a:visited { color: #7b1fa2; } a:hover { cursor: pointer; } a:focus, a:hover { color: #174ea6; text-decoration: none; } a:focus { background: #f1f3f4; outline: 4px solid rgba(32, 33, 36, 0.06); } a:active { outline: 2px auto Highlight; outline: 5px auto -webkit-focus-ring-color; } a img { border: 0; } .h-u-font-reversed a { color: #fff; } .h-u-font-reversed a:visited { color: #cfa6ff; } .h-u-font-reversed a:focus, .h-u-font-reversed a:hover { background: #f1f3f4; color: #202124; outline: 4px solid #f1f3f4; } dl, ol, ul { list-style-position: outside; margin-bottom: 20px; } dl.h-no-bullet, li.h-no-bullet, ol.h-no-bullet, ul.h-no-bullet { list-style: none; } ol.h-no-bullet, ul.h-no-bullet { margin-left: 0; } html[dir="rtl"] ol.h-no-bullet, html[dir="rtl"] ul.h-no-bullet { margin-right: 0; } ol, ul { margin-left: 20px; } html[dir="rtl"] ol, html[dir="rtl"] ul { margin-left: 0; margin-right: 20px; } ol.h-inline li, ul.h-inline li { display: inline-block; } ol li ol, ol li ul, ul li ol, ul li ul { margin-bottom: 0; margin-left: 20px; } html[dir="rtl"] ol li ol, html[dir="rtl"] ol li ul, html[dir="rtl"] ul li ol, html[dir="rtl"] ul li ul { margin-left: 0; margin-right: 20px; } ul.h-circle li ul, ul.h-disc li ul, ul.h-square li ul { list-style: inherit; } ul.h-square { list-style-type: square; } ul.h-circle { list-style-type: circle; } ul.h-disc { list-style-type: disc; } dl dt { font-weight: 700; } dl dd { margin-bottom: 12px; } dd, dt, li { line-height: 1.71428571; font-size: 14px; letter-spacing: 0.25px; } @media (min-width: 600px) { dd, dt, li { line-height: 1.71428571; font-size: 14px; letter-spacing: 0.25px; } } @media (min-width: 1024px) { dd, dt, li { line-height: 1.625; font-size: 16px; letter-spacing: 0; } } img { -ms-interpolation-mode: bicubic; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; } blockquote { line-height: 1.33333333; color: #202124; font-size: 24px; } @media (min-width: 1024px) { blockquote { line-height: 1.20833333; font-size: 48px; } } cite { display: block; } cite:before { content: "\2014 "; white-space: pre; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .h-u-visually-hidden { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .h-u-visually-show { position: static; height: auto; width: auto; overflow: visible; clip: auto; } .h-u-text-left { text-align: left; } .h-u-text-right, [dir="rtl"] .h-u-text-left { text-align: right; } [dir="rtl"] .h-u-text-right { text-align: left; } .h-u-text-center { text-align: center; } .h-u-text-justify { text-align: justify; } .h-u-valign-bottom { vertical-align: bottom; } .h-u-valign-middle { vertical-align: middle; } .h-u-valign-top { vertical-align: top; } .h-u-box-shadow-1 { -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .h-u-box-shadow-2 { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.23); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.23); } .h-u-box-shadow-3 { -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23); } .h-u-box-shadow-4 { -webkit-box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.25), 0 10px 5px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.25), 0 10px 5px 0 rgba(0, 0, 0, 0.22); } .h-u-box-shadow-5 { -webkit-box-shadow: 0 19px 19px 0 rgba(0, 0, 0, 0.3), 0 15px 6px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 19px 19px 0 rgba(0, 0, 0, 0.3), 0 15px 6px 0 rgba(0, 0, 0, 0.22); } .h-u-mb-std { margin-bottom: 18px; } .h-u-mt-std { margin-top: 18px; } .h-u-ml-std { margin-left: 18px; } .h-u-mr-std { margin-right: 18px; } .h-u-mb-l { margin-bottom: 36px; } .h-u-mt-l { margin-top: 36px; } .h-u-ml-l { margin-left: 36px; } .h-u-mr-l { margin-right: 36px; } .h-u-mb-xl { margin-bottom: 54px; } .h-u-mt-xl { margin-top: 54px; } .h-u-ml-xl { margin-left: 54px; } .h-u-mr-xl { margin-right: 54px; } .h-u-font-weight-light { font-weight: 300; } .h-u-font-weight-regular { font-weight: 400; } .h-u-font-weight-medium { font-weight: 500; } .h-u-font-weight-bold { font-weight: 700; } .h-u-font-smoothing { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .h-u-font-reversed { color: #fff; } .glue-flexbox .h-c-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2.65151515%; } @media (min-width: 600px) { .glue-flexbox .h-c-grid { margin: 0 -1.03799452%; } } .glue-flexbox .h-c-grid__col { -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; margin: 0 2.65151515%; width: 100%; } @media (min-width: 600px) { .glue-flexbox .h-c-grid__col { margin: 0 1.03799452%; } } .glue-flexbox .h-c-grid__col-s--1 { -ms-flex-preferred-size: 19.6969697%; flex-basis: 19.6969697%; width: 19.6969697%; margin: 0 2.65151515%; } .glue-flexbox .h-c-grid__col-s--2 { -ms-flex-preferred-size: 44.6969697%; flex-basis: 44.6969697%; width: 44.6969697%; margin: 0 2.65151515%; } .glue-flexbox .h-c-grid__col-s--3 { -ms-flex-preferred-size: 69.6969697%; flex-basis: 69.6969697%; width: 69.6969697%; margin: 0 2.65151515%; } .glue-flexbox .h-c-grid__col-s--4 { -ms-flex-preferred-size: 94.6969697%; flex-basis: 94.6969697%; width: 94.6969697%; margin: 0 2.65151515%; } @media (min-width: 600px) { .glue-flexbox .h-c-grid__col--1 { -ms-flex-preferred-size: 6.2573443%; flex-basis: 6.2573443%; width: 6.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--2 { -ms-flex-preferred-size: 14.59067763%; flex-basis: 14.59067763%; width: 14.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--3 { -ms-flex-preferred-size: 22.92401097%; flex-basis: 22.92401097%; width: 22.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--4 { -ms-flex-preferred-size: 31.2573443%; flex-basis: 31.2573443%; width: 31.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--5 { -ms-flex-preferred-size: 39.59067763%; flex-basis: 39.59067763%; width: 39.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--6 { -ms-flex-preferred-size: 47.92401097%; flex-basis: 47.92401097%; width: 47.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--7 { -ms-flex-preferred-size: 56.2573443%; flex-basis: 56.2573443%; width: 56.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--8 { -ms-flex-preferred-size: 64.59067763%; flex-basis: 64.59067763%; width: 64.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--9 { -ms-flex-preferred-size: 72.92401097%; flex-basis: 72.92401097%; width: 72.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--10 { -ms-flex-preferred-size: 81.2573443%; flex-basis: 81.2573443%; width: 81.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--11 { -ms-flex-preferred-size: 89.59067763%; flex-basis: 89.59067763%; width: 89.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col--12 { -ms-flex-preferred-size: 97.92401097%; flex-basis: 97.92401097%; width: 97.92401097%; margin: 0 1.03799452%; } } @media (min-width: 1024px) { .glue-flexbox .h-c-grid__col-l--1 { -ms-flex-preferred-size: 6.2573443%; flex-basis: 6.2573443%; width: 6.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--2 { -ms-flex-preferred-size: 14.59067763%; flex-basis: 14.59067763%; width: 14.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--3 { -ms-flex-preferred-size: 22.92401097%; flex-basis: 22.92401097%; width: 22.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--4 { -ms-flex-preferred-size: 31.2573443%; flex-basis: 31.2573443%; width: 31.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--5 { -ms-flex-preferred-size: 39.59067763%; flex-basis: 39.59067763%; width: 39.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--6 { -ms-flex-preferred-size: 47.92401097%; flex-basis: 47.92401097%; width: 47.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--7 { -ms-flex-preferred-size: 56.2573443%; flex-basis: 56.2573443%; width: 56.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--8 { -ms-flex-preferred-size: 64.59067763%; flex-basis: 64.59067763%; width: 64.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--9 { -ms-flex-preferred-size: 72.92401097%; flex-basis: 72.92401097%; width: 72.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--10 { -ms-flex-preferred-size: 81.2573443%; flex-basis: 81.2573443%; width: 81.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--11 { -ms-flex-preferred-size: 89.59067763%; flex-basis: 89.59067763%; width: 89.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-l--12 { -ms-flex-preferred-size: 97.92401097%; flex-basis: 97.92401097%; width: 97.92401097%; margin: 0 1.03799452%; } } @media (min-width: 1440px) { .glue-flexbox .h-c-grid__col-xl--1 { -ms-flex-preferred-size: 6.2573443%; flex-basis: 6.2573443%; width: 6.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--2 { -ms-flex-preferred-size: 14.59067763%; flex-basis: 14.59067763%; width: 14.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--3 { -ms-flex-preferred-size: 22.92401097%; flex-basis: 22.92401097%; width: 22.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--4 { -ms-flex-preferred-size: 31.2573443%; flex-basis: 31.2573443%; width: 31.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--5 { -ms-flex-preferred-size: 39.59067763%; flex-basis: 39.59067763%; width: 39.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--6 { -ms-flex-preferred-size: 47.92401097%; flex-basis: 47.92401097%; width: 47.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--7 { -ms-flex-preferred-size: 56.2573443%; flex-basis: 56.2573443%; width: 56.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--8 { -ms-flex-preferred-size: 64.59067763%; flex-basis: 64.59067763%; width: 64.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--9 { -ms-flex-preferred-size: 72.92401097%; flex-basis: 72.92401097%; width: 72.92401097%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--10 { -ms-flex-preferred-size: 81.2573443%; flex-basis: 81.2573443%; width: 81.2573443%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--11 { -ms-flex-preferred-size: 89.59067763%; flex-basis: 89.59067763%; width: 89.59067763%; margin: 0 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--12 { -ms-flex-preferred-size: 97.92401097%; flex-basis: 97.92401097%; width: 97.92401097%; margin: 0 1.03799452%; } } .glue-flexbox .h-c-grid__col-s--offset-0, [dir="rtl"].glue-flexbox .h-c-grid__col-s--offset-0 { margin-left: 2.65151515%; margin-right: 2.65151515%; } .glue-flexbox .h-c-grid__col-s--offset-1 { margin-left: 27.65151515%; margin-right: 2.65151515%; } [dir="rtl"].glue-flexbox .h-c-grid__col-s--offset-1 { margin-left: 2.65151515%; margin-right: 27.65151515%; } .glue-flexbox .h-c-grid__col-s--offset-2 { margin-left: 52.65151515%; margin-right: 2.65151515%; } [dir="rtl"].glue-flexbox .h-c-grid__col-s--offset-2 { margin-left: 2.65151515%; margin-right: 52.65151515%; } .glue-flexbox .h-c-grid__col-s--offset-3 { margin-left: 77.65151515%; margin-right: 2.65151515%; } [dir="rtl"].glue-flexbox .h-c-grid__col-s--offset-3 { margin-left: 2.65151515%; margin-right: 77.65151515%; } @media (min-width: 600px) { .glue-flexbox .h-c-grid__col--offset-0, [dir="rtl"].glue-flexbox .h-c-grid__col--offset-0 { margin-left: 1.03799452%; margin-right: 1.03799452%; } .glue-flexbox .h-c-grid__col--offset-1 { margin-left: 9.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-1 { margin-left: 1.03799452%; margin-right: 9.37132785%; } .glue-flexbox .h-c-grid__col--offset-2 { margin-left: 17.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-2 { margin-left: 1.03799452%; margin-right: 17.70466118%; } .glue-flexbox .h-c-grid__col--offset-3 { margin-left: 26.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-3 { margin-left: 1.03799452%; margin-right: 26.03799452%; } .glue-flexbox .h-c-grid__col--offset-4 { margin-left: 34.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-4 { margin-left: 1.03799452%; margin-right: 34.37132785%; } .glue-flexbox .h-c-grid__col--offset-5 { margin-left: 42.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-5 { margin-left: 1.03799452%; margin-right: 42.70466118%; } .glue-flexbox .h-c-grid__col--offset-6 { margin-left: 51.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-6 { margin-left: 1.03799452%; margin-right: 51.03799452%; } .glue-flexbox .h-c-grid__col--offset-7 { margin-left: 59.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-7 { margin-left: 1.03799452%; margin-right: 59.37132785%; } .glue-flexbox .h-c-grid__col--offset-8 { margin-left: 67.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-8 { margin-left: 1.03799452%; margin-right: 67.70466118%; } .glue-flexbox .h-c-grid__col--offset-9 { margin-left: 76.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-9 { margin-left: 1.03799452%; margin-right: 76.03799452%; } .glue-flexbox .h-c-grid__col--offset-10 { margin-left: 84.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-10 { margin-left: 1.03799452%; margin-right: 84.37132785%; } .glue-flexbox .h-c-grid__col--offset-11 { margin-left: 92.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col--offset-11 { margin-left: 1.03799452%; margin-right: 92.70466118%; } } @media (min-width: 1024px) { .glue-flexbox .h-c-grid__col-l--offset-0, [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-0 { margin-left: 1.03799452%; margin-right: 1.03799452%; } .glue-flexbox .h-c-grid__col-l--offset-1 { margin-left: 9.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-1 { margin-left: 1.03799452%; margin-right: 9.37132785%; } .glue-flexbox .h-c-grid__col-l--offset-2 { margin-left: 17.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-2 { margin-left: 1.03799452%; margin-right: 17.70466118%; } .glue-flexbox .h-c-grid__col-l--offset-3 { margin-left: 26.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-3 { margin-left: 1.03799452%; margin-right: 26.03799452%; } .glue-flexbox .h-c-grid__col-l--offset-4 { margin-left: 34.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-4 { margin-left: 1.03799452%; margin-right: 34.37132785%; } .glue-flexbox .h-c-grid__col-l--offset-5 { margin-left: 42.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-5 { margin-left: 1.03799452%; margin-right: 42.70466118%; } .glue-flexbox .h-c-grid__col-l--offset-6 { margin-left: 51.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-6 { margin-left: 1.03799452%; margin-right: 51.03799452%; } .glue-flexbox .h-c-grid__col-l--offset-7 { margin-left: 59.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-7 { margin-left: 1.03799452%; margin-right: 59.37132785%; } .glue-flexbox .h-c-grid__col-l--offset-8 { margin-left: 67.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-8 { margin-left: 1.03799452%; margin-right: 67.70466118%; } .glue-flexbox .h-c-grid__col-l--offset-9 { margin-left: 76.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-9 { margin-left: 1.03799452%; margin-right: 76.03799452%; } .glue-flexbox .h-c-grid__col-l--offset-10 { margin-left: 84.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-10 { margin-left: 1.03799452%; margin-right: 84.37132785%; } .glue-flexbox .h-c-grid__col-l--offset-11 { margin-left: 92.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-l--offset-11 { margin-left: 1.03799452%; margin-right: 92.70466118%; } } @media (min-width: 1440px) { .glue-flexbox .h-c-grid__col-xl--offset-0, [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-0 { margin-left: 1.03799452%; margin-right: 1.03799452%; } .glue-flexbox .h-c-grid__col-xl--offset-1 { margin-left: 9.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-1 { margin-left: 1.03799452%; margin-right: 9.37132785%; } .glue-flexbox .h-c-grid__col-xl--offset-2 { margin-left: 17.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-2 { margin-left: 1.03799452%; margin-right: 17.70466118%; } .glue-flexbox .h-c-grid__col-xl--offset-3 { margin-left: 26.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-3 { margin-left: 1.03799452%; margin-right: 26.03799452%; } .glue-flexbox .h-c-grid__col-xl--offset-4 { margin-left: 34.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-4 { margin-left: 1.03799452%; margin-right: 34.37132785%; } .glue-flexbox .h-c-grid__col-xl--offset-5 { margin-left: 42.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-5 { margin-left: 1.03799452%; margin-right: 42.70466118%; } .glue-flexbox .h-c-grid__col-xl--offset-6 { margin-left: 51.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-6 { margin-left: 1.03799452%; margin-right: 51.03799452%; } .glue-flexbox .h-c-grid__col-xl--offset-7 { margin-left: 59.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-7 { margin-left: 1.03799452%; margin-right: 59.37132785%; } .glue-flexbox .h-c-grid__col-xl--offset-8 { margin-left: 67.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-8 { margin-left: 1.03799452%; margin-right: 67.70466118%; } .glue-flexbox .h-c-grid__col-xl--offset-9 { margin-left: 76.03799452%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-9 { margin-left: 1.03799452%; margin-right: 76.03799452%; } .glue-flexbox .h-c-grid__col-xl--offset-10 { margin-left: 84.37132785%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-10 { margin-left: 1.03799452%; margin-right: 84.37132785%; } .glue-flexbox .h-c-grid__col-xl--offset-11 { margin-left: 92.70466118%; margin-right: 1.03799452%; } [dir="rtl"].glue-flexbox .h-c-grid__col-xl--offset-11 { margin-left: 1.03799452%; margin-right: 92.70466118%; } } .h-c-grid__col--align-start { -webkit-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .h-c-grid__col--align-middle { -webkit-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .h-c-grid__col--align-end { -webkit-align-self: flex-end; -ms-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .h-c-grid__col--order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .h-c-grid__col--order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .h-c-grid__col--order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .h-c-grid__col--order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .h-c-grid__col--order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .h-c-grid__col--order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .h-c-grid__col--order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .h-c-grid__col--order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .h-c-grid__col--order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .h-c-grid__col--order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .h-c-grid__col--order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .h-c-grid__col--order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } @media (min-width: 600px) { .h-c-grid__col-m--order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .h-c-grid__col-m--order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .h-c-grid__col-m--order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .h-c-grid__col-m--order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .h-c-grid__col-m--order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .h-c-grid__col-m--order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .h-c-grid__col-m--order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .h-c-grid__col-m--order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .h-c-grid__col-m--order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .h-c-grid__col-m--order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .h-c-grid__col-m--order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .h-c-grid__col-m--order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } } @media (min-width: 1024px) { .h-c-grid__col-l--order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .h-c-grid__col-l--order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .h-c-grid__col-l--order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .h-c-grid__col-l--order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .h-c-grid__col-l--order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .h-c-grid__col-l--order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .h-c-grid__col-l--order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .h-c-grid__col-l--order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .h-c-grid__col-l--order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .h-c-grid__col-l--order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .h-c-grid__col-l--order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .h-c-grid__col-l--order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } } @media (min-width: 1440px) { .h-c-grid__col-xl--order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .h-c-grid__col-xl--order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .h-c-grid__col-xl--order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .h-c-grid__col-xl--order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .h-c-grid__col-xl--order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .h-c-grid__col-xl--order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .h-c-grid__col-xl--order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .h-c-grid__col-xl--order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .h-c-grid__col-xl--order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .h-c-grid__col-xl--order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .h-c-grid__col-xl--order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .h-c-grid__col-xl--order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } } .container { clear: both; margin: 0 auto; max-width: 1440px; } .row { padding: 30px 0; } h2 + .row { padding-top: 0; } @media (min-width: 600px) { h2 + .row { padding-top: 20px; } .row + .row { padding-top: 30px; } .row { padding: 40px 0; } } .row + .row { border-top: 1px solid #d7d7d7; padding-top: 10px; } .module { margin-bottom: 50px !important; } @media (min-width: 1024px) { .module { margin-bottom: 60px !important; } } .article-module { margin-bottom: 30px !important; } @media (min-width: 1024px) { .article-module { margin-bottom: 35px !important; } } .module--text { margin-bottom: 12px !important; } @media (min-width: 1024px) { .module--text { margin-bottom: 16px !important; } } .events-off { pointer-events: none; } .events-on { pointer-events: auto; } .focusable { display: table; } a:focus .focusable { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; } .nowrap { white-space: nowrap; } .no-border { border-width: 0 !important; } .article-module:after, .container:after, .module--text:after, .module:after, .row:after { clear: both; content: ""; display: table; } .small-rule { display: block; } @media (min-width: 1024px) { .small-rule { display: none; } } .large-rule { display: none; } @media (min-width: 1024px) { .large-rule { display: block; } } .h-c-copy > p, .rich-text > p { font-size: inherit; line-height: inherit; } body.h-is-showing-drawer { overflow-y: hidden; } @media (min-width: 900px) { body.h-is-showing-drawer { overflow-y: auto; } } .h-c-header { -webkit-transition: height 0.4s; transition: height 0.4s; } .h-c-header__bar { background: #fff; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0; left: 0; right: 0; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: background 0.4s, -webkit-transform 0.4s; transition: background 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s, -webkit-transform 0.4s; z-index: 100; } .h-c-header__bar:after { content: ""; display: table; clear: both; } .h-c-header--reversed .h-c-header__bar { background: transparent; -webkit-box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.3) !important; box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.3) !important; } @media (min-width: 900px) { .h-is-showing-nested-nav .h-c-header__bar { -webkit-box-shadow: inset 0 -1px 0 0 #dadce0; box-shadow: inset 0 -1px 0 0 #dadce0; } .h-c-header--product-marketing-one-tier .h-c-header__bar { height: 64px !important; } .h-c-header--product-marketing-one-tier.h-is-wholly-scrolled .h-c-header__bar { -webkit-transform: translate3d(0, -64px, 0) !important; transform: translate3d(0, -64px, 0) !important; } .h-c-header--product-marketing-one-tier.h-is-showing-nested-nav.h-is-wholly-scrolled .h-c-header__bar { -webkit-transform: translate3d(0, -112px, 0) !important; transform: translate3d(0, -112px, 0) !important; } .h-c-header--product-marketing-two-tier .h-c-header__bar { height: 128px !important; } .h-c-header--product-marketing-two-tier.h-is-wholly-scrolled .h-c-header__bar { -webkit-transform: translate3d(0, -128px, 0) !important; transform: translate3d(0, -128px, 0) !important; } .h-c-header--product-marketing-two-tier.h-is-showing-nested-nav.h-is-wholly-scrolled .h-c-header__bar { -webkit-transform: translate3d(0, -176px, 0) !important; transform: translate3d(0, -176px, 0) !important; } .h-c-header--corporate-initiative .h-c-header__bar, .h-c-header--product-initiative .h-c-header__bar { height: 128px !important; } .h-c-header--corporate-initiative.h-is-wholly-scrolled .h-c-header__bar, .h-c-header--product-initiative.h-is-wholly-scrolled .h-c-header__bar { -webkit-transform: translate3d(0, -128px, 0) !important; transform: translate3d(0, -128px, 0) !important; } .h-c-header--corporate-initiative.h-is-showing-nested-nav.h-is-wholly-scrolled .h-c-header__bar, .h-c-header--product-initiative.h-is-showing-nested-nav.h-is-wholly-scrolled .h-c-header__bar { -webkit-transform: translate3d(0, -176px, 0) !important; transform: translate3d(0, -176px, 0) !important; } } .h-c-header--corporate-initiative .h-c-header__bar:before, .h-c-header--product-initiative .h-c-header__bar:before { background: #dadce0; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 56px; } .h-c-header--reversed .h-c-header__bar:before { background: hsla(0, 0%, 100%, 0.3) !important; } @media (min-width: 900px) { .h-c-header--corporate-initiative .h-c-header__bar:before, .h-c-header--product-initiative .h-c-header__bar:before { bottom: 63px; top: auto; } .h-c-header--product-marketing-two-tier .h-c-header__bar:before { background: #dadce0; bottom: 63px; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: auto; } } .h-c-header__bar-underside { display: none; } @media (min-width: 900px) { .h-c-header__bar-underside { background: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #dadce0; box-shadow: inset 0 -1px 0 0 #dadce0; height: 48px; left: 0; position: absolute; right: 0; top: 100%; -webkit-transition: background 0.4s; transition: background 0.4s; } .h-is-showing-nested-nav .h-c-header__bar-underside { -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0; display: block; } .h-c-header--reversed .h-c-header__bar-underside { background: transparent; -webkit-box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.3); box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.3); } } .h-c-header__hamburger { float: left; width: 56px; display: none; } .h-c-header__hamburger.h-c-header__hamburger--first-tier { height: 100%; } .h-c-header__hamburger.h-c-header__hamburger--second-tier { clear: left; height: 50%; } .glue-app-ready .h-c-header--product-marketing-one-tier .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-ready .h-c-header--product-marketing-two-tier .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-supported .h-c-header--product-marketing-one-tier .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-supported .h-c-header--product-marketing-two-tier .h-c-header__hamburger.h-c-header__hamburger--first-tier { display: table; } .glue-app-ready .h-c-header--corporate-initiative .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-ready .h-c-header--product-initiative .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-ready .h-c-header--product-marketing-one-tier .h-c-header__hamburger.h-c-header__hamburger--second-tier, .glue-app-ready .h-c-header--product-marketing-two-tier .h-c-header__hamburger.h-c-header__hamburger--second-tier, .glue-app-supported .h-c-header--corporate-initiative .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-supported .h-c-header--product-initiative .h-c-header__hamburger.h-c-header__hamburger--first-tier, .glue-app-supported .h-c-header--product-marketing-one-tier .h-c-header__hamburger.h-c-header__hamburger--second-tier, .glue-app-supported .h-c-header--product-marketing-two-tier .h-c-header__hamburger.h-c-header__hamburger--second-tier { display: none; } .glue-app-ready .h-c-header--corporate-initiative .h-c-header__hamburger.h-c-header__hamburger--second-tier, .glue-app-ready .h-c-header--product-initiative .h-c-header__hamburger.h-c-header__hamburger--second-tier, .glue-app-supported .h-c-header--corporate-initiative .h-c-header__hamburger.h-c-header__hamburger--second-tier, .glue-app-supported .h-c-header--product-initiative .h-c-header__hamburger.h-c-header__hamburger--second-tier { display: table; } @media (min-width: 900px) { .h-c-header__hamburger { display: none !important; } } .h-c-header__hamburger-wrapper { display: table-cell; height: 100%; padding: 6px; vertical-align: middle; } .h-c-header__hamburger-link { -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background: none; border: 0; border-radius: 50%; color: inherit; display: block; font: inherit; height: 100%; line-height: normal; margin: 0; overflow: visible; padding: 0; position: relative; width: 100%; } .h-c-header__hamburger-link:focus { background-color: #f1f3f4; outline: none; } .h-c-header__hamburger-link:focus .h-c-header__hamburger-img--reversed { fill: #5f6368; } .h-c-header__hamburger-img { margin: 0 auto; height: 24px; width: 24px; } .h-c-header__hamburger-img.h-c-header__hamburger-img--standard { display: block; fill: #5f6368; } .h-c-header--reversed .h-c-header__hamburger-img.h-c-header__hamburger-img--standard { display: none; } .h-c-header__hamburger-img.h-c-header__hamburger-img--reversed { display: none; fill: #fff; } .h-c-header--reversed .h-c-header__hamburger-img.h-c-header__hamburger-img--reversed { display: block; } .h-c-header__lockup { float: left; height: 56px; margin-left: 16px; position: relative; } .h-c-header__lockup:after { content: ""; display: table; clear: both; } .glue-app-ready .h-c-header--product-marketing-one-tier .h-c-header__lockup, .glue-app-ready .h-c-header--product-marketing-two-tier .h-c-header__lockup, .glue-app-supported .h-c-header--product-marketing-one-tier .h-c-header__lockup, .glue-app-supported .h-c-header--product-marketing-two-tier .h-c-header__lockup { height: 100%; margin-left: 14px; } @media (min-width: 900px) { .glue-app-ready .h-c-header--product-marketing-one-tier .h-c-header__lockup, .glue-app-ready .h-c-header--product-marketing-two-tier .h-c-header__lockup, .glue-app-supported .h-c-header--product-marketing-one-tier .h-c-header__lockup, .glue-app-supported .h-c-header--product-marketing-two-tier .h-c-header__lockup { margin-left: 24px; } } .glue-app-ready .h-c-header--corporate-initiative .h-c-header__lockup, .glue-app-ready .h-c-header--product-initiative .h-c-header__lockup, .glue-app-supported .h-c-header--corporate-initiative .h-c-header__lockup, .glue-app-supported .h-c-header--product-initiative .h-c-header__lockup { height: 50%; } @media (min-width: 900px) { .h-c-header__lockup { margin-left: 24px; } .h-c-header--product-marketing-one-tier .h-c-header__lockup { height: 100% !important; } .h-c-header--corporate-initiative .h-c-header__lockup, .h-c-header--product-initiative .h-c-header__lockup, .h-c-header--product-marketing-two-tier .h-c-header__lockup { height: 50% !important; } } .h-c-header__jump-to-content { background: #f1f3f4; border-radius: 2px; clip: rect(1px, 1px, 1px, 1px); display: none; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; height: 1px; left: 100%; letter-spacing: 0.25px; margin-left: 48px; overflow: hidden; padding: 10px; position: absolute; top: 9px; width: 1px; white-space: nowrap; z-index: 103; } .h-c-header__jump-to-content:focus { clip: auto; color: #174ea6; height: auto; outline: none; overflow: visible; width: auto; } @media (min-width: 900px) { .h-c-header__jump-to-content { display: table; } } .h-c-header__jump-to-content-text { display: table-cell; } .h-c-header__company-logo { display: table; float: left; height: 100%; padding: 4px 0; } .h-c-header__company-logo-link { display: table-cell; padding-top: 4px; vertical-align: middle; } .h-c-header--reversed .h-c-header__company-logo-link:focus { outline-color: #f1f3f4; } .h-c-header__company-logo-link:focus .h-c-header__company-logo-img--reversed { fill: #5f6368; } .h-c-header__company-logo-img { height: 24px; width: 74px; } .h-c-header__company-logo-img.h-c-header__company-logo-img--standard { display: block; } .h-c-header--reversed .h-c-header__company-logo-img.h-c-header__company-logo-img--standard { display: none; } .h-c-header__company-logo-img.h-c-header__company-logo-img--reversed { display: none; fill: #fff; } .h-c-header--reversed .h-c-header__company-logo-img.h-c-header__company-logo-img--reversed { display: block; } .h-c-header__product-logo { display: table; float: left; height: 100%; margin-left: 6px; padding: 4px 0; } .h-c-header--corporate-initiative .h-c-header__product-logo { display: none; } .h-c-header__product-logo-link { display: table-cell; padding-top: 1px; vertical-align: middle; } .h-c-header--reversed .h-c-header__product-logo-link:focus { outline-color: #f1f3f4; } .h-c-header__product-logo-link:focus .h-c-header__product-logo-text { color: #5f6368; } .h-c-header__product-logo-text { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #5f6368; font-family: Product Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; } .h-c-header--reversed .h-c-header__product-logo-text { color: #fff; } .h-c-header__initiative-logo { clear: left; display: table; float: left; height: 56px; margin-left: 16px; padding: 4px 0; } .glue-app-ready .h-c-header__initiative-logo, .glue-app-supported .h-c-header__initiative-logo { clear: none; height: 50%; } .h-c-header--product-marketing-one-tier .h-c-header__initiative-logo, .h-c-header--product-marketing-two-tier .h-c-header__initiative-logo { display: none; } @media (min-width: 900px) { .h-c-header__initiative-logo { clear: left !important; height: 50% !important; margin-left: 24px !important; } } .h-c-header__initiative-logo-link { display: table-cell; vertical-align: middle; } .h-c-header--reversed .h-c-header__initiative-logo-link:focus { outline-color: #f1f3f4; } .h-c-header__initiative-logo-link:focus .h-c-header__initiative-logo-text { color: #5f6368; } .h-c-header__initiative-logo-text { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #5f6368; font-family: Product Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; } .h-c-header--reversed .h-c-header__initiative-logo-text { color: #fff; } .h-c-header__nav { display: block; clear: both; } .glue-app-ready .h-c-header__nav, .glue-app-supported .h-c-header__nav { display: none; } @media (min-width: 900px) { .h-c-header__nav { display: block !important; float: left; } .h-c-header--product-marketing-one-tier .h-c-header__nav { clear: none; height: 100%; margin-left: 48px; } .h-c-header--product-marketing-two-tier .h-c-header__nav { clear: left; height: 50%; margin-left: 24px; } .h-c-header--corporate-initiative .h-c-header__nav, .h-c-header--product-initiative .h-c-header__nav { clear: none; height: 50%; margin-left: 48px; } } .h-c-header__nav-list { list-style: none; margin-bottom: 0; margin-left: 0; } @media (min-width: 900px) { .h-c-header__nav-list { height: 100%; } .h-c-header__nav-list:after { content: ""; display: table; clear: both; } } .h-c-header__nav-li { display: table; width: 100%; } @media (min-width: 900px) { .h-c-header__nav-li { float: left; height: 100%; margin-left: 36px; position: relative; width: auto; } .h-c-header__nav-li:first-child { margin-left: 0; } } .h-c-header__nav-li-link { color: #5f6368; display: table-cell; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0.25px; padding-left: 16px; padding-right: 16px; vertical-align: middle; width: 100%; } .h-c-header__nav-li-link:visited { color: #5f6368; } .h-c-header__nav-li-link.h-is-active, .h-c-header__nav-li-link.h-is-highlighted, .h-c-header__nav-li-link:active, .h-c-header__nav-li-link:hover { color: #000; } .h-c-header__nav-li-link.h-is-active { background: #f1f3f4; } .h-c-header--reversed .h-c-header__nav-li-link { color: #fff; } .h-c-header--reversed .h-c-header__nav-li-link.h-is-active { font-weight: 500; } .h-c-header--reversed .h-c-header__nav-li-link:visited { color: #fff; } .h-c-header--reversed .h-c-header__nav-li-link:active, .h-c-header--reversed .h-c-header__nav-li-link:focus, .h-c-header--reversed .h-c-header__nav-li-link:hover { color: #dadce0; } .h-c-header--reversed .h-c-header__nav-li-link.h-is-active, .h-c-header--reversed .h-c-header__nav-li-link.h-is-highlighted { color: #fff; } .h-c-header--reversed .h-c-header__nav-li-link.h-is-active { background: none; } @media (min-width: 900px) { .h-c-header__nav-li-link { line-height: 1.85714286; color: #5f6368; font-size: 14px; font-weight: 400; height: auto; letter-spacing: 0.25px; padding: 10px 0 9px; width: auto; } .h-c-header--corporate-initiative .h-c-header__nav-li-link, .h-c-header--product-initiative .h-c-header__nav-li-link, .h-c-header--product-marketing-two-tier .h-c-header__nav-li-link { padding: 7px 0 9px; } .h-c-header__nav-li-link:visited { color: #5f6368; } .h-c-header__nav-li-link.h-is-active, .h-c-header__nav-li-link.h-is-highlighted, .h-c-header__nav-li-link:active, .h-c-header__nav-li-link:hover { color: #000; } .h-c-header__nav-li-link.h-is-active { background: none; } .h-c-header__nav-li-link.h-is-active:after { background: #1a73e8; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 0; } .h-c-header__nav-li-link.h-is-active:focus:after { background: #174ea6; } .h-c-header__nav-li-link:focus { background: #f1f3f4; outline: 10px solid #f1f3f4; } .h-c-header--reversed .h-c-header__nav-li-link:after { background: #fff; } .h-c-header--reversed .h-c-header__nav-li-link:focus, .h-c-header--reversed .h-c-header__nav-li-link:hover { background: #f1f3f4; color: #202124; outline: 10px solid #f1f3f4; } .h-c-header--reversed .h-c-header__nav-li-link:focus.h-is-active, .h-c-header--reversed .h-c-header__nav-li-link:hover.h-is-active { background: #f1f3f4; } .h-c-header--reversed .h-c-header__nav-li-link:focus.h-is-active:after, .h-c-header--reversed .h-c-header__nav-li-link:hover.h-is-active:after { background: #5f6368; } } .h-c-header__nested-nav-list { display: table-row; list-style: none; margin-bottom: 0; margin-left: 0; } @media (min-width: 900px) { .h-c-header__nested-nav-list { display: none; height: 48px; left: 0; margin-left: -18px; position: absolute; top: 100%; white-space: nowrap; z-index: 1; } .h-is-showing-nested-nav .h-c-header__nav-li-link.h-is-highlighted + .h-c-header__nested-nav-list { display: table; } .h-c-header__nested-nav-list.h-c-header__nested-nav-list--center { margin-left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); } .h-c-header__nested-nav-list.h-c-header__nested-nav-list--right { left: auto; margin-right: -18px; right: 0; } } .h-c-header__nested-nav-li { display: table; width: 100%; } @media (min-width: 900px) { .h-c-header__nested-nav-li { display: table-cell; padding: 3px 18px; position: relative; vertical-align: top; width: auto; } } .h-c-header__nested-nav-li-link { color: #5f6368; display: table-cell; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0.25px; padding-right: 32px; padding-left: 32px; vertical-align: middle; width: 100%; } .h-c-header__nested-nav-li-link:visited { color: #5f6368; } .h-c-header__nested-nav-li-link.h-is-active, .h-c-header__nested-nav-li-link:active, .h-c-header__nested-nav-li-link:hover { color: #000; } .h-c-header__nested-nav-li-link.h-is-active { background: #f1f3f4; } .h-c-header--reversed .h-c-header__nested-nav-li-link, .h-c-header--reversed .h-c-header__nested-nav-li-link:visited { color: #fff; } .h-c-header--reversed .h-c-header__nested-nav-li-link:active, .h-c-header--reversed .h-c-header__nested-nav-li-link:focus, .h-c-header--reversed .h-c-header__nested-nav-li-link:hover { color: #dadce0; } .h-c-header--reversed .h-c-header__nested-nav-li-link.h-is-active { color: #fff; background: none; } @media (min-width: 900px) { .h-c-header__nested-nav-li-link { line-height: 1.85714286; color: #5f6368; display: inline-block; font-size: 14px; font-weight: 400; height: auto; letter-spacing: 0.25px; margin: 7px 0; padding: 0 0 1px; width: auto; } .h-c-header__nested-nav-li-link:visited { color: #5f6368; } .h-c-header__nested-nav-li-link.h-is-active, .h-c-header__nested-nav-li-link:active, .h-c-header__nested-nav-li-link:hover { color: #000; } .h-c-header__nested-nav-li-link.h-is-active { background: none; } .h-c-header__nested-nav-li-link:focus { background: #f1f3f4; outline: 10px solid #f1f3f4; } .h-c-header__nested-nav-li-link.h-is-active:after { background: #1a73e8; bottom: 0; content: ""; height: 2px; left: 18px; position: absolute; right: 18px; } .h-c-header__nested-nav-li-link.h-is-active:focus:after { background: #174ea6; } .h-c-header--reversed .h-c-header__nested-nav-li-link.h-is-active:after { background: #fff; } .h-c-header--reversed .h-c-header__nested-nav-li-link:focus, .h-c-header--reversed .h-c-header__nested-nav-li-link:hover { background: #f1f3f4; color: #202124; outline: 10px solid #f1f3f4; } .h-c-header--reversed .h-c-header__nested-nav-li-link:focus.h-is-active:after, .h-c-header--reversed .h-c-header__nested-nav-li-link:hover.h-is-active:after { background: #5f6368; } } .h-c-header__cta { display: none; } @media (min-width: 900px) { .h-c-header__cta { display: block; position: absolute; right: 0; } .h-c-header--product-marketing-one-tier .h-c-header__cta { height: 63px; top: 0; } .h-c-header--corporate-initiative .h-c-header__cta, .h-c-header--product-initiative .h-c-header__cta, .h-c-header--product-marketing-one-tier .h-c-header__cta, .h-c-header--product-marketing-two-tier .h-c-header__cta { padding: 9px 9px 9px; } .h-c-header--corporate-initiative .h-c-header__cta, .h-c-header--product-initiative .h-c-header__cta, .h-c-header--product-marketing-two-tier .h-c-header__cta { bottom: 0; height: 63px; } } @media (min-width: 1024px) { .h-c-header--corporate-initiative .h-c-header__cta, .h-c-header--product-initiative .h-c-header__cta, .h-c-header--product-marketing-one-tier .h-c-header__cta, .h-c-header--product-marketing-two-tier .h-c-header__cta { padding: 9px 9px 9px; } } @media (min-width: 900px) { .h-c-header__cta-list { height: 100%; list-style: none; margin-bottom: 0; margin-left: 0; } .h-c-header__cta-list:after { content: ""; display: table; clear: both; } } @media (min-width: 900px) { .h-c-header__cta-li { display: table; float: left; height: 100%; } .h-c-header__cta-li.h-c-header__cta-li--secondary { margin-right: 16px; } } @media (min-width: 900px) { .h-c-header__cta-li-link { display: table-cell; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.75px; vertical-align: middle; } .h-c-header__cta-li-link.h-c-header__cta-li-link--primary { background: #1a73e8; color: #fff; } .h-c-header__cta-li-link.h-c-header__cta-li-link--primary:visited { color: #fff; } .h-c-header__cta-li-link.h-c-header__cta-li-link--primary:active, .h-c-header__cta-li-link.h-c-header__cta-li-link--primary:focus, .h-c-header__cta-li-link.h-c-header__cta-li-link--primary:hover { background: #174ea6; outline: none; } .h-c-header--corporate-initiative .h-c-header__cta-li-link.h-c-header__cta-li-link--primary, .h-c-header--product-initiative .h-c-header__cta-li-link.h-c-header__cta-li-link--primary, .h-c-header--product-marketing-one-tier .h-c-header__cta-li-link.h-c-header__cta-li-link--primary, .h-c-header--product-marketing-two-tier .h-c-header__cta-li-link.h-c-header__cta-li-link--primary { padding: 0 24px 0; } .h-c-header--corporate-initiative .h-c-header__cta-li-link.h-c-header__cta-li-link--primary, .h-c-header--product-initiative .h-c-header__cta-li-link.h-c-header__cta-li-link--primary, .h-c-header--product-marketing-one-tier.h-c-header--reversed .h-c-header__cta-li-link.h-c-header__cta-li-link--primary, .h-c-header--product-marketing-two-tier .h-c-header__cta-li-link.h-c-header__cta-li-link--primary { background-clip: padding-box; border-radius: 2px; } .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary, .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:visited { color: #1a73e8; } .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:active, .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:focus, .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:hover { color: #174ea6; } .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:focus, .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:hover { background: #f1f3f4; outline: none; } .h-c-header--corporate-initiative .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary, .h-c-header--product-initiative .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary, .h-c-header--product-marketing-one-tier .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary, .h-c-header--product-marketing-two-tier .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary { padding: 0 24px 0; } .h-c-header--reversed .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary, .h-c-header--reversed .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:visited { color: #fff; } .h-c-header--reversed .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:active { color: #5f6368; } .h-c-header--reversed .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:focus, .h-c-header--reversed .h-c-header__cta-li-link.h-c-header__cta-li-link--secondary:hover { color: #202124; } } @media (min-width: 1024px) { .h-c-header__cta-li-link { font-size: 16px; letter-spacing: 0.5px; } } .h-c-header__drawer { background: #fff; border: 0 solid red; bottom: 0; left: 0; max-width: 280px; position: fixed; right: 56px; top: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1); transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1); transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1); transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1); visibility: hidden; z-index: 102; } .h-c-header__drawer.h-is-visible { visibility: visible; } .h-is-showing-drawer .h-c-header__drawer { -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); -webkit-transform: translateZ(0); transform: translateZ(0); } .h-c-header__drawer:focus { outline: none; } @media (min-width: 900px) { .h-c-header__drawer { display: none; } } .h-c-header__drawer-content { bottom: 136px; left: 0; overflow-y: auto; position: absolute; right: 0; top: 0; } .h-c-header__drawer-backdrop { background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; z-index: 101; } .h-is-showing-drawer .h-c-header__drawer-backdrop { opacity: 1; visibility: visible; } @media (min-width: 900px) { .h-c-header__drawer-backdrop { display: none; } } .h-c-header__drawer-bar { -webkit-box-shadow: inset 0 -1px 0 0 #dadce0; box-shadow: inset 0 -1px 0 0 #dadce0; position: relative; } .h-c-header__drawer-bar:after { content: ""; display: table; clear: both; } .h-c-header--product-marketing-one-tier .h-c-header__drawer-bar, .h-c-header--product-marketing-two-tier .h-c-header__drawer-bar { height: 56px; } .h-c-header--corporate-initiative .h-c-header__drawer-bar, .h-c-header--product-initiative .h-c-header__drawer-bar { height: 112px; } .h-c-header--corporate-initiative .h-c-header__drawer-bar:before, .h-c-header--product-initiative .h-c-header__drawer-bar:before { background: #dadce0; bottom: 55px; content: ""; height: 1px; left: 0; position: absolute; right: 0; } .h-c-header__drawer-lockup { float: left; margin-left: 16px; } .h-c-header__drawer-lockup:after { content: ""; display: table; clear: both; } .h-c-header--product-marketing-one-tier .h-c-header__drawer-lockup, .h-c-header--product-marketing-two-tier .h-c-header__drawer-lockup { height: 100%; } .h-c-header--corporate-initiative .h-c-header__drawer-lockup, .h-c-header--product-initiative .h-c-header__drawer-lockup { height: 50%; } .h-c-header__drawer-company-logo { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; display: table; float: left; height: 100%; } .h-c-header__drawer-company-logo-link { display: table-cell; padding-top: 4px; vertical-align: middle; } .h-c-header__drawer-company-logo-img { display: block; height: 24px; width: 74px; } .h-c-header__drawer-product-logo { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; display: table; float: left; height: 100%; margin-left: 6px; } .h-c-header--corporate-initiative .h-c-header__drawer-product-logo { display: none; } .h-c-header__drawer-product-logo-link { display: table-cell; padding-top: 0; vertical-align: middle; } .h-c-header__drawer-product-logo-text { color: #5f6368; font-family: Product Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; } .h-c-header__drawer-initiative-logo { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; clear: left; display: table; float: left; height: 50%; margin-left: 16px; } .h-c-header--product-marketing-one-tier .h-c-header__drawer-initiative-logo, .h-c-header--product-marketing-two-tier .h-c-header__drawer-initiative-logo { display: none; } .h-c-header__drawer-initiative-logo-link { display: table-cell; padding-top: 2px; vertical-align: middle; } .h-c-header__drawer-initiative-logo-text { color: #5f6368; font-family: Product Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; } .h-c-header__drawer-nav { padding-bottom: 20px; padding-top: 20px; } .h-c-header__drawer-nav-list { list-style: none; margin-bottom: 0; margin-left: 0; } .h-c-header__drawer-nav-li { display: table; width: 100%; } .h-c-header__drawer-nav-li-link { color: #5f6368; display: table-cell; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0.25px; padding-left: 16px; padding-right: 16px; vertical-align: middle; width: 100%; } .h-c-header__drawer-nav-li-link:focus, .h-c-header__drawer-nav-li-link:visited { color: #5f6368; } .h-c-header__drawer-nav-li-link.h-is-active, .h-c-header__drawer-nav-li-link.h-is-highlighted, .h-c-header__drawer-nav-li-link:active, .h-c-header__drawer-nav-li-link:hover { color: #000; } .h-c-header__drawer-nav-li-link.h-is-active { background: #f1f3f4; } .h-c-header__drawer-nav-li-link:focus { background: #f1f3f4; outline: none; } .h-c-header__drawer-nested-nav-list { display: table-row; list-style: none; margin-bottom: 0; margin-left: 0; } .h-c-header__drawer-nested-nav-li { display: table; width: 100%; } .h-c-header__drawer-nested-nav-li-link { color: #5f6368; display: table-cell; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0.25px; padding-right: 32px; padding-left: 32px; vertical-align: middle; width: 100%; } .h-c-header__drawer-nested-nav-li-link:focus, .h-c-header__drawer-nested-nav-li-link:visited { color: #5f6368; } .h-c-header__drawer-nested-nav-li-link.h-is-active, .h-c-header__drawer-nested-nav-li-link:active, .h-c-header__drawer-nested-nav-li-link:hover { color: #000; } .h-c-header__drawer-nested-nav-li-link.h-is-active { background: #f1f3f4; } .h-c-header__drawer-nested-nav-li-link:focus { background: #f1f3f4; outline: none; } .h-c-header__drawer-cta { bottom: 0; -webkit-box-shadow: inset 0 1px 0 0 #dadce0; box-shadow: inset 0 1px 0 0 #dadce0; height: 136px; left: 0; padding-bottom: 24px; padding-left: 16px; padding-right: 16px; padding-top: 8px; position: absolute; right: 0; } .h-c-header__drawer-cta-list { list-style: none; margin-bottom: 0; margin-left: 0; } .h-c-header__drawer-cta-li { display: table; margin-top: 8px; width: 100%; } .h-c-header__drawer-cta-li:first-child { margin-top: 0; } .h-c-header__drawer-cta-li-link { display: table-cell; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0.75px; text-align: center; vertical-align: middle; } .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--primary { background: #1a73e8; background-clip: padding-box; border-radius: 2px; color: #fff; } .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--primary:visited { color: #fff; } .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--primary:active, .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--primary:focus, .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--primary:hover { background: #174ea6; outline: none; } .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--secondary, .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--secondary:visited { color: #1a73e8; } .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--secondary:active, .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--secondary:focus, .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--secondary:hover { color: #174ea6; } .h-c-header__drawer-cta-li-link.h-c-header__drawer-cta-li-link--secondary:focus { background: #f1f3f4; outline: none; } .h-c-page { -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; max-width: 568px; padding: 0 16px; width: auto; } @media (min-width: 600px) { .h-c-page { /* max-width: 1280px; */ max-width: 1106px; padding: 0 32px; } } .h-c-icon { display: inline-block; fill: currentColor; } .svg-assets { display: none; } .svg-assets path { stroke-width: inherit; } .h-c-icon--18px { width: 18px; height: 18px; } .h-c-icon--20px { width: 20px; height: 20px; } .h-c-icon--24px { width: 24px; height: 24px; } .h-c-icon--32px { width: 32px; height: 32px; } [dir="rtl"] .h-c-icon--arrow-forward { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .h-c-icon--arrow-external { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } [dir="rtl"] .h-c-icon--arrow-external { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .h-c-icon--arrow-top { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .h-c-icon--arrow-sort-asc { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .h-c-icon--arrow-sort-desc { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .h-c-icon--chevron { height: 8px; width: 12px; } .h-c-icon--chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #mi-keyboard-arrow-left path, #mi-keyboard-arrow-right path { stroke: inherit; stroke-width: inherit; } .h-c-icon--keyboard-arrow-left, .h-c-icon--keyboard-arrow-right { fill: none; height: 24px; stroke: #000; stroke-width: 2px; width: 24px; } [dir="rtl"] .h-c-icon--keyboard-arrow-left { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .h-c-icon--keyboard-arrow-left, [dir="rtl"] .h-c-icon--keyboard-arrow-right { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .h-c-icon--footer { color: #202124; margin: 0 5px 0 0; vertical-align: middle; } [dir="rtl"] .h-c-icon--footer { margin: 0 0 0 5px; } .h-c-icon--social { fill: #202124; padding: 2px; vertical-align: top; } .h-c-icon--no-padding { padding: 0; } .h-c-icon--color-white { fill: #fff; } .h-c-icon--color-black { fill: #000; } .h-c-icon--color-link { fill: #1a73e8; } .h-c-icon--color-text { fill: #202124; } .h-c-icon--color-gplus { fill: #db4437; } .h-c-icon--color-facebook { fill: #3b5998; } .h-c-icon--color-twitter { fill: #1da1f2; } .h-c-icon--color-youtube { fill: red; } .h-c-icon--color-linkedin { fill: #0077b5; } .h-c-icon--color-blogger { fill: #ff8000; } .h-c-icon--color-instagram { fill: #df465f; } .h-c-social { max-width: 100%; } @media (min-width: 600px) { .h-c-social { -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .h-c-social.h-c-social--zippy .glue-c-zippy__content-container { padding: 0; } .h-c-social.h-c-social--zippy .glue-c-zippy__collapse-region { display: block; } .h-c-social.h-c-social--zippy .glue-collapse-expanded .h-c-social__zippy-popover { z-index: 1; } .h-c-social.h-c-social--zippy.h-c-social--zippy-opposite { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .h-c-social.h-c-social--zippy.h-c-social--zippy-opposite .h-c-social--popover .h-c-social__copy-btn, .h-c-social.h-c-social--zippy.h-c-social--zippy-opposite .h-c-social--popover .h-c-social__copy-input { padding-right: 0; text-align: right; } .h-c-social.h-c-social--popover { display: none; } @media (min-width: 600px) { .h-c-social.h-c-social--popover { display: inline-block; } } .h-c-social.h-c-social--popover:focus { z-index: 100; } .h-c-social.h-c-social--popover > .glue-is-shown { z-index: 10000; } .h-c-social.h-c-social--popover + .h-c-social--popover { margin-left: 36px; } [dir="rtl"] .h-c-social.h-c-social--popover + .h-c-social--popover { margin-left: 0; margin-right: 36px; } .h-c-footer .h-c-social { margin: -10px 0 20px; } .h-c-social__group { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } @media (min-width: 600px) { .h-c-social__group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-right: 70px; } [dir="rtl"] .h-c-social__group { padding-left: 70px; padding-right: 0; } .h-c-social--popover .h-c-social__group, .h-c-social--zippy .h-c-social__group { padding: 0; } } @media (min-width: 1024px) { .h-c-social__group { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } } .h-c-social__group + .h-c-social__group { margin-top: 10px; } @media (min-width: 1024px) { .h-c-social__group + .h-c-social__group { margin-top: 0; } } .h-c-social--zippy-opposite .h-c-social__group { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } .h-c-social__title { color: #202124; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.75px; } @media (min-width: 1024px) { .h-c-social__title { font-size: 16px; letter-spacing: 0.5px; } } .h-c-social__title.h-c-social__title--inline { line-height: 3.14285714; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; margin-right: 24px; } @media (min-width: 600px) { .h-c-social__title.h-c-social__title--inline { margin-right: 32px; } } @media (min-width: 1024px) { .h-c-social__title.h-c-social__title--inline { line-height: 2.75; } } .h-c-social--zippy-opposite .h-c-social__title.h-c-social__title--inline, [dir="rtl"] .h-c-social__title.h-c-social__title--inline { margin-left: 24px; margin-right: 0; } @media (min-width: 600px) { .h-c-social--zippy-opposite .h-c-social__title.h-c-social__title--inline, [dir="rtl"] .h-c-social__title.h-c-social__title--inline { margin-left: 32px; } } [dir="rtl"] .h-c-social--zippy-opposite .h-c-social__title.h-c-social__title--inline { margin-left: 0; margin-right: 24px; } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .h-c-social__title.h-c-social__title--inline { margin-right: 32px; } } .h-c-social__title.h-c-social__title--zippy { background-color: #fff; color: #1a73e8; margin-right: 24px; position: relative; z-index: 1; } @media (min-width: 600px) { .h-c-social__title.h-c-social__title--zippy { margin-right: 32px; } } .h-c-social__title.h-c-social__title--zippy:focus, .h-c-social__title.h-c-social__title--zippy:hover { color: #174ea6; } .h-c-social__title.h-c-social__title--zippy:focus { background: #f1f3f4; outline: 10px solid #f1f3f4; } .h-c-social__list { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; max-width: 100%; } .h-c-social__list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media (min-width: 600px) { .h-c-social__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .h-c-social__list.h-c-social__list--popover { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 24px; } .h-c-social--zippy-opposite .h-c-social__list { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } .h-c-footer .h-c-social__list { margin: 0 -10px; } .h-c-social__item { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; float: left; height: 44px; margin: 0 10px 0 0; width: 44px; } .h-c-social__item:last-child { margin-right: 0; } [dir="rtl"] .h-c-social__item { float: right; margin: 0 0 0 10px; } [dir="rtl"] .h-c-social__item:last-child { margin-left: 0; } .h-c-social__item .h-c-social__link { border-radius: 50%; display: block; height: 44px; padding: 10px; width: 44px; } .h-c-social--static .h-c-social__item .h-c-social__link, .h-c-social--zippy .h-c-social__item .h-c-social__link { margin-left: -10px; margin-right: 0; } [dir="rtl"] .h-c-social--static .h-c-social__item .h-c-social__link, [dir="rtl"] .h-c-social--zippy .h-c-social__item .h-c-social__link { margin-left: 0; margin-right: -10px; } .h-c-social__item .h-c-social__link:focus { background: #f1f3f4; outline: none; } .h-c-footer .h-c-social__item .h-c-social__link:focus { background: #e8eaed; } .h-c-social__item .h-c-social { margin-left: -10px; margin-right: 0; } [dir="rtl"] .h-c-social__item .h-c-social { margin-left: 0; margin-right: -10px; } .h-c-social__item .h-c-social.h-c-social--popover { display: block; } .h-c-social--zippy-opposite .h-c-social__item, [dir="rtl"] .h-c-social__item { margin-left: 10px; margin-right: 0; } [dir="rtl"] .h-c-social--zippy-opposite .h-c-social__item { margin-left: 0; margin-right: 10px; -webkit-transform: none; transform: none; } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(0) { opacity: 1; -webkit-transform: translateX(-40px); transform: translateX(-40px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(-54px); transform: translateX(-54px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(0), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(40px); transform: translateX(40px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(0), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(54px); transform: translateX(54px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(0); transform: translateX(0); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(0); transform: translateX(0); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(0); transform: translateX(0); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(0) { -webkit-transform: translateX(0); transform: translateX(0); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:first-child { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(0); transform: translateX(0); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:first-child, [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(0); transform: translateX(0); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:first-child, [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(0); transform: translateX(0); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(-40px); transform: translateX(-40px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(-54px); transform: translateX(-54px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(40px); transform: translateX(40px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:first-child { -webkit-transform: translateX(54px); transform: translateX(54px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(2) { opacity: 1; -webkit-transform: translateX(40px); transform: translateX(40px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(54px); transform: translateX(54px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(2), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(-40px); transform: translateX(-40px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(2), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(-54px); transform: translateX(-54px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(-80px); transform: translateX(-80px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(-108px); transform: translateX(-108px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(80px); transform: translateX(80px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(2) { -webkit-transform: translateX(108px); transform: translateX(108px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(3) { opacity: 1; -webkit-transform: translateX(80px); transform: translateX(80px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(108px); transform: translateX(108px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(3), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(-80px); transform: translateX(-80px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(3), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(-108px); transform: translateX(-108px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(-120px); transform: translateX(-120px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(-162px); transform: translateX(-162px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(120px); transform: translateX(120px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(3) { -webkit-transform: translateX(162px); transform: translateX(162px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(4) { opacity: 1; -webkit-transform: translateX(120px); transform: translateX(120px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(162px); transform: translateX(162px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(4), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(-120px); transform: translateX(-120px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(4), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(-162px); transform: translateX(-162px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(-160px); transform: translateX(-160px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(-216px); transform: translateX(-216px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(160px); transform: translateX(160px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(4) { -webkit-transform: translateX(216px); transform: translateX(216px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(5) { opacity: 1; -webkit-transform: translateX(160px); transform: translateX(160px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(216px); transform: translateX(216px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(5), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(-160px); transform: translateX(-160px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(5), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(-216px); transform: translateX(-216px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(-200px); transform: translateX(-200px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(-270px); transform: translateX(-270px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(200px); transform: translateX(200px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(5) { -webkit-transform: translateX(270px); transform: translateX(270px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(6) { opacity: 1; -webkit-transform: translateX(200px); transform: translateX(200px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(270px); transform: translateX(270px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(6), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(-200px); transform: translateX(-200px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(6), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(-270px); transform: translateX(-270px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(-240px); transform: translateX(-240px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(-324px); transform: translateX(-324px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(240px); transform: translateX(240px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(6) { -webkit-transform: translateX(324px); transform: translateX(324px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(7) { opacity: 1; -webkit-transform: translateX(240px); transform: translateX(240px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(324px); transform: translateX(324px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(7), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(-240px); transform: translateX(-240px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(7), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(-324px); transform: translateX(-324px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(-280px); transform: translateX(-280px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(-378px); transform: translateX(-378px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(280px); transform: translateX(280px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(7) { -webkit-transform: translateX(378px); transform: translateX(378px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(8) { opacity: 1; -webkit-transform: translateX(280px); transform: translateX(280px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(378px); transform: translateX(378px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(8), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(-280px); transform: translateX(-280px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(8), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(-378px); transform: translateX(-378px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(-320px); transform: translateX(-320px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(-432px); transform: translateX(-432px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(320px); transform: translateX(320px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(8) { -webkit-transform: translateX(432px); transform: translateX(432px); } } .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(9) { opacity: 1; -webkit-transform: translateX(320px); transform: translateX(320px); } @media (min-width: 600px) { .h-c-social--zippy .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(432px); transform: translateX(432px); } } [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(9), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(-320px); transform: translateX(-320px); } @media (min-width: 600px) { [dir="rtl"].glue-app-ready .glue-collapse-expanded .h-c-social__item:nth-child(9), [dir="rtl"].glue-app-supported .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(-432px); transform: translateX(-432px); } } .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(-360px); transform: translateX(-360px); } @media (min-width: 600px) { .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(-486px); transform: translateX(-486px); } } [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(360px); transform: translateX(360px); } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .glue-collapse-expanded .h-c-social__item:nth-child(9) { -webkit-transform: translateX(486px); transform: translateX(486px); } } .h-c-social--zippy .h-c-social__item { position: relative; } .glue-app-ready .h-c-social--zippy .h-c-social__item, .glue-app-supported .h-c-social--zippy .h-c-social__item { opacity: 0; position: absolute; -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s ease-out; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s ease-out, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s ease-out; } [dir="rtl"].glue-app-ready .h-c-social--zippy .h-c-social__item, [dir="rtl"].glue-app-supported .h-c-social--zippy .h-c-social__item { -webkit-transform: translateX(50px); transform: translateX(50px); } @media (min-width: 600px) { .h-c-social__item.h-c-social__item--popover { margin: 16px 22px 0 -10px; } .h-c-social__item.h-c-social__item--popover:nth-child(4n + 4) { margin-right: -10px; } [dir="rtl"] .h-c-social__item.h-c-social__item--popover:nth-child(4n + 4) { margin-left: -10px; } } [dir="rtl"] .h-c-social__item.h-c-social__item--popover { margin: 16px -10px 0 22px; } .h-c-social__share-icon { fill: currentColor; margin-right: 10px; margin-top: 8px; padding: 0; vertical-align: top; } [dir="rtl"] .h-c-social__share-icon { margin-left: 10px; margin-right: 0; } .h-c-social__dialog { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); left: auto; outline: none; padding: 0 46px 0 10px; position: absolute; right: 0; text-align: left; top: 0; } @media (min-width: 600px) { .h-c-social__dialog { left: 0; padding: 0 10px 0 46px; right: auto; } } .glue-app-ready .h-c-social__dialog, .glue-app-supported .h-c-social__dialog { display: none; } .h-c-social--zippy-opposite .h-c-social__dialog, [dir="rtl"] .h-c-social__dialog { left: 0; padding: 0 10px 0 46px; right: auto; } @media (min-width: 600px) { .h-c-social--zippy-opposite .h-c-social__dialog, [dir="rtl"] .h-c-social__dialog { left: auto; padding: 0 46px 0 10px; right: 0; } } [dir="rtl"] .h-c-social--zippy-opposite .h-c-social__dialog { left: auto; padding: 0 46px 0 10px; right: 0; } @media (min-width: 600px) { [dir="rtl"] .h-c-social--zippy-opposite .h-c-social__dialog { left: 0; padding: 0 10px 0 46px; right: auto; } } .h-c-social__dialog.h-c-social__dialog--popover { border: none; display: block; outline: none; padding: 0; position: static; } @media (min-width: 600px) { .h-c-social__dialog.h-c-social__dialog--popover { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); left: auto; padding: 14px 24px 24px; position: absolute; right: -26px; top: -10px; text-align: right; width: 240px; } .glue-app-ready .h-c-social__dialog.h-c-social__dialog--popover, .glue-app-supported .h-c-social__dialog.h-c-social__dialog--popover { display: none; } .h-c-social__group.glue-is-shown .h-c-social__dialog.h-c-social__dialog--popover { display: block; } [dir="rtl"] .h-c-social__dialog.h-c-social__dialog--popover { left: -26px; right: auto; text-align: left; } } .h-c-social__close-btn { line-height: 0.77777778; color: #202124; height: 16px; right: 4px; text-align: center; top: 4px; width: 16px; } .glue-app-ready .h-c-social__close-btn, .glue-app-supported .h-c-social__close-btn { display: none; } .h-c-social__close-btn:focus { background: #f1f3f4; outline: none; } [dir="rtl"] .h-c-social__close-btn { left: 4px; right: auto; } .h-c-social__copy-container { background-color: #f8f9fa; margin: 26px -24px -24px; padding: 5px 10px; width: calc(100% + 48px); } .h-c-social__copy-input { background-color: inherit; border: none; border-radius: 0; border-bottom: 1px solid #dadce0; color: #202124; display: block; font-size: 12px; font-weight: 400; letter-spacing: 0.35px; margin-top: 10px; padding-top: 6px; padding-bottom: 8px; text-align: left; width: 100%; } [dir="rtl"] .h-c-social__copy-input { text-align: right; } .h-c-social__copy-input:focus { background: #f1f3f4; border-bottom: 2px solid #174ea6; padding-bottom: 7px; } .h-c-social__copy-container .h-c-social__copy-input:focus { background: #e8eaed; } .h-c-social--popover .h-c-social__copy-input { margin-top: 0; padding-right: 16px; text-align: right; } [dir="rtl"] .h-c-social--popover .h-c-social__copy-input { padding-left: 16px; padding-right: 0; text-align: left; } .h-c-social--static .h-c-social--popover .h-c-social__copy-input, .h-c-social--zippy .h-c-social--popover .h-c-social__copy-input { margin-top: 5px; text-align: left; } [dir="rtl"] .h-c-social--static .h-c-social--popover .h-c-social__copy-input, [dir="rtl"] .h-c-social--zippy .h-c-social--popover .h-c-social__copy-input { text-align: right; } .h-c-social__copy-btn { background: none; border-color: #fff; border-style: none; -webkit-box-shadow: none; box-shadow: none; color: #1a73e8; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.75px; line-height: 1; margin: 5px 0; min-width: 210px; padding: 10px 0; text-align: left; width: 100%; } @media (min-width: 1024px) { .h-c-social__copy-btn { font-size: 16px; letter-spacing: 0.5px; } } .h-c-social__copy-btn.glue-is-copied { color: #202124; } .h-c-social__copy-btn:focus { background: #f1f3f4; color: #174ea6; outline: none; } .h-c-social__copy-container .h-c-social__copy-btn:focus { background: #e8eaed; } [dir="rtl"] .h-c-social__copy-btn { text-align: right; } .h-c-social--popover .h-c-social__copy-btn { margin-bottom: 0; padding-right: 16px; text-align: right; } [dir="rtl"] .h-c-social--popover .h-c-social__copy-btn { padding-left: 16px; padding-right: 0; text-align: left; } .h-c-social--static .h-c-social--popover .h-c-social__copy-btn, .h-c-social--zippy .h-c-social--popover .h-c-social__copy-btn { margin-bottom: 5px; text-align: left; } [dir="rtl"] .h-c-social--static .h-c-social--popover .h-c-social__copy-btn, [dir="rtl"] .h-c-social--zippy .h-c-social--popover .h-c-social__copy-btn { text-align: right; } .h-c-social__title.h-c-social__title--trigger { margin: 0; position: relative; } .h-c-social--popover .glue-is-shown .h-c-social__title.h-c-social__title--trigger { line-height: 1.71428571; margin-bottom: 10px; margin-top: 10px; z-index: 1; } [dir="rtl"] .h-c-social__title.h-c-social__title--trigger { margin: 0; } .h-c-social__title.h-c-social__title--trigger:focus, .h-c-social__title.h-c-social__title--trigger:hover { color: #174ea6; } .h-c-social__title.h-c-social__title--trigger:focus { background: #f1f3f4; outline: 10px solid rgba(32, 33, 36, 0.06); } .h-c-social__icon-trigger { border-radius: 50%; display: block; height: 44px; margin: 0; padding: 10px; position: relative; width: 44px; } .h-c-social--popover .glue-is-shown .h-c-social__icon-trigger { z-index: 1; } [dir="rtl"] .h-c-social__icon-trigger { margin: 0; } .h-c-social__icon-trigger:focus { background: #f1f3f4; outline: none; } .h-c-footer { background: #f8f9fa; margin: 0; } .h-c-footer.h-c-footer--topmargin { margin-top: 40px; } .h-c-footer__link { line-height: 1.57142857; color: #5f6368; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: 0.25px; } .h-c-footer__link:visited { color: #5f6368; } .h-c-footer__link:focus, .h-c-footer__link:hover { color: #202124; } .h-c-footer__link:focus { background: #e8eaed; outline: 10px solid #e8eaed; } .h-c-footer__global { margin: 0 auto; padding: 40px 16px 20px; } @media (min-width: 600px) { .h-c-footer__global { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1344px; padding: 40px 32px 20px; } .h-c-footer__global:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } } .h-c-footer__logo { height: 28px; margin: 0 0 30px; width: 86px; } @media (min-width: 600px) { .h-c-footer__logo { -ms-flex: 0 0 90%; -webkit-box-flex: 0; flex: 0 0 90%; margin-right: 55px; } [dir="rtl"] .h-c-footer__logo { margin-left: 55px; margin-right: 0; } } @media (min-width: 1024px) { .h-c-footer__logo { -ms-flex: 0 0 86px; -webkit-box-flex: 0; flex: 0 0 86px; } } .h-c-footer__logo a { display: inline-block; height: 28px; } .h-c-footer__logo a:focus { background: #e8eaed; outline: 10px solid #e8eaed; } .h-c-footer__logo-img { fill: #5f6368; height: 28px; width: 86px; } .h-c-footer__global-links { margin: 0 0 15px; } .h-c-footer__global-links:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media (min-width: 600px) { .h-c-footer__global-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 2 0 auto; -webkit-box-flex: 2; flex: 2 0 auto; max-width: 100%; } } @media (min-width: 600px) { .h-c-footer__global-links--extra { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } } .h-c-footer__global-links-list-item { float: left; padding: 0 30px 15px 0; } [dir="rtl"] .h-c-footer__global-links-list-item { float: right; padding-left: 30px; padding-right: 0; } .h-c-footer__global-links-list-item--extra:last-child { padding-left: 0; padding-right: 0; } .h-c-footer__lang-dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #f8f9fa; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzU0NTQ1NCI+PHBhdGggZD0iTTcgMTBsNSA1IDUtNXoiPjwvcGF0aD48L3N2Zz4="); background-position: right 50%; background-repeat: no-repeat; border: none; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #5f6368; display: inline-block; font-size: 14px; font-weight: 400; height: 22px; margin: 0; padding: 0 24px 0 2px; text-overflow: ellipsis; width: 100%; white-space: pre-wrap; } [dir="rtl"] .h-c-footer__lang-dropdown { background-position: left 50%; padding: 0 2px 0 24px; } .h-c-footer__lang-dropdown::-ms-expand { display: none; } .h-c-footer__lang-dropdown:focus { background-color: #e8eaed; color: #202124; outline: 10px solid #e8eaed; } .h-c-footer__upper { margin: 0 auto; padding: 30px 16px 0; } @media (min-width: 600px) { .h-c-footer__upper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1344px; padding: 30px 32px 0; } .h-c-footer__upper:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } } .h-c-footer__site-links { border-bottom: 1px solid #dadce0; margin: 0 auto; padding: 0 16px; } .h-has-sitesearch .h-c-footer__site-links, .h-has-social .h-c-footer__site-links { border-top: 1px solid #dadce0; } @media (min-width: 600px) { .h-c-footer__site-links { max-width: 1344px; padding: 50px 32px; width: auto; } } @media (min-width: 1440px) { .h-c-footer__site-links { max-width: 1280px; padding: 50px 0; } } @media (min-width: 600px) { .h-c-footer__site-links-grid { -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h-c-footer__site-links-grid:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } } .h-c-footer__site-links-column { border-bottom: 1px solid #dadce0; margin: 0; padding: 30px 0 20px; } .h-c-footer__site-links-column:last-child { border-bottom: none; } @media (min-width: 600px) { .h-c-footer__site-links-column { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; border-bottom: none; float: left; max-width: 20%; padding: 0; width: 20%; } [dir="rtl"] .h-c-footer__site-links-column { float: right; } } .h-c-footer__site-links-column.glue-c-zippy { padding-bottom: 0; } .h-c-footer__site-links-header { line-height: 1.625; color: #202124; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; margin: 0 0 10px; overflow: hidden; } .glue-flexbox .h-c-footer__site-links-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; } @media (min-width: 600px) { .h-c-footer__site-links-header { margin: 0 40px 18px 0; } [dir="rtl"] .h-c-footer__site-links-header { margin-left: 40px; margin-right: 0; } } @media (min-width: 1024px) { .h-c-footer__site-links-header { line-height: 1.66666667; font-size: 18px; } } .h-c-footer__site-links-header:focus { color: #202124; } .glue-c-zippy .h-c-footer__site-links-header { color: #5f6368; margin-bottom: 0; padding-bottom: 24px; } .glue-c-zippy .h-c-footer__site-links-header:focus, .glue-c-zippy .h-c-footer__site-links-header:hover { color: #202124; } .glue-c-zippy .h-c-footer__site-links-header:focus { border-bottom: 2px solid #202124; outline: none; padding-bottom: 22px; } .glue-is-expanded .h-c-footer__site-links-header { border-bottom: 1px solid #dadce0; padding-bottom: 23px; } .h-c-footer__expand { display: none; fill: currentColor; float: right; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.333s ease-in; transition: -webkit-transform 0.333s ease-in; transition: transform 0.333s ease-in; transition: transform 0.333s ease-in, -webkit-transform 0.333s ease-in; } [dir="rtl"] .h-c-footer__expand { float: left; } .glue-flexbox .h-c-footer__expand { -ms-flex: 0 0 32px; -webkit-box-flex: 0; flex: 0 0 32px; margin: -5px 0 0 8px; } [dir="rtl"] .glue-flexbox .h-c-footer__expand { margin: -5px 8px 0 0; } .glue-c-zippy__btn .h-c-footer__expand { display: block; } .glue-is-expanded .h-c-footer__expand { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } [dir="rtl"] .glue-is-expanded .h-c-footer__expand { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .h-c-footer .glue-c-zippy__content-container { padding: 0; } .h-c-footer__site-links-list { margin-bottom: 0; } .h-c-footer__site-links-list-item { margin: 0 40px 0 0; padding-bottom: 18px; } .h-c-footer__site-links-list-item:last-child { padding-bottom: 0; } [dir="rtl"] .h-c-footer__site-links-list-item { margin: 0 0 0 40px; } @media (min-width: 600px) { .h-c-footer__site-links-list-item { padding-bottom: 18px; } } .h-c-footer__site-links-list-item .h-c-footer__link:focus { outline-width: 6px; } .glue-c-zippy__content-container .h-c-footer__site-links-list-item { padding: 18px 0 0; } .glue-c-zippy__content-container .h-c-footer__site-links-list-item:last-child { padding-bottom: 18px; } .h-c-footer__signup { background: #fff; border-top: 1px solid #dadce0; padding: 60px 0 30px; } .h-c-footer__signup-intro { margin-top: 40px; } @media (min-width: 600px) { .h-c-footer__signup-intro { margin-top: 3px; } } .h-c-footer__signup-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0 0; position: relative; } @media (min-width: 600px) { .h-c-footer__signup-button, .h-c-footer__signup-input { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } } .h-c-footer__signup-input { border: none; border-bottom: 1px solid #dadce0; color: #202124; display: block; font-size: 14px; margin: 6px 0 30px; padding: 8px 0; width: 100%; } @media (min-width: 600px) { .h-c-footer__signup-input { margin-left: 0; margin-right: 100px; width: 300px; } [dir="rtl"] .h-c-footer__signup-input { margin-left: 100px; margin-right: 0; } } @media (min-width: 1024px) { .h-c-footer__signup-input { font-size: 16px; } } .h-c-footer__signup-label { color: #202124; font-size: 12px; left: 0; position: absolute; top: -10px; } [dir="rtl"] .h-c-footer__signup-label { left: auto; right: 0; } .h-c-footer__signup-input:focus { border-bottom-width: 2px; border-color: #174ea6; margin-bottom: 29px; outline: none; } .h-c-footer__signup-input:focus + .h-c-footer__signup-label { color: #174ea6; } .h-c-footer__signup-input:placeholder-shown + .h-c-footer__signup-label { display: none; } .h-c-footer__signup-button { margin: 0 0 30px; } .h-c-headline, .landing-tertiary-list__item span, .products-navigation-list__product span, h1, h2, h3, h4 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #202124; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-wrap: normal; word-wrap: normal; } .h-c-headline.h-c-headline--display-one, .landing-tertiary-list__item span.h-c-headline--display-one, .products-navigation-list__product span.h-c-headline--display-one, h1.h-c-headline--display-one, h2.h-c-headline--display-one, h3.h-c-headline--display-one, h4.h-c-headline--display-one { line-height: 1.16666667; font-size: 60px; font-weight: 400; letter-spacing: -0.75px; } .h-c-headline.h-c-headline--display-one.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-top-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-top-margin, h1.h-c-headline--display-one.h-has-top-margin, h2.h-c-headline--display-one.h-has-top-margin, h3.h-c-headline--display-one.h-has-top-margin, h4.h-c-headline--display-one.h-has-top-margin { margin-top: 35px; } .h-c-headline.h-c-headline--display-one.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-bottom-margin, h1.h-c-headline--display-one.h-has-bottom-margin, h2.h-c-headline--display-one.h-has-bottom-margin, h3.h-c-headline--display-one.h-has-bottom-margin, h4.h-c-headline--display-one.h-has-bottom-margin { margin-bottom: 35px; } .h-c-headline.h-c-headline--display-one.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-top-bottom-margin, h1.h-c-headline--display-one.h-has-top-bottom-margin, h2.h-c-headline--display-one.h-has-top-bottom-margin, h3.h-c-headline--display-one.h-has-top-bottom-margin, h4.h-c-headline--display-one.h-has-top-bottom-margin { margin-bottom: 35px; margin-top: 35px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--display-one, .landing-tertiary-list__item span.h-c-headline--display-one, .products-navigation-list__product span.h-c-headline--display-one, h1.h-c-headline--display-one, h2.h-c-headline--display-one, h3.h-c-headline--display-one, h4.h-c-headline--display-one { line-height: 1.16666667; font-size: 72px; letter-spacing: -1px; } .h-c-headline.h-c-headline--display-one.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-top-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-top-margin, h1.h-c-headline--display-one.h-has-top-margin, h2.h-c-headline--display-one.h-has-top-margin, h3.h-c-headline--display-one.h-has-top-margin, h4.h-c-headline--display-one.h-has-top-margin { margin-top: 42px; } .h-c-headline.h-c-headline--display-one.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-bottom-margin, h1.h-c-headline--display-one.h-has-bottom-margin, h2.h-c-headline--display-one.h-has-bottom-margin, h3.h-c-headline--display-one.h-has-bottom-margin, h4.h-c-headline--display-one.h-has-bottom-margin { margin-bottom: 42px; } .h-c-headline.h-c-headline--display-one.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-top-bottom-margin, h1.h-c-headline--display-one.h-has-top-bottom-margin, h2.h-c-headline--display-one.h-has-top-bottom-margin, h3.h-c-headline--display-one.h-has-top-bottom-margin, h4.h-c-headline--display-one.h-has-top-bottom-margin { margin-bottom: 42px; margin-top: 42px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--display-one, .landing-tertiary-list__item span.h-c-headline--display-one, .products-navigation-list__product span.h-c-headline--display-one, h1.h-c-headline--display-one, h2.h-c-headline--display-one, h3.h-c-headline--display-one, h4.h-c-headline--display-one { line-height: 1.16666667; font-size: 120px; letter-spacing: -2px; } .h-c-headline.h-c-headline--display-one.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-top-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-top-margin, h1.h-c-headline--display-one.h-has-top-margin, h2.h-c-headline--display-one.h-has-top-margin, h3.h-c-headline--display-one.h-has-top-margin, h4.h-c-headline--display-one.h-has-top-margin { margin-top: 70px; } .h-c-headline.h-c-headline--display-one.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-bottom-margin, h1.h-c-headline--display-one.h-has-bottom-margin, h2.h-c-headline--display-one.h-has-bottom-margin, h3.h-c-headline--display-one.h-has-bottom-margin, h4.h-c-headline--display-one.h-has-bottom-margin { margin-bottom: 70px; } .h-c-headline.h-c-headline--display-one.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-one.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--display-one.h-has-top-bottom-margin, h1.h-c-headline--display-one.h-has-top-bottom-margin, h2.h-c-headline--display-one.h-has-top-bottom-margin, h3.h-c-headline--display-one.h-has-top-bottom-margin, h4.h-c-headline--display-one.h-has-top-bottom-margin { margin-bottom: 70px; margin-top: 70px; } } .h-c-headline.h-c-headline--display-two, .landing-tertiary-list__item span.h-c-headline--display-two, .products-navigation-list__product span.h-c-headline--display-two, h1.h-c-headline--display-two, h2.h-c-headline--display-two, h3.h-c-headline--display-two, h4.h-c-headline--display-two { line-height: 1.15789474; font-size: 38px; font-weight: 400; letter-spacing: 0; } .h-c-headline.h-c-headline--display-two.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-top-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-top-margin, h1.h-c-headline--display-two.h-has-top-margin, h2.h-c-headline--display-two.h-has-top-margin, h3.h-c-headline--display-two.h-has-top-margin, h4.h-c-headline--display-two.h-has-top-margin { margin-top: 22px; } .h-c-headline.h-c-headline--display-two.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-bottom-margin, h1.h-c-headline--display-two.h-has-bottom-margin, h2.h-c-headline--display-two.h-has-bottom-margin, h3.h-c-headline--display-two.h-has-bottom-margin, h4.h-c-headline--display-two.h-has-bottom-margin { margin-bottom: 22px; } .h-c-headline.h-c-headline--display-two.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-top-bottom-margin, h1.h-c-headline--display-two.h-has-top-bottom-margin, h2.h-c-headline--display-two.h-has-top-bottom-margin, h3.h-c-headline--display-two.h-has-top-bottom-margin, h4.h-c-headline--display-two.h-has-top-bottom-margin { margin-bottom: 22px; margin-top: 22px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--display-two, .landing-tertiary-list__item span.h-c-headline--display-two, .products-navigation-list__product span.h-c-headline--display-two, h1.h-c-headline--display-two, h2.h-c-headline--display-two, h3.h-c-headline--display-two, h4.h-c-headline--display-two { line-height: 1.16666667; font-size: 60px; letter-spacing: -0.75px; } .h-c-headline.h-c-headline--display-two.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-top-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-top-margin, h1.h-c-headline--display-two.h-has-top-margin, h2.h-c-headline--display-two.h-has-top-margin, h3.h-c-headline--display-two.h-has-top-margin, h4.h-c-headline--display-two.h-has-top-margin { margin-top: 35px; } .h-c-headline.h-c-headline--display-two.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-bottom-margin, h1.h-c-headline--display-two.h-has-bottom-margin, h2.h-c-headline--display-two.h-has-bottom-margin, h3.h-c-headline--display-two.h-has-bottom-margin, h4.h-c-headline--display-two.h-has-bottom-margin { margin-bottom: 35px; } .h-c-headline.h-c-headline--display-two.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-top-bottom-margin, h1.h-c-headline--display-two.h-has-top-bottom-margin, h2.h-c-headline--display-two.h-has-top-bottom-margin, h3.h-c-headline--display-two.h-has-top-bottom-margin, h4.h-c-headline--display-two.h-has-top-bottom-margin { margin-bottom: 35px; margin-top: 35px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--display-two, .landing-tertiary-list__item span.h-c-headline--display-two, .products-navigation-list__product span.h-c-headline--display-two, h1.h-c-headline--display-two, h2.h-c-headline--display-two, h3.h-c-headline--display-two, h4.h-c-headline--display-two { line-height: 1.16666667; font-size: 96px; letter-spacing: -1px; } .h-c-headline.h-c-headline--display-two.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-top-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-top-margin, h1.h-c-headline--display-two.h-has-top-margin, h2.h-c-headline--display-two.h-has-top-margin, h3.h-c-headline--display-two.h-has-top-margin, h4.h-c-headline--display-two.h-has-top-margin { margin-top: 56px; } .h-c-headline.h-c-headline--display-two.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-bottom-margin, h1.h-c-headline--display-two.h-has-bottom-margin, h2.h-c-headline--display-two.h-has-bottom-margin, h3.h-c-headline--display-two.h-has-bottom-margin, h4.h-c-headline--display-two.h-has-bottom-margin { margin-bottom: 56px; } .h-c-headline.h-c-headline--display-two.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--display-two.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--display-two.h-has-top-bottom-margin, h1.h-c-headline--display-two.h-has-top-bottom-margin, h2.h-c-headline--display-two.h-has-top-bottom-margin, h3.h-c-headline--display-two.h-has-top-bottom-margin, h4.h-c-headline--display-two.h-has-top-bottom-margin { margin-bottom: 56px; margin-top: 56px; } } .h-c-headline.h-c-headline--one, .landing-tertiary-list__item span.h-c-headline--one, .products-navigation-list__product span.h-c-headline--one, h1, h2.h-c-headline--one, h3.h-c-headline--one, h4.h-c-headline--one { line-height: 1.25; font-size: 32px; letter-spacing: 0; } .h-c-headline.h-c-headline--one.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-top-margin, .products-navigation-list__product span.h-c-headline--one.h-has-top-margin, h1.h-has-top-margin, h2.h-c-headline--one.h-has-top-margin, h3.h-c-headline--one.h-has-top-margin, h4.h-c-headline--one.h-has-top-margin { margin-top: 15px; } .h-c-headline.h-c-headline--one.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--one.h-has-bottom-margin, h1.h-has-bottom-margin, h2.h-c-headline--one.h-has-bottom-margin, h3.h-c-headline--one.h-has-bottom-margin, h4.h-c-headline--one.h-has-bottom-margin { margin-bottom: 15px; } .h-c-headline.h-c-headline--one.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--one.h-has-top-bottom-margin, h1.h-has-top-bottom-margin, h2.h-c-headline--one.h-has-top-bottom-margin, h3.h-c-headline--one.h-has-top-bottom-margin, h4.h-c-headline--one.h-has-top-bottom-margin { margin-bottom: 15px; margin-top: 15px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--one, .landing-tertiary-list__item span.h-c-headline--one, .products-navigation-list__product span.h-c-headline--one, h1, h2.h-c-headline--one, h3.h-c-headline--one, h4.h-c-headline--one { line-height: 1.15789474; font-size: 38px; letter-spacing: 0; } .h-c-headline.h-c-headline--one.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-top-margin, .products-navigation-list__product span.h-c-headline--one.h-has-top-margin, h1.h-has-top-margin, h2.h-c-headline--one.h-has-top-margin, h3.h-c-headline--one.h-has-top-margin, h4.h-c-headline--one.h-has-top-margin { margin-top: 13px; } .h-c-headline.h-c-headline--one.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--one.h-has-bottom-margin, h1.h-has-bottom-margin, h2.h-c-headline--one.h-has-bottom-margin, h3.h-c-headline--one.h-has-bottom-margin, h4.h-c-headline--one.h-has-bottom-margin { margin-bottom: 13px; } .h-c-headline.h-c-headline--one.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--one.h-has-top-bottom-margin, h1.h-has-top-bottom-margin, h2.h-c-headline--one.h-has-top-bottom-margin, h3.h-c-headline--one.h-has-top-bottom-margin, h4.h-c-headline--one.h-has-top-bottom-margin { margin-bottom: 13px; margin-top: 13px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--one, .landing-tertiary-list__item span.h-c-headline--one, .products-navigation-list__product span.h-c-headline--one, h1, h2.h-c-headline--one, h3.h-c-headline--one, h4.h-c-headline--one { line-height: 1.17857143; font-size: 56px; letter-spacing: -0.5px; } .h-c-headline.h-c-headline--one.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-top-margin, .products-navigation-list__product span.h-c-headline--one.h-has-top-margin, h1.h-has-top-margin, h2.h-c-headline--one.h-has-top-margin, h3.h-c-headline--one.h-has-top-margin, h4.h-c-headline--one.h-has-top-margin { margin-top: 20px; } .h-c-headline.h-c-headline--one.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--one.h-has-bottom-margin, h1.h-has-bottom-margin, h2.h-c-headline--one.h-has-bottom-margin, h3.h-c-headline--one.h-has-bottom-margin, h4.h-c-headline--one.h-has-bottom-margin { margin-bottom: 20px; } .h-c-headline.h-c-headline--one.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--one.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--one.h-has-top-bottom-margin, h1.h-has-top-bottom-margin, h2.h-c-headline--one.h-has-top-bottom-margin, h3.h-c-headline--one.h-has-top-bottom-margin, h4.h-c-headline--one.h-has-top-bottom-margin { margin-bottom: 20px; margin-top: 20px; } } .h-c-headline.h-c-headline--two, .landing-tertiary-list__item span.h-c-headline--two, .products-navigation-list__product span.h-c-headline--two, h1.h-c-headline--two, h2, h3.h-c-headline--two, h4.h-c-headline--two { line-height: 1.33333333; font-size: 24px; letter-spacing: 0; } .h-c-headline.h-c-headline--two.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-top-margin, .products-navigation-list__product span.h-c-headline--two.h-has-top-margin, h1.h-c-headline--two.h-has-top-margin, h2.h-has-top-margin, h3.h-c-headline--two.h-has-top-margin, h4.h-c-headline--two.h-has-top-margin { margin-top: 10px; } .h-c-headline.h-c-headline--two.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--two.h-has-bottom-margin, h1.h-c-headline--two.h-has-bottom-margin, h2.h-has-bottom-margin, h3.h-c-headline--two.h-has-bottom-margin, h4.h-c-headline--two.h-has-bottom-margin { margin-bottom: 10px; } .h-c-headline.h-c-headline--two.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--two.h-has-top-bottom-margin, h1.h-c-headline--two.h-has-top-bottom-margin, h2.h-has-top-bottom-margin, h3.h-c-headline--two.h-has-top-bottom-margin, h4.h-c-headline--two.h-has-top-bottom-margin { margin-bottom: 10px; margin-top: 10px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--two, .landing-tertiary-list__item span.h-c-headline--two, .products-navigation-list__product span.h-c-headline--two, h1.h-c-headline--two, h2, h3.h-c-headline--two, h4.h-c-headline--two { line-height: 1.25; font-size: 32px; letter-spacing: 0; } .h-c-headline.h-c-headline--two.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-top-margin, .products-navigation-list__product span.h-c-headline--two.h-has-top-margin, h1.h-c-headline--two.h-has-top-margin, h2.h-has-top-margin, h3.h-c-headline--two.h-has-top-margin, h4.h-c-headline--two.h-has-top-margin { margin-top: 12px; } .h-c-headline.h-c-headline--two.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--two.h-has-bottom-margin, h1.h-c-headline--two.h-has-bottom-margin, h2.h-has-bottom-margin, h3.h-c-headline--two.h-has-bottom-margin, h4.h-c-headline--two.h-has-bottom-margin { margin-bottom: 12px; } .h-c-headline.h-c-headline--two.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--two.h-has-top-bottom-margin, h1.h-c-headline--two.h-has-top-bottom-margin, h2.h-has-top-bottom-margin, h3.h-c-headline--two.h-has-top-bottom-margin, h4.h-c-headline--two.h-has-top-bottom-margin { margin-bottom: 12px; margin-top: 12px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--two, .landing-tertiary-list__item span.h-c-headline--two, .products-navigation-list__product span.h-c-headline--two, h1.h-c-headline--two, h2, h3.h-c-headline--two, h4.h-c-headline--two { line-height: 1.18181818; font-size: 44px; letter-spacing: -0.5px; } .h-c-headline.h-c-headline--two.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-top-margin, .products-navigation-list__product span.h-c-headline--two.h-has-top-margin, h1.h-c-headline--two.h-has-top-margin, h2.h-has-top-margin, h3.h-c-headline--two.h-has-top-margin, h4.h-c-headline--two.h-has-top-margin { margin-top: 15px; } .h-c-headline.h-c-headline--two.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--two.h-has-bottom-margin, h1.h-c-headline--two.h-has-bottom-margin, h2.h-has-bottom-margin, h3.h-c-headline--two.h-has-bottom-margin, h4.h-c-headline--two.h-has-bottom-margin { margin-bottom: 15px; } .h-c-headline.h-c-headline--two.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--two.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--two.h-has-top-bottom-margin, h1.h-c-headline--two.h-has-top-bottom-margin, h2.h-has-top-bottom-margin, h3.h-c-headline--two.h-has-top-bottom-margin, h4.h-c-headline--two.h-has-top-bottom-margin { margin-bottom: 15px; margin-top: 15px; } } .h-c-headline.h-c-headline--three, .landing-tertiary-list__item span, .products-navigation-list__product span, h1.h-c-headline--three, h2.h-c-headline--three, h3, h4.h-c-headline--three { line-height: 1.4; font-size: 20px; letter-spacing: 0; } .h-c-headline.h-c-headline--three.h-has-top-margin, .landing-tertiary-list__item span.h-has-top-margin, .products-navigation-list__product span.h-has-top-margin, h1.h-c-headline--three.h-has-top-margin, h2.h-c-headline--three.h-has-top-margin, h3.h-has-top-margin, h4.h-c-headline--three.h-has-top-margin { margin-top: 14px; } .h-c-headline.h-c-headline--three.h-has-bottom-margin, .landing-tertiary-list__item span.h-has-bottom-margin, .products-navigation-list__product span.h-has-bottom-margin, h1.h-c-headline--three.h-has-bottom-margin, h2.h-c-headline--three.h-has-bottom-margin, h3.h-has-bottom-margin, h4.h-c-headline--three.h-has-bottom-margin { margin-bottom: 14px; } .h-c-headline.h-c-headline--three.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-has-top-bottom-margin, .products-navigation-list__product span.h-has-top-bottom-margin, h1.h-c-headline--three.h-has-top-bottom-margin, h2.h-c-headline--three.h-has-top-bottom-margin, h3.h-has-top-bottom-margin, h4.h-c-headline--three.h-has-top-bottom-margin { margin-bottom: 14px; margin-top: 14px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--three, .landing-tertiary-list__item span, .products-navigation-list__product span, h1.h-c-headline--three, h2.h-c-headline--three, h3, h4.h-c-headline--three { line-height: 1.33333333; font-size: 24px; letter-spacing: 0; } .h-c-headline.h-c-headline--three.h-has-top-margin, .landing-tertiary-list__item span.h-has-top-margin, .products-navigation-list__product span.h-has-top-margin, h1.h-c-headline--three.h-has-top-margin, h2.h-c-headline--three.h-has-top-margin, h3.h-has-top-margin, h4.h-c-headline--three.h-has-top-margin { margin-top: 13px; } .h-c-headline.h-c-headline--three.h-has-bottom-margin, .landing-tertiary-list__item span.h-has-bottom-margin, .products-navigation-list__product span.h-has-bottom-margin, h1.h-c-headline--three.h-has-bottom-margin, h2.h-c-headline--three.h-has-bottom-margin, h3.h-has-bottom-margin, h4.h-c-headline--three.h-has-bottom-margin { margin-bottom: 13px; } .h-c-headline.h-c-headline--three.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-has-top-bottom-margin, .products-navigation-list__product span.h-has-top-bottom-margin, h1.h-c-headline--three.h-has-top-bottom-margin, h2.h-c-headline--three.h-has-top-bottom-margin, h3.h-has-top-bottom-margin, h4.h-c-headline--three.h-has-top-bottom-margin { margin-bottom: 13px; margin-top: 13px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--three, .landing-tertiary-list__item span, .products-navigation-list__product span, h1.h-c-headline--three, h2.h-c-headline--three, h3, h4.h-c-headline--three { line-height: 1.25; font-size: 32px; letter-spacing: 0; } .h-c-headline.h-c-headline--three.h-has-top-margin, .landing-tertiary-list__item span.h-has-top-margin, .products-navigation-list__product span.h-has-top-margin, h1.h-c-headline--three.h-has-top-margin, h2.h-c-headline--three.h-has-top-margin, h3.h-has-top-margin, h4.h-c-headline--three.h-has-top-margin { margin-top: 15px; } .h-c-headline.h-c-headline--three.h-has-bottom-margin, .landing-tertiary-list__item span.h-has-bottom-margin, .products-navigation-list__product span.h-has-bottom-margin, h1.h-c-headline--three.h-has-bottom-margin, h2.h-c-headline--three.h-has-bottom-margin, h3.h-has-bottom-margin, h4.h-c-headline--three.h-has-bottom-margin { margin-bottom: 15px; } .h-c-headline.h-c-headline--three.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-has-top-bottom-margin, .products-navigation-list__product span.h-has-top-bottom-margin, h1.h-c-headline--three.h-has-top-bottom-margin, h2.h-c-headline--three.h-has-top-bottom-margin, h3.h-has-top-bottom-margin, h4.h-c-headline--three.h-has-top-bottom-margin { margin-bottom: 15px; margin-top: 15px; } } .h-c-headline.h-c-headline--four, .landing-tertiary-list__item span.h-c-headline--four, .products-navigation-list__product span.h-c-headline--four, h1.h-c-headline--four, h2.h-c-headline--four, h3.h-c-headline--four, h4 { line-height: 1.625; font-size: 16px; letter-spacing: 0; } .h-c-headline.h-c-headline--four.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-top-margin, .products-navigation-list__product span.h-c-headline--four.h-has-top-margin, h1.h-c-headline--four.h-has-top-margin, h2.h-c-headline--four.h-has-top-margin, h3.h-c-headline--four.h-has-top-margin, h4.h-has-top-margin { margin-top: 6px; } .h-c-headline.h-c-headline--four.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--four.h-has-bottom-margin, h1.h-c-headline--four.h-has-bottom-margin, h2.h-c-headline--four.h-has-bottom-margin, h3.h-c-headline--four.h-has-bottom-margin, h4.h-has-bottom-margin { margin-bottom: 6px; } .h-c-headline.h-c-headline--four.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--four.h-has-top-bottom-margin, h1.h-c-headline--four.h-has-top-bottom-margin, h2.h-c-headline--four.h-has-top-bottom-margin, h3.h-c-headline--four.h-has-top-bottom-margin, h4.h-has-top-bottom-margin { margin-bottom: 6px; margin-top: 6px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--four, .landing-tertiary-list__item span.h-c-headline--four, .products-navigation-list__product span.h-c-headline--four, h1.h-c-headline--four, h2.h-c-headline--four, h3.h-c-headline--four, h4 { line-height: 1.625; font-size: 16px; letter-spacing: 0; } .h-c-headline.h-c-headline--four.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-top-margin, .products-navigation-list__product span.h-c-headline--four.h-has-top-margin, h1.h-c-headline--four.h-has-top-margin, h2.h-c-headline--four.h-has-top-margin, h3.h-c-headline--four.h-has-top-margin, h4.h-has-top-margin { margin-top: 6px; } .h-c-headline.h-c-headline--four.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--four.h-has-bottom-margin, h1.h-c-headline--four.h-has-bottom-margin, h2.h-c-headline--four.h-has-bottom-margin, h3.h-c-headline--four.h-has-bottom-margin, h4.h-has-bottom-margin { margin-bottom: 6px; } .h-c-headline.h-c-headline--four.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--four.h-has-top-bottom-margin, h1.h-c-headline--four.h-has-top-bottom-margin, h2.h-c-headline--four.h-has-top-bottom-margin, h3.h-c-headline--four.h-has-top-bottom-margin, h4.h-has-top-bottom-margin { margin-bottom: 6px; margin-top: 6px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--four, .landing-tertiary-list__item span.h-c-headline--four, .products-navigation-list__product span.h-c-headline--four, h1.h-c-headline--four, h2.h-c-headline--four, h3.h-c-headline--four, h4 { line-height: 1.36363636; font-size: 22px; letter-spacing: 0; } .h-c-headline.h-c-headline--four.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-top-margin, .products-navigation-list__product span.h-c-headline--four.h-has-top-margin, h1.h-c-headline--four.h-has-top-margin, h2.h-c-headline--four.h-has-top-margin, h3.h-c-headline--four.h-has-top-margin, h4.h-has-top-margin { margin-top: 12px; } .h-c-headline.h-c-headline--four.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--four.h-has-bottom-margin, h1.h-c-headline--four.h-has-bottom-margin, h2.h-c-headline--four.h-has-bottom-margin, h3.h-c-headline--four.h-has-bottom-margin, h4.h-has-bottom-margin { margin-bottom: 12px; } .h-c-headline.h-c-headline--four.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--four.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--four.h-has-top-bottom-margin, h1.h-c-headline--four.h-has-top-bottom-margin, h2.h-c-headline--four.h-has-top-bottom-margin, h3.h-c-headline--four.h-has-top-bottom-margin, h4.h-has-top-bottom-margin { margin-bottom: 12px; margin-top: 12px; } } .h-c-headline.h-c-headline--subhead, .landing-tertiary-list__item span.h-c-headline--subhead, .products-navigation-list__product span.h-c-headline--subhead, h1.h-c-headline--subhead, h2.h-c-headline--subhead, h3.h-c-headline--subhead, h4.h-c-headline--subhead { line-height: 1.625; font-size: 16px; letter-spacing: 0; } .h-c-headline.h-c-headline--subhead.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-top-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-top-margin, h1.h-c-headline--subhead.h-has-top-margin, h2.h-c-headline--subhead.h-has-top-margin, h3.h-c-headline--subhead.h-has-top-margin, h4.h-c-headline--subhead.h-has-top-margin { margin-top: 6px; } .h-c-headline.h-c-headline--subhead.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-bottom-margin, h1.h-c-headline--subhead.h-has-bottom-margin, h2.h-c-headline--subhead.h-has-bottom-margin, h3.h-c-headline--subhead.h-has-bottom-margin, h4.h-c-headline--subhead.h-has-bottom-margin { margin-bottom: 6px; } .h-c-headline.h-c-headline--subhead.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-top-bottom-margin, h1.h-c-headline--subhead.h-has-top-bottom-margin, h2.h-c-headline--subhead.h-has-top-bottom-margin, h3.h-c-headline--subhead.h-has-top-bottom-margin, h4.h-c-headline--subhead.h-has-top-bottom-margin { margin-bottom: 6px; margin-top: 6px; } @media (min-width: 600px) { .h-c-headline.h-c-headline--subhead, .landing-tertiary-list__item span.h-c-headline--subhead, .products-navigation-list__product span.h-c-headline--subhead, h1.h-c-headline--subhead, h2.h-c-headline--subhead, h3.h-c-headline--subhead, h4.h-c-headline--subhead { line-height: 1.625; font-size: 16px; letter-spacing: 0; } .h-c-headline.h-c-headline--subhead.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-top-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-top-margin, h1.h-c-headline--subhead.h-has-top-margin, h2.h-c-headline--subhead.h-has-top-margin, h3.h-c-headline--subhead.h-has-top-margin, h4.h-c-headline--subhead.h-has-top-margin { margin-top: 6px; } .h-c-headline.h-c-headline--subhead.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-bottom-margin, h1.h-c-headline--subhead.h-has-bottom-margin, h2.h-c-headline--subhead.h-has-bottom-margin, h3.h-c-headline--subhead.h-has-bottom-margin, h4.h-c-headline--subhead.h-has-bottom-margin { margin-bottom: 6px; } .h-c-headline.h-c-headline--subhead.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-top-bottom-margin, h1.h-c-headline--subhead.h-has-top-bottom-margin, h2.h-c-headline--subhead.h-has-top-bottom-margin, h3.h-c-headline--subhead.h-has-top-bottom-margin, h4.h-c-headline--subhead.h-has-top-bottom-margin { margin-bottom: 6px; margin-top: 6px; } } @media (min-width: 1024px) { .h-c-headline.h-c-headline--subhead, .landing-tertiary-list__item span.h-c-headline--subhead, .products-navigation-list__product span.h-c-headline--subhead, h1.h-c-headline--subhead, h2.h-c-headline--subhead, h3.h-c-headline--subhead, h4.h-c-headline--subhead { line-height: 1.66666667; font-size: 18px; letter-spacing: 0; } .h-c-headline.h-c-headline--subhead.h-has-top-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-top-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-top-margin, h1.h-c-headline--subhead.h-has-top-margin, h2.h-c-headline--subhead.h-has-top-margin, h3.h-c-headline--subhead.h-has-top-margin, h4.h-c-headline--subhead.h-has-top-margin { margin-top: 12px; } .h-c-headline.h-c-headline--subhead.h-has-bottom-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-bottom-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-bottom-margin, h1.h-c-headline--subhead.h-has-bottom-margin, h2.h-c-headline--subhead.h-has-bottom-margin, h3.h-c-headline--subhead.h-has-bottom-margin, h4.h-c-headline--subhead.h-has-bottom-margin { margin-bottom: 12px; } .h-c-headline.h-c-headline--subhead.h-has-top-bottom-margin, .landing-tertiary-list__item span.h-c-headline--subhead.h-has-top-bottom-margin, .products-navigation-list__product span.h-c-headline--subhead.h-has-top-bottom-margin, h1.h-c-headline--subhead.h-has-top-bottom-margin, h2.h-c-headline--subhead.h-has-top-bottom-margin, h3.h-c-headline--subhead.h-has-top-bottom-margin, h4.h-c-headline--subhead.h-has-top-bottom-margin { margin-bottom: 12px; margin-top: 12px; } } .h-c-eyebrow { line-height: 1.5; color: #202124; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 1.25px; text-transform: uppercase; } .h-c-eyebrow.h-has-top-margin { margin-top: 5px; } .h-c-eyebrow.h-has-bottom-margin { margin-bottom: 5px; } .h-c-eyebrow.h-has-top-bottom-margin { margin-bottom: 5px; margin-top: 5px; } @media (min-width: 1024px) { .h-c-eyebrow { line-height: 1.57142857; font-size: 14px; letter-spacing: 1.5px; } .h-c-eyebrow.h-has-top-margin { margin-top: 5px; } .h-c-eyebrow.h-has-bottom-margin { margin-bottom: 5px; } .h-c-eyebrow.h-has-top-bottom-margin { margin-bottom: 5px; margin-top: 5px; } } .h-c-footnote { line-height: 1.5; color: #202124; font-size: 12px; font-weight: 400; letter-spacing: 0.35px; } .h-c-footnote.h-has-top-margin { margin-top: 5px; } .h-c-footnote.h-has-bottom-margin { margin-bottom: 5px; } .h-c-footnote.h-has-top-bottom-margin { margin-bottom: 5px; margin-top: 5px; } @media (min-width: 1024px) { .h-c-footnote.h-has-top-margin { margin-top: 9px; } .h-c-footnote.h-has-bottom-margin { margin-bottom: 9px; } .h-c-footnote.h-has-top-bottom-margin { margin-bottom: 9px; margin-top: 9px; } } .h-c-tip { cursor: help; font-style: italic; } .glue-app-ready .h-c-modal { position: fixed; z-index: 9999; } .glue-app-ready .h-c-modal__content { overflow: hidden; } .glue-app-ready .h-c-modal__overlay { background-color: #fff; display: none; height: 100%; padding: 20px; } .glue-app-ready .h-c-modal--video .h-c-modal__overlay { background: #000; padding: 48px; } .glue-app-ready .h-c-modal--video .h-c-modal__close { background-color: hsla(0, 0%, 100%, 0.2); color: #fff; } .glue-app-ready .h-c-modal__close { background-color: #f1f3f4; border-radius: 0; color: #202124; font-size: 44px; height: 48px; padding: 12px; width: 48px; } .glue-app-ready .h-c-modal__close > svg { display: block; } .glue-app-ready .h-c-modal__close:focus, .glue-app-ready .h-c-modal__close:hover { background-color: #e8eaed; color: #174ea6; outline: none; } html[dir="rtl"] .h-c-modal__close { left: 0; right: auto; } .h-c-video { font-size: 19px; position: relative; } .h-c-video:focus { outline: none; } .h-c-video:focus:after { background-color: transparent; border: 4px solid #174ea6; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; } .h-c-video.h-c-video--marquee { cursor: pointer; display: block; } .h-c-video.h-c-video--inline { cursor: pointer; display: inline-block; max-width: 100%; } .h-c-video img { width: 100%; z-index: 10; } .h-c-video__play { left: 50%; height: 60px; margin: -30px -42px 0; position: absolute; top: 50%; width: 84px; z-index: 15; } .h-c-video__play.h-c-video__play--inline { height: 48px; margin: -24px -34px 0; width: 68px; } .h-c-video__image { margin-right: 10px; height: 20px; width: 28px; } .h-c-tile-set { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 -4px; } .h-c-tile-set:after { content: ""; display: table; clear: both; } [dir="rtl"] .h-c-tile-set { margin: 0 -4px; } @media (min-width: 600px) { .h-c-tile-set, [dir="rtl"] .h-c-tile-set { margin: 0 -8.5px; } } @media (min-width: 1024px) { .h-c-tile-set, [dir="rtl"] .h-c-tile-set { margin: 0 -13.5px; } } .h-c-tile-set > li { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; float: left; margin: 0 4px 20px; width: 270px; } @media (min-width: 600px) { .h-c-tile-set > li { margin: 0 8.5px 20px; } } @media (min-width: 1024px) { .h-c-tile-set > li { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; margin: 0 13.5px 20px; width: 300px; } } .h-c-tile { background: #fff; display: block; max-height: 100%; min-height: 380px; padding: 0 0 24px; position: relative; width: 270px; } @media (min-width: 1024px) { .h-c-tile { min-height: 430px; width: 300px; } } .h-c-tile.h-c-tile--border { border: 1px solid #dadce0; } .h-c-tile.h-c-tile--small-height { min-height: 340px; } @media (min-width: 1024px) { .h-c-tile.h-c-tile--small-height { min-height: 380px; } } .h-c-tile:focus { background: #f1f3f4; border-color: #f1f3f4; outline: none; } .h-c-tile .h-c-tile__header { min-height: 153px; position: relative; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__header { min-height: 170px; } } .h-c-tile .h-c-tile__header--icon { min-height: 110px; overflow: hidden; padding: 24px; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__header--icon { min-height: 118px; } } .h-c-tile .h-c-tile__icon { height: 48px; } .h-c-tile .h-c-tile__header-play-icon { height: 36px; left: 50%; margin: -18px -25px 0; position: absolute; top: 50%; width: 50px; } .h-c-tile .h-c-tile__body { padding: 0 24px; } .h-c-tile .h-c-tile__headline { line-height: 1.625; color: #202124; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; margin-top: 30px; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__headline { line-height: 1.66666667; font-size: 18px; margin-top: 32px; } } .h-c-tile .h-c-tile__description { line-height: 1.71428571; color: #202124; font-size: 14px; margin: 5px 0 24px; letter-spacing: 0.25px; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__description { line-height: 1.625; font-size: 16px; margin-top: 5px; letter-spacing: 0; } } .h-c-tile .h-c-tile__links { bottom: 24px; display: block; font-weight: 400; height: 16px; left: 0; list-style-type: none; margin: 0; position: absolute; width: 100%; } [dir="rtl"] .h-c-tile .h-c-tile__links { left: auto; margin: 0; right: 0; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__links { height: 18px; } } .h-c-tile .h-c-tile__link { line-height: 1.14285714; font-size: 14px; margin-left: 24px; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__link { line-height: 1.125; font-size: 16px; } } [dir="rtl"] .h-c-tile .h-c-tile__link { margin-left: 0; margin-right: 24px; } .h-c-tile .h-c-tile__link.h-c-tile__link--text { float: left; } [dir="rtl"] .h-c-tile .h-c-tile__link.h-c-tile__link--text { float: right; } .h-c-tile .h-c-tile__link.h-c-tile__link--text .h-c-link { color: #1a73e8; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.75px; text-transform: none; } @media (min-width: 1024px) { .h-c-tile .h-c-tile__link.h-c-tile__link--text .h-c-link { font-size: 16px; letter-spacing: 0.5px; } } .h-c-tile .h-c-tile__link.h-c-tile__link--text .h-c-link:focus, .h-c-tile .h-c-tile__link.h-c-tile__link--text .h-c-link:hover { color: #174ea6; } .h-c-tile .h-c-tile__link.h-c-tile__link--text .h-c-link:focus { background: #f1f3f4; outline: 10px solid #f1f3f4; } .h-c-tile .h-c-tile__link.h-c-tile__link--arrow { fill: #1a73e8; float: right; height: 16px; margin: 0 24px; right: 24px; width: 16px; } [dir="rtl"] .h-c-tile .h-c-tile__link.h-c-tile__link--arrow { float: left; left: 24px; right: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 1024px) { .h-c-tile .h-c-tile__link.h-c-tile__link--arrow { height: 18px; width: 18px; } } .h-c-tile.h-c-tile--hoverable:focus .h-c-tile__link .h-c-link, .h-c-tile.h-c-tile--hoverable:hover .h-c-tile__link .h-c-link { color: #174ea6; } .h-c-tile.h-c-tile--hoverable:focus .h-c-tile__link .h-c-tile__link--arrow, .h-c-tile.h-c-tile--hoverable:hover .h-c-tile__link .h-c-tile__link--arrow { fill: #174ea6; } .h-c-button { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; border: none; border-radius: 2px; display: inline-block; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; height: 46px; line-height: 1; letter-spacing: 0.75px; margin: 8px 0; padding: 15px 24px; -webkit-transition: color 0.15s linear, background-color 0.15s linear; transition: color 0.15s linear, background-color 0.15s linear; vertical-align: middle; } @media (min-width: 1024px) { .h-c-button { font-size: 16px; letter-spacing: 0.5px; line-height: 0.9; padding: 17px 24px; } } .h-c-button:focus { outline: none; -webkit-transition: none; transition: none; } .h-c-button.h-c-button--primary { background-color: #1a73e8; color: #fff; } @media screen and (-ms-high-contrast: active) { .h-c-button.h-c-button--primary { background: ButtonFace; border-color: ButtonHighlight; } } .h-c-button.h-c-button--primary:visited { background-color: #1a73e8; color: #fff; } .h-c-button.h-c-button--primary[disabled], .h-c-button.h-c-button--primary[disabled]:hover { background-color: #dadce0; } .h-c-button.h-c-button--primary:focus, .h-c-button.h-c-button--primary:hover { background-color: #174ea6; color: #fff; } .h-c-button.h-c-button--primary.h-c-button--green, .h-c-button.h-c-button--primary.h-c-button--green:visited { background-color: #188038; } .h-c-button.h-c-button--primary.h-c-button--green[disabled], .h-c-button.h-c-button--primary.h-c-button--green[disabled]:hover { background-color: #dadce0; } .h-c-button.h-c-button--primary.h-c-button--green:focus, .h-c-button.h-c-button--primary.h-c-button--green:hover { background-color: #0d652d; } .h-c-button.h-c-button--primary.h-c-button--reversed { background-color: transparent; border: 2px solid #fff; color: #fff; padding: 13px 23px; } .h-c-button.h-c-button--primary.h-c-button--reversed:visited { background-color: transparent; } .h-c-button.h-c-button--primary.h-c-button--reversed[disabled], .h-c-button.h-c-button--primary.h-c-button--reversed[disabled]:hover { background-color: #dadce0; border-color: #dadce0; color: #fff; } .h-c-button.h-c-button--primary.h-c-button--reversed:focus, .h-c-button.h-c-button--primary.h-c-button--reversed:hover { background-color: #fff; color: #202124; } @media (min-width: 1024px) { .h-c-button.h-c-button--primary.h-c-button--reversed { padding: 15px 23px; } } .h-c-button.h-c-button--secondary, .h-c-button.h-c-button--secondary:visited { background-color: #f1f3f4; color: #202124; } .h-c-button.h-c-button--secondary[disabled], .h-c-button.h-c-button--secondary[disabled]:hover { background-color: #dadce0; color: #fff; } .h-c-button.h-c-button--secondary:focus, .h-c-button.h-c-button--secondary:hover { background-color: #e8eaed; color: #174ea6; } .h-c-button.h-c-button--flat { line-height: 1.42857143; background-color: transparent; border-radius: 0; color: #1a73e8; height: auto; margin: 0; padding: 0; } .h-c-button.h-c-button--flat:visited { background-color: transparent; color: #7b1fa2; } .h-c-button.h-c-button--flat[disabled], .h-c-button.h-c-button--flat[disabled]:hover { color: #9aa0a6; } .h-c-button.h-c-button--flat:hover { background-color: transparent; color: #174ea6; } .h-c-button.h-c-button--flat:focus { color: #174ea6; background: #f1f3f4; outline: 10px solid #f1f3f4; } @media (min-width: 1024px) { .h-c-button.h-c-button--flat { line-height: 1.375; } } .h-c-button.h-c-button--full-bleed { border-radius: 0; height: 56px; padding: 20px 23px; } @media (min-width: 1024px) { .h-c-button.h-c-button--full-bleed { height: 64px; padding: 22px 23px; } } .h-c-button.h-c-button[data-glue-ripple], .h-c-button.h-c-button[glue-ripple] { position: relative; } .glue-zippy-set.h-t-hercules { color: #414141; } .glue-zippy-set.h-t-hercules:after { content: ""; display: table; clear: both; } @media (min-width: 600px) { .glue-zippy-set.h-t-hercules { margin-top: 20px; } } .glue-zippy-set.h-t-hercules .h-c-eyebrow { color: #202124; display: block; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 1.25px; } @media (min-width: 600px) { .glue-zippy-set.h-t-hercules .h-c-eyebrow { float: left; } [dir="rtl"] .glue-zippy-set.h-t-hercules .h-c-eyebrow { float: right; } } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .h-c-eyebrow { font-size: 14px; letter-spacing: 1.5px; } } .glue-zippy-set.h-t-hercules .glue-zippy-toggle-all { color: #1a73e8; cursor: pointer; float: right; font-size: 0; margin-bottom: 20px; margin-top: 20px; } [dir="rtl"] .glue-zippy-set.h-t-hercules .glue-zippy-toggle-all { float: left; } .glue-zippy-set.h-t-hercules .glue-zippy-toggle-all:focus, .glue-zippy-set.h-t-hercules .glue-zippy-toggle-all:hover { color: #174ea6; } .glue-zippy-set.h-t-hercules .glue-zippy-toggle-all:focus { background: #f1f3f4; outline: 10px solid #f1f3f4; } @media (min-width: 600px) { .glue-zippy-set.h-t-hercules .glue-zippy-toggle-all { margin-top: 0; } } .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text { display: none; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.75px; margin: 0 10px 0 0; text-align: right; vertical-align: middle; } .glue-app-ready .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text, .glue-app-supported .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text { display: inline-block; } [dir="rtl"] .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text { margin: 0 0 0 10px; text-align: left; } .glue-app-ready .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text.h-c-expansion-panels__toggle-text--collapsed, .glue-app-supported .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text.h-c-expansion-panels__toggle-text--collapsed { display: none; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-text { font-size: 16px; letter-spacing: 0.5px; } } .glue-zippy-set.h-t-hercules.glue-is-expanded .h-c-expansion-panels__toggle-text.h-c-expansion-panels__toggle-text--expanded { display: none; } .glue-zippy-set.h-t-hercules.glue-is-expanded .h-c-expansion-panels__toggle-text.h-c-expansion-panels__toggle-text--collapsed { display: inline-block; } .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-circle { cursor: pointer; display: none; fill: currentColor; height: 16px; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; vertical-align: middle; width: 16px; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-circle { height: 18px; width: 18px; } } .glue-app-ready .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-circle, .glue-app-supported .glue-zippy-set.h-t-hercules .h-c-expansion-panels__toggle-circle { display: inline-block; } .glue-zippy-set.h-t-hercules.glue-is-expanded .h-c-expansion-panels__toggle-circle { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .glue-zippy-set.h-t-hercules .h-c-expansion-panels__list { clear: both; list-style: none; margin-left: 0; } [dir="rtl"] .glue-zippy-set.h-t-hercules .h-c-expansion-panels__list { margin-right: 0; } .glue-zippy-set.h-t-hercules .glue-zippy { border-top: 1px solid #dadce0; } .glue-zippy-set.h-t-hercules .glue-is-expanded .glue-zippy-btn { border-bottom: 1px solid #dadce0; } .glue-zippy-set.h-t-hercules .glue-zippy-btn { border-bottom: 1px solid transparent; padding: 24px 0 23px; } .glue-zippy-set.h-t-hercules .glue-zippy-btn:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .glue-zippy-btn { padding: 30px 0 29px; } } .glue-app-ready .glue-zippy-set.h-t-hercules .glue-zippy-btn:focus .h-c-expansion-panels__button-header, .glue-app-ready .glue-zippy-set.h-t-hercules .glue-zippy-btn:hover .h-c-expansion-panels__button-header, .glue-app-supported .glue-zippy-set.h-t-hercules .glue-zippy-btn:focus .h-c-expansion-panels__button-header, .glue-app-supported .glue-zippy-set.h-t-hercules .glue-zippy-btn:hover .h-c-expansion-panels__button-header { color: #174ea6; } .glue-app-ready .glue-zippy-set.h-t-hercules .glue-zippy-btn:focus .h-c-expansion-panels__button-arrow, .glue-app-ready .glue-zippy-set.h-t-hercules .glue-zippy-btn:hover .h-c-expansion-panels__button-arrow, .glue-app-supported .glue-zippy-set.h-t-hercules .glue-zippy-btn:focus .h-c-expansion-panels__button-arrow, .glue-app-supported .glue-zippy-set.h-t-hercules .glue-zippy-btn:hover .h-c-expansion-panels__button-arrow { fill: #174ea6; } .glue-zippy-set.h-t-hercules .glue-zippy-btn:focus { border-bottom: 2px solid #174ea6; outline: none; padding-bottom: 22px; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .glue-zippy-btn:focus { padding-bottom: 28px; } } .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-header { line-height: 1.625; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; float: left; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; margin-right: 20px; } .glue-app-ready .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-header, .glue-app-supported .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-header { color: #1a73e8; } [dir="rtl"] .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-header { float: right; margin-right: 0; margin-left: 20px; } .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-header:hover { color: #174ea6; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-header { line-height: 1.66666667; font-size: 18px; } } .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-arrow { display: none; fill: #1a73e8; float: right; height: 17px; margin-right: 5px; margin-top: 3px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; width: 17px; } .glue-app-ready .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-arrow, .glue-app-supported .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-arrow { display: block; } [dir="rtl"] .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-arrow { float: left; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .h-c-expansion-panels__button-arrow { margin-top: 5px; } } .glue-zippy-set.h-t-hercules .glue-is-expanded .h-c-expansion-panels__button-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .glue-zippy-set.h-t-hercules .glue-zippy-content { line-height: 1.71428571; color: #202124; font-size: 14px; letter-spacing: 0.25px; } .glue-app-supported .glue-zippy-set.h-t-hercules .glue-zippy-content { height: 0; opacity: 0; } .glue-app-ready .glue-zippy-set.h-t-hercules .glue-zippy-content { display: block; height: auto; opacity: 1; } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .glue-zippy-content { line-height: 1.625; font-size: 16px; letter-spacing: 0; } } .glue-zippy-set.h-t-hercules .glue-c-zippy__content-container { padding: 10px 0 24px; } @media (min-width: 600px) { .glue-zippy-set.h-t-hercules .glue-c-zippy__content-container { padding: 14px 44px 24px 0; } [dir="rtl"] .glue-zippy-set.h-t-hercules .glue-c-zippy__content-container { padding: 14px 0 24px 44px; } } @media (min-width: 1024px) { .glue-zippy-set.h-t-hercules .glue-c-zippy__content-container { padding: 18px 56px 30px 0; } [dir="rtl"] .glue-zippy-set.h-t-hercules .glue-c-zippy__content-container { padding: 18px 0 30px 56px; } } .h-c-carousel { margin: 0 auto; position: relative; } .h-c-carousel .glue-carousel { list-style: none; margin: 0; padding: 0; } .h-c-carousel .glue-carousel:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .h-c-carousel .glue-o-pagination__button { -webkit-appearance: none; background: none; border: 0; cursor: pointer; display: block; font: inherit; outline: none; padding: 0; } .h-c-carousel .glue-o-pagination__button:active > *, .h-c-carousel .glue-o-pagination__button:focus > * { left: 0; position: relative; top: 0; } .h-c-carousel__wrap { overflow: hidden; position: relative; } .h-c-carousel__item img { -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .glue-carousel.glue-is-measuring { position: relative; } .glue-carousel.glue-is-measuring .h-c-carousel__item:nth-child(n + 2) { position: absolute; top: 0; z-index: -1; } .glue-touch .h-c-carousel__paginate { display: none !important; } .glue-app-ready .h-c-carousel .glue-carousel { cursor: grab; cursor: -webkit-grab; width: 10000px; } .glue-app-ready .h-c-carousel .glue-carousel.glue-is-swiping { cursor: grabbing; cursor: -webkit-grabbing; } .glue-app-ready .h-c-carousel__item, .glue-app-supported .h-c-carousel__item { float: left; width: 100%; } [dir="rtl"].glue-app-ready .h-c-carousel__item, [dir="rtl"] .glue-app-ready .h-c-carousel__item, [dir="rtl"].glue-app-supported .h-c-carousel__item, [dir="rtl"] .glue-app-supported .h-c-carousel__item { float: right; } .h-c-carousel__paginate { display: none; margin: -33px 0 0; position: absolute; top: 50%; } .glue-app-ready .h-c-carousel__paginate, .glue-app-supported .h-c-carousel__paginate { display: block; } .h-c-carousel__paginate.glue-pagination-previous, [dir="rtl"] .h-c-carousel__paginate.glue-pagination-next { left: 30px; right: auto; } .h-c-carousel__paginate.glue-pagination-previous .h-c-carousel__paginate-wrap, [dir="rtl"] .h-c-carousel__paginate.glue-pagination-next .h-c-carousel__paginate-wrap { padding: 0 4px 0 0; } .h-c-carousel__paginate.glue-pagination-next, [dir="rtl"] .h-c-carousel__paginate.glue-pagination-previous { left: auto; right: 30px; } .h-c-carousel__paginate.glue-pagination-next .h-c-carousel__paginate-wrap, [dir="rtl"] .h-c-carousel__paginate.glue-pagination-previous .h-c-carousel__paginate-wrap { padding: 0 0 0 4px; } .h-c-carousel__paginate-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 65px; width: 65px; } .h-c-carousel__paginate-wrap svg { margin: 0 auto; height: 36px; position: relative; stroke: #414141; stroke-width: 1px; width: 36px; } @media screen and (-ms-high-contrast: active) { .h-c-carousel__paginate-wrap svg { stroke: buttonText; } } .h-c-carousel__paginate-wrap:before { background: #fff; border-radius: 50%; content: ""; display: block; height: 65px; left: 0; opacity: 0.6; position: absolute; top: 0; width: 65px; } @media screen and (-ms-high-contrast: active) { .h-c-carousel__paginate-wrap:before { border: 1px solid buttonText; } } .glue-o-pagination__button:hover .h-c-carousel__paginate-wrap:before { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); opacity: 1; } .glue-o-pagination__button:focus .h-c-carousel__paginate-wrap:before { border: 2px solid #174ea6; opacity: 1; } .glue-o-pagination__button:disabled { visibility: hidden; } .h-c-carousel--simple .h-c-carousel__wrap { margin: 0 -16px; } .h-c-carousel--simple .h-c-carousel__item { float: none; margin: 0 auto; width: calc(100% - 32px); } .glue-app-ready .h-c-carousel--simple .h-c-carousel__item, .glue-app-supported .h-c-carousel--simple .h-c-carousel__item { padding: 0 4px; width: calc(100% - 40px); } .glue-app-ready .h-c-carousel--simple .h-c-carousel__item { float: left; } [dir="rtl"].glue-app-ready .h-c-carousel--simple .h-c-carousel__item { float: right; } @media (min-width: 600px) { .h-c-carousel--simple { margin: 0 -1.03799452%; } .h-c-carousel--simple .h-c-carousel__wrap { -ms-flex-preferred-size: 81.2573443%; flex-basis: 81.2573443%; width: 81.2573443%; margin-left: 9.37132785%; margin-right: 1.03799452%; } [dir="rtl"] .h-c-carousel--simple .h-c-carousel__wrap { margin-left: 1.03799452%; margin-right: 9.37132785%; } .glue-app-ready .h-c-carousel--simple .h-c-carousel__item, .glue-app-supported .h-c-carousel--simple .h-c-carousel__item, .h-c-carousel--simple .h-c-carousel__item { padding: 0; width: 100%; } } .h-c-carousel--simple-full-bleed .h-c-carousel__wrap { width: auto; } .h-c-carousel--simple-full-bleed .h-c-carousel__wrap, [dir="rtl"] .h-c-carousel--simple-full-bleed .h-c-carousel__wrap { margin-left: 0; margin-right: 0; } .glue-app-ready .h-c-carousel--simple-full-bleed .h-c-carousel__item, .glue-app-supported .h-c-carousel--simple-full-bleed .h-c-carousel__item, .h-c-carousel--simple-full-bleed .h-c-carousel__item { padding: 0; width: 100%; } .h-c-carousel--detailed, .h-c-carousel--thumbnail { overflow: hidden; } .h-c-carousel--detailed, .h-c-carousel--simple-full-bleed, .h-c-carousel--thumbnail { margin: 0 -16px; } @media (min-width: 600px) { .h-c-carousel--detailed, .h-c-carousel--simple-full-bleed, .h-c-carousel--thumbnail { margin: 0 -32px; } } .glue-app-supported .h-c-carousel--detailed .h-c-carousel__item, .glue-app-supported .h-c-carousel--simple-full-bleed .h-c-carousel__item, .glue-app-supported .h-c-carousel--simple .h-c-carousel__item, .glue-app-supported .h-c-carousel--thumbnail .h-c-carousel__item { display: none; } .glue-app-supported .h-c-carousel--detailed .h-c-carousel__item:first-child, .glue-app-supported .h-c-carousel--simple-full-bleed .h-c-carousel__item:first-child, .glue-app-supported .h-c-carousel--simple .h-c-carousel__item:first-child, .glue-app-supported .h-c-carousel--thumbnail .h-c-carousel__item:first-child { display: block; } .h-c-carousel__navigation { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; } .h-c-carousel--simple-full-bleed .h-c-carousel__navigation, .h-c-carousel--thumbnail .h-c-carousel__navigation { bottom: 30px; } @media (min-width: 600px) { .h-c-carousel--simple-full-bleed .h-c-carousel__navigation, .h-c-carousel--thumbnail .h-c-carousel__navigation { bottom: 50px; } } .h-c-carousel--detailed .h-c-carousel__navigation { bottom: 0; height: 70px; } @media (min-width: 600px) { .h-c-carousel--detailed .h-c-carousel__navigation { height: 110px; } } .h-c-carousel__navigation .glue-pagination-page-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } .h-c-carousel__navigation .glue-pagination-page-list .glue-o-pagination__button, .h-c-carousel__navigation .glue-pagination-page-list .glue-o-pagination__button-container { height: 18px; } .h-c-carousel__navigation .glue-pagination-page-list .glue-o-pagination__button { -webkit-appearance: none; background: none; border-radius: 0; cursor: pointer; height: 18px; padding: 0; position: relative; text-indent: -9999px; width: 18px; } .h-c-carousel__navigation .glue-pagination-page-list .glue-o-pagination__button:before { border: 1px solid #202124; border-radius: 50%; content: ""; display: block; height: 10px; left: 4px; position: absolute; top: 4px; width: 10px; } .h-c-carousel__navigation .glue-pagination-page-list .glue-o-pagination__button:focus { background: #f1f3f4; } .h-c-carousel__navigation .glue-pagination-page-list .active .glue-o-pagination__button:before { background: #202124; } @media screen and (-ms-high-contrast: active) { .h-c-carousel__navigation .glue-pagination-page-list .active .glue-o-pagination__button:before { background: buttonText; } } .h-c-carousel--detailed .h-c-carousel__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; letter-spacing: 0.25px; padding: 0 16px; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled { display: none; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.75px; } @media (min-width: 1024px) { .h-c-carousel--detailed .h-c-carousel__paginate-labelled { letter-spacing: 0.5px; } } .h-c-carousel--detailed .h-c-carousel__paginate-labelled svg { -ms-flex-negative: 0; flex-shrink: 0; stroke: #414141; } @media screen and (-ms-high-contrast: active) { .h-c-carousel--detailed .h-c-carousel__paginate-labelled svg { stroke: buttonText; } } .h-c-carousel--detailed .h-c-carousel__paginate-labelled .glue-o-pagination__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; color: #202124; display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: inherit; padding: 10px; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled .glue-o-pagination__button:focus, .h-c-carousel--detailed .h-c-carousel__paginate-labelled .glue-o-pagination__button:hover { color: #174ea6; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled .glue-o-pagination__button:focus svg, .h-c-carousel--detailed .h-c-carousel__paginate-labelled .glue-o-pagination__button:hover svg { stroke: #174ea6; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled .glue-o-pagination__button:focus { background: #f1f3f4; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-previous .glue-o-pagination__button { float: left; padding-right: 16px; text-align: left; } @media screen and (-ms-high-contrast: active) { .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-previous .glue-o-pagination__button { background-color: Window; } } [dir="rtl"] .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-previous .glue-o-pagination__button { float: right; padding-left: 16px; padding-right: 0; text-align: right; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-next .glue-o-pagination__button { float: right; padding-left: 16px; text-align: right; } @media screen and (-ms-high-contrast: active) { .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-next .glue-o-pagination__button { background-color: Window; } } [dir="rtl"] .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-next .glue-o-pagination__button { float: left; padding-left: 0; padding-right: 16px; text-align: left; } @media (min-width: 600px) { .h-c-carousel--detailed .h-c-carousel__navigation { font-size: 16px; letter-spacing: 0; } .h-c-carousel--detailed .glue-pagination-page-list { margin: 0 26px; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-previous .glue-o-pagination__button { float: right; padding-right: 24px; text-align: right; } [dir="rtl"] .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-previous .glue-o-pagination__button { float: left; padding-left: 24px; padding-right: 0; text-align: left; } .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-next .glue-o-pagination__button { float: left; padding-left: 24px; text-align: left; } [dir="rtl"] .h-c-carousel--detailed .h-c-carousel__paginate-labelled.glue-pagination-next .glue-o-pagination__button { float: right; padding-left: 0; padding-right: 24px; text-align: right; } } .h-c-carousel--detailed:not(.h-c-carousel--navigation-no-label-xs).h-c-carousel--navigation-background.h-c-carousel--dark .h-c-carousel__navigation { background: -webkit-gradient( linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0.2)), to(transparent) ); background: linear-gradient(0, rgba(0, 0, 0, 0.2), transparent); } .h-c-carousel--detailed:not(.h-c-carousel--navigation-no-label-xs) .h-c-carousel__paginate-labelled { display: none; } .glue-app-ready .h-c-carousel--detailed:not(.h-c-carousel--navigation-no-label-xs) .h-c-carousel__paginate-labelled { display: block; } @media (min-width: 600px) { .h-c-carousel--detailed.h-c-carousel--navigation-background.h-c-carousel--dark .h-c-carousel__navigation { background: -webkit-gradient( linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0.2)), to(transparent) ); background: linear-gradient(0, rgba(0, 0, 0, 0.2), transparent); } .h-c-carousel--detailed .h-c-carousel__paginate-labelled { display: none; } .glue-app-ready .h-c-carousel--detailed .h-c-carousel__paginate-labelled { display: block; } } .h-c-carousel--detailed.h-c-carousel--dark .h-c-carousel__paginate-labelled .glue-o-pagination__button { color: #fff; } .h-c-carousel--detailed.h-c-carousel--dark .h-c-carousel__paginate-labelled .glue-o-pagination__button svg { stroke: #fff; } .h-c-carousel--detailed.h-c-carousel--dark .h-c-carousel__paginate-labelled .glue-o-pagination__button:focus, .h-c-carousel--detailed.h-c-carousel--dark .h-c-carousel__paginate-labelled .glue-o-pagination__button:hover { background: #f1f3f4; color: #202124; } .h-c-carousel--detailed.h-c-carousel--dark .h-c-carousel__paginate-labelled .glue-o-pagination__button:focus svg, .h-c-carousel--detailed.h-c-carousel--dark .h-c-carousel__paginate-labelled .glue-o-pagination__button:hover svg { stroke: #202124; } .h-c-carousel--detailed.h-c-carousel--dark .glue-pagination-page-list .glue-o-pagination__button:before, .h-c-carousel--simple-full-bleed.h-c-carousel--dark .glue-pagination-page-list .glue-o-pagination__button:before { border-color: #fff; } .h-c-carousel--detailed.h-c-carousel--dark .glue-pagination-page-list .glue-o-pagination__button:focus:before, .h-c-carousel--simple-full-bleed.h-c-carousel--dark .glue-pagination-page-list .glue-o-pagination__button:focus:before { background: #f1f3f4; border-color: #202124; } .h-c-carousel--detailed.h-c-carousel--dark .glue-pagination-page-list .active .glue-o-pagination__button:before, .h-c-carousel--simple-full-bleed.h-c-carousel--dark .glue-pagination-page-list .active .glue-o-pagination__button:before { background: #fff; } .h-c-carousel--detailed.h-c-carousel--dark .glue-pagination-page-list .active .glue-o-pagination__button:focus:before, .h-c-carousel--simple-full-bleed.h-c-carousel--dark .glue-pagination-page-list .active .glue-o-pagination__button:focus:before { background: #202124; } .h-c-carousel__navigation-thumbnails { display: none; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; width: 100%; } .h-c-carousel__navigation-thumbnail, .h-c-carousel__navigation-thumbnail .glue-o-pagination__button { height: 100px; width: 150px; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button { position: relative; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button:focus:after, .h-c-carousel__navigation-thumbnail .glue-o-pagination__button:hover:after { background: rgba(232, 234, 237, 0.6); bottom: 0; content: ""; display: block; left: 0; mix-blend-mode: multiply; position: absolute; right: 0; top: 0; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button[aria-selected="true"] { z-index: 2; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button[aria-selected="true"]:after, .h-c-carousel__navigation-thumbnail .glue-o-pagination__button[aria-selected="true"]:before { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button[aria-selected="true"]:before { border: 1px solid #dadce0; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button[aria-selected="true"]:after { border-top: 4px solid #1a73e8; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button[aria-selected="true"]:focus:after { border-top-color: #174ea6; } .h-c-carousel__navigation-thumbnail .glue-o-pagination__button:focus { z-index: 3; } @media (min-width: 1024px) { .h-c-carousel--thumbnail .glue-pagination-page-list { display: none; } .h-c-carousel__navigation-thumbnails { display: -webkit-box; display: -ms-flexbox; display: flex; } } .h-c-carousel--tile { margin: -10px -16px; } .h-c-carousel--tile.h-c-carousel .glue-carousel { cursor: default; } .h-c-carousel--tile .h-c-carousel__wrap { padding: 10px 16px; } .h-c-carousel--tile .h-c-carousel__item { float: left; margin: 0 0 8px 0; width: 278px; } .glue-app-ready .h-c-carousel--tile .h-c-carousel__item, .glue-app-supported .h-c-carousel--tile .h-c-carousel__item { margin-bottom: 0; } [dir="rtl"] .h-c-carousel--tile .h-c-carousel__item { float: right; } .h-c-carousel--tile .h-c-carousel__navigation { bottom: -20px; } @media (min-width: 600px) { .h-c-carousel--tile { margin: -10px 0; } .h-c-carousel--tile .h-c-carousel__wrap { padding: 10px 0; } .h-c-carousel--tile .h-c-carousel__item { margin-bottom: 8px; } .glue-app-ready .h-c-carousel--tile .h-c-carousel__item, .glue-app-supported .h-c-carousel--tile .h-c-carousel__item { margin-bottom: 0; } } @media (min-width: 1024px) { .h-c-carousel--tile .h-c-carousel__item { margin-bottom: 26px; width: 326px; } .glue-app-ready .h-c-carousel--tile .h-c-carousel__item, .glue-app-supported .h-c-carousel--tile .h-c-carousel__item { margin-bottom: 0; } } .glue-app-supported .h-c-carousel--tile .glue-carousel { width: 10000px; } @media (min-width: 600px) { .h-c-carousel--tile-small-only { margin: 0; } .h-c-carousel--tile-small-only .h-c-carousel__wrap { overflow: visible; padding: 0; } .glue-app-supported .h-c-carousel--tile-small-only .glue-carousel { width: auto; } .h-c-carousel--tile-small-only .glue-carousel { margin: 0 -8px -8px 0; } [dir="rtl"] .h-c-carousel--tile-small-only .glue-carousel { margin-left: -8px; margin-right: 0; } .h-c-carousel--tile-small-only .h-c-carousel__navigation, .h-c-carousel--tile-small-only .h-c-carousel__paginate { display: none; } .glue-app-ready .h-c-carousel--tile-small-only .h-c-carousel__item, .glue-app-supported .h-c-carousel--tile-small-only .h-c-carousel__item { padding-bottom: 8px; } } @media (min-width: 1024px) { .h-c-carousel--tile-small-only .glue-carousel { margin: 0 -26px -26px 0; } .glue-app-ready .h-c-carousel--tile-small-only .h-c-carousel__item, .glue-app-supported .h-c-carousel--tile-small-only .h-c-carousel__item { padding-bottom: 26px; } } h2 { margin-bottom: 20px; } @media (min-width: 1024px) { h2 { margin-bottom: 40px; } } .landing-tertiary-list__item span, .products-navigation-list__product span, h3 { margin-bottom: 10px; } @media (min-width: 1024px) { .landing-tertiary-list__item span, .products-navigation-list__product span, h3 { margin-bottom: 20px; } } .article-image__caption, .article-meta__published-at, .utility-copy { color: #757575; font-size: 0.88888889em; line-height: 22px; } @media (min-width: 1024px) { .article-image__caption, .article-meta__published-at, .utility-copy { line-height: 24px; } } .h-c-headline, .landing-tertiary-list__item span, .no-hyphens, .products-navigation-list__product span, figcaption, h1, h2, h3, h4, h5 { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .h-c-eyebrow { display: block; } .cta { color: #3367d6; display: table; font-weight: 500; letter-spacing: 0.02777778em; margin-top: 20px; text-transform: uppercase; } .cta:first-child { margin-top: 0; } .cta.muted { color: #414141; } .cta .icon { fill: currentColor; height: 22px; margin-left: 5px; position: relative; top: 7px; -webkit-transition: -webkit-transform 0.1s; transition: -webkit-transform 0.1s; transition: transform 0.1s; transition: transform 0.1s, -webkit-transform 0.1s; width: 22px; will-change: transform; } .cta:hover, a:hover .cta { color: #4285f4; } .cta:hover .icon, a:hover .cta .icon { fill: currentColor; -webkit-transform: translateX(5px); transform: translateX(5px); } [rel="external"] .icon { top: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } [rel="external"]:hover .cta .icon, [rel="external"]:hover .icon { -webkit-transform: translateX(5px) translateY(-5px) rotate(-45deg); transform: translateX(5px) translateY(-5px) rotate(-45deg); } .rule { border: 1px solid #d7d7d7; border-width: 1px 0 0; height: 0; margin: 0; } .featured-article:after { border-bottom: 1px solid #d7d7d7; content: ""; height: 0; margin: 0 auto; padding-top: 30px; width: 90vw; } @media (min-width: 1024px) { .featured-article { padding-bottom: 0; } .featured-article:after { display: none; } } @media (min-width: 1024px) { .featured-article--break-grid .featured-article__image { -ms-flex-preferred-size: calc(64.59067763% + 32px + 1.03799452%); flex-basis: calc(64.59067763% + 32px + 1.03799452%); margin-left: -32px; } } @media (min-width: 1024px) { .featured-article--break-grid .featured-article__content { margin-right: 0; } } .featured-article__image, .featured-article__image--full-width { background-position: 50%; background-size: cover; display: none; margin: 0; min-height: 0; padding-top: 56.25%; } @media (min-width: 1024px) { .featured-article__image, .featured-article__image--full-width { display: block; min-height: 446px; padding-top: 0; } } .featured-article__image--full-width { display: block; } @media (min-width: 1024px) { .featured-article__image--full-width { display: none; } } .featured-article__image--full-width:focus { background-size: cover; background-position: 50%; } .featured-article__content { padding: 20px 0; } @media (min-width: 1024px) { .featured-article__content { border: 0 solid #d7d7d7; border-width: 1px 0; padding: 36px 0; } .featured-article--break-grid .featured-article__content { border-top: 0; } } .featured-article__content.no-border { border-width: 0; } .featured-article__summary { margin: 0; } @media (min-width: 1024px) { .featured-article__summary { margin-bottom: 20px; } } .featured-article__summary:hover, a .featured-article__summary, a:hover .featured-article__summary, a:visited .featured-article__summary { color: #414141 !important; } .featured-article__title { display: none; } .featured-article--break-grid .featured-article__title { display: block; margin-bottom: 30px; } @media (min-width: 1024px) { .featured-article__title { display: block; margin-bottom: 30px; } } .featured-article__title--priority { display: block; padding: 0 0 30px; } @media (min-width: 1024px) { .featured-article__title--priority { display: none; } } .featured-article__title--priority.h-c-grid__col { margin-top: -30px; padding-top: 30px; } .featured-article__cta { float: left; } .h-c-footer__upper .h-c-social { border-bottom: 1px solid #dadce0; } .article-list__load-more { background: #3367d6; border: 0; color: #fff; display: none; margin-top: 25px; padding: 25px 0; text-align: center; text-transform: uppercase; width: 100%; } .article-list.active .article-list__load-more { display: block; } .article-list.no-results .article-list__load-more { display: none; } .article-list__load-more:hover { background: #4285f4; } .article-list__loader { display: none; height: 22px; margin: 0 auto; width: auto; } .loading .article-list__loader { display: block; } .loading .article-list__loader-text { display: none; } .feed-article { border-top: 1px solid #d7d7d7; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0; } .feed-article__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 4.15197807%; } .feed-article__eyebrow, .feed-article__title { color: #414141; } .feed-article__title { margin-bottom: 0; } .feed-article__eyebrow { margin-bottom: 10px; } .feed-article__image { background-position: 50%; background-repeat: no-repeat; background-size: cover; display: none; height: 0; margin: 0 !important; overflow: hidden; padding-top: 56.25%; position: relative; width: 188px; } @media (min-width: 1024px) { .feed-article__image { display: block; } } .uni-blog-nup__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uni-blog-nup__columns:after { border-bottom: 1px solid #d7d7d7; border:none; content: ""; height: 0; margin: 0 auto; padding-top: 30px; width: 90vw; } @media (min-width: 600px) { .uni-blog-nup__columns { padding-bottom: 0; } .uni-blog-nup__columns:after, .uni-blog-nup__columns:before { display: none; } } .uni-blog-nup__column { color: #202124; position: relative; vertical-align: top; } .uni-blog-nup__column.h-c-grid__col { margin-bottom: 23px; } .uni-blog-nup__column:hover, .uni-blog-nup__column:visited { color: #202124; } .uni-blog-nup__column:after { border-bottom: 1px solid #d7d7d7; bottom: 0; content: " "; left: 50%; margin-left: -25%; position: absolute; width: 50%; } .uni-blog-nup__column:last-of-type:after { display: none; } @media (min-width: 600px) { .uni-blog-nup__column { border-bottom: 1px solid #d7d7d7; } .uni-blog-nup__column:after { display: none; } } @media (min-width: 1024px) { .uni-blog-nup__column.h-c-grid__col { margin-bottom: 0; } } @media (min-width: 600px) { .uni-blog-nup__column--3up:nth-child(n + 3) { display: none; } } @media (min-width: 1024px) { .uni-blog-nup__column--3up:nth-child(n + 3) { display: block; } } .uni-blog-nup__column-contents { padding: 0 10px; -ms-flex-flow: column; flex-flow: column; height: 100%; } .uni-blog-nup__column-contents, .uni-blog-nup__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .uni-blog-nup__header { color: #414141; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-direction: column; flex-direction: column; } .uni-blog-nup__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 23px; } .uni-blog-nup__image { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 0; margin-bottom: 23px; padding-top: 56.25%; } @media (min-width: 1024px) { .uni-blog-nup__image { margin-bottom: 0; } } .uni-blog-nup__column--image .uni-blog-nup__header { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .uni-blog-landing-hero { margin-bottom: 30px; margin-top: 30px; } .uni-blog-landing-hero:after { border-bottom: 1px solid #d7d7d7; content: ""; display: block; height: 0; margin: 0 auto; padding-top: 30px; width: 90vw; } @media (min-width: 1024px) { .uni-blog-landing-hero:after { display: none; } } .uni-blog-landing-hero.-no-line:after { display: none; } @media (min-width: 1024px) { .uni-blog-landing-hero { margin-bottom: 60px; margin-top: 42px; } } .uni-blog-landing-hero__social-nav { float: right; } .uni-blog-landing-hero__social .h-c-social__title.h-c-social__title--inline { line-height: 20px; margin-bottom: 10px; } @media (min-width: 1024px) { .uni-blog-landing-hero__social .h-c-social__title.h-c-social__title--inline { margin-bottom: 20px; } } .uni-blog-landing-hero__social .h-c-social__item { margin-bottom: 0; margin-right: 0; } .uni-blog-landing-hero__social .h-c-social__link { text-align: center; } .uni-blog-landing-hero__social .h-c-social--inline { display: none !important; } @media (min-width: 1024px) { .uni-blog-landing-hero__social .h-c-social--inline { display: block !important; } } .uni-blog-landing-hero__social .h-c-social--inline .h-c-social__group { padding-right: 0; } .uni-blog-landing-hero__social .h-c-social--inline .h-c-social__list { display: none; } @media (min-width: 600px) { .uni-blog-landing-hero__social .h-c-social--inline .h-c-social__list { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; } } .uni-blog-landing-hero__social .h-c-social--popover { display: block !important; } @media (min-width: 1024px) { .uni-blog-landing-hero__social .h-c-social--popover { display: none !important; } } .uni-blog-landing-hero__social .h-c-social--popover .h-c-social__item { margin: 12px 0 12px 12px; } .uni-blog-landing-hero__social .h-c-social__dialog.h-c-social__dialog--popover { display: none; left: auto; position: absolute; right: -15px; text-align: right; top: -15px; width: 230px; } @media (min-width: 600px) { .uni-blog-landing-hero__social .h-c-social__dialog.h-c-social__dialog--popover { width: 280px; } } .glue-c-popover.glue-is-shown .glue-c-popover__dialog { display: block !important; } .h-c-social-list--popover { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .uni-blog-landing-hero__product-icon { clear: both; float: right; width: 54px; } @media (min-width: 1024px) { .uni-blog-landing-hero__product-icon { width: 95px; } } .uni-blog-landing-hero__subtext { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .uni-blog-landing-hero__subtext-content { padding-right: 50px; } .uni-blog-landing-hero__sub-copy { padding-bottom: 40px; } @media (min-width: 600px) { .uni-blog-landing-hero__subsection { border-top: 1px solid #d7d7d7; } } .article-hero { padding-bottom: 20px; padding-top: 30px; } @media (min-width: 1024px) { .article-hero { padding-bottom: 40px; padding-top: 40px; } } .article-image--full, .article-image--full-aspect { margin: 0 auto; max-width: 1060px; width: 100%; } @media (min-width: 1024px) { .article-image--full, .article-image--full-aspect { width: 81.2573443%; } } .article-image--full img { width: 100%; } .article-image__thin-aspect-image { background-position: 50%; background-size: cover; padding-top: 41.7%; } .article-image--wrap-small { margin: 0 0 20px; } @media (min-width: 1024px) { .article-image--wrap-small { float: right; margin: 0 0 20px 20px; width: 50%; } } .article-image--wrap-medium { margin: 0 0 20px; } @media (min-width: 1024px) { .article-image--wrap-medium { float: right; margin: 0 -33% 20px 20px; width: 80%; } } .article-image__caption { margin-top: 10px; } @media (min-width: 1440px) { .article-image__caption { padding: 0; } } .article-video { margin: 20px auto 0; max-width: 1060px; width: 100%; } .article-video figure { margin: 0 auto; } .h-c-icon--youtube { -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1); transition: all 0.25s cubic-bezier(0, 0, 0.2, 1); -webkit-transition-property: fill, fill-opacity; transition-property: fill, fill-opacity; fill: #212121; fill-opacity: 0.8; } a:hover .h-c-icon--youtube { fill: red; fill-opacity: 1; } .article-video--hero { margin-top: 0; max-width: 100%; } .article-video--hero figure { margin: 0 auto; max-width: 1060px; width: 100%; } .article-video__aspect-image { background-position: 50%; background-size: cover; padding-top: 56.25%; } .article-video--hero .article-video__aspect-image { padding-top: 41.7%; } .article-video__caption .h-u-font-weight-medium { font-weight: 500; } .tombstone { background-color: #4285f4; content: ""; display: inline-block; height: 14px; margin-left: 10px; width: 14px; } .uni-pull-quote { margin-bottom: 30px; margin-top: 30px; } @media (min-width: 1024px) { .uni-pull-quote { margin-bottom: 40px; margin-top: 35px; } } .uni-pull-quote__wrapper { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .uni-pull-quote__inner-wrapper { margin: 0 auto; max-width: 75%; padding: 40px 0; } .uni-pull-quote__text { font-size: 20px; font-weight: 300; position: relative; } @media (min-width: 1024px) { .uni-pull-quote__text { font-size: 22px; } } .uni-pull-quote__text:before { content: "\201C"; left: -8px; position: absolute; top: 0; } .uni-pull-quote__text:after { content: "\201D"; position: relative; right: -1px; } .uni-pull-quote__author { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-style: normal; line-height: 1.5; margin-top: 32px; } @media (min-width: 1024px) { .uni-pull-quote__author { font-size: 16px; margin-top: 24px; } } .uni-pull-quote__author:before { display: none; } .uni-pull-quote__author-meta { font-weight: 300; } .uni-pull-quote__author-photo { border-radius: 50%; height: 48px; margin: 0 13px 0 0; overflow: hidden; width: 48px; } .article-sticky-share.no-hero-media .glue-sticky-wrapper { height: 0 !important; } @media (min-width: 1024px) { .article-share__page { border: 0; height: 0; overflow: visible; } .article-share__page .h-c-grid { height: 0; } } .article-share { border-bottom: 1px solid #d7d7d7; display: none; margin-bottom: 20px !important; padding-bottom: 20px; } @media (min-width: 1024px) { .article-share { border: 0; display: block; height: 0; margin-bottom: 0 !important; padding: 0; } } .mobile .article-share { display: block; } @media (min-width: 1024px) { .mobile .article-share { display: none; } } .article-share__link { display: block; float: left; height: 25px; margin-right: 20px; width: 25px; } @media (min-width: 1024px) { .article-share__link { height: 30px; margin-bottom: 25px; width: 30px; } .article-share__link:last-child { margin-bottom: 0; } } .article-sticky-share { display: none; height: 0; } @media (min-width: 1024px) { .article-sticky-share { display: block; position: relative; } } .article-sticky-share__wrap { background: none; left: 50vw; margin: 0 auto; max-width: 1280px; padding: 0 32px; pointer-events: none; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 97.92401097%; z-index: 1; } .article-sticky-share__wrap.glue-sticky-active { padding-top: 170px; position: fixed; top: 0; } .article-sticky-share__wrap > * { pointer-events: auto; } .article-sticky-share__nav { margin-left: auto; width: 30px; } .article-share--locked { position: fixed; } @media (min-width: 1024px) { .article-meta__page { border: 0; height: 0; overflow: visible; } } .article-meta__content { background-color: hsla(0, 0%, 100%, 0.6); font-size: 0.77777778em; padding-bottom: 20px; } .article-meta__author { margin-bottom: 15px; } @media (min-width: 1024px) { .article-meta__author { margin-bottom: 16px; } } .article-meta__author-photo { display: none; height: 82px; margin: 0 0 17px; overflow: hidden; width: 82px; } @media (min-width: 1024px) { .article-meta__author-photo { display: block; } } .article-meta__author-name { font-weight: 500; } .perspective-image { float: left; margin: 0 30px 0 0; } @media (min-width: 1024px) { .perspective-header { margin-bottom: 20px; } } .perspective-header hr { display: none; } @media (min-width: 1024px) { .perspective-header hr { display: block; } } .perspective-meta__content { width: 100%; } .perspective-meta__content:first-of-type { padding-bottom: 10px; } @media (min-width: 1024px) { .perspective-meta__content:first-of-type { padding-bottom: 20px; } } @media (min-width: 1024px) { .perspective-meta__cta { float: right; } } .uni-paragraph h2, .uni-paragraph h3 { margin-bottom: 20px; } .uni-paragraph p + h2, .uni-paragraph p + h3 { margin-top: 20px; } .uni-paragraph li { margin-bottom: 10px; } .uni-blog-article-tags { font-size: 0.77777778em; font-weight: 500; text-transform: uppercase; } .uni-blog-article-tags__label { display: inline-block; margin-right: 5px; } .uni-blog-article-tags__container { display: inline-block; } .uni-blog-article-tags__tags-list { display: inline-block; list-style: none; margin: 0; padding: 0; } .uni-blog-article-tags__tags-list > li { display: inline-block; } .uni-blog-article-tags__tags-list > li:after { content: "\2014"; display: inline-block; } .uni-blog-article-tags__tags-list > li:last-of-type:after { display: none; } .landing-tertiary-list { padding-top: 30px; } @media (min-width: 1024px) { .landing-tertiary-list { padding-top: 40px; } } .landing-tertiary-list__title { margin-bottom: 40px; } .landing-tertiary-list__columns--three-col { display: none !important; } @media (min-width: 1024px) { .landing-tertiary-list__columns--three-col { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 1024px) { .landing-tertiary-list__columns--two-col { display: none !important; } } .landing-tertiary-list__item { color: #202124; display: block; margin-bottom: 30px !important; } .landing-tertiary-list__item:hover, .landing-tertiary-list__item:visited { color: #202124; } .products-navigation-list { padding-top: 40px; } .products-navigation-list .h-c-headline--one, .products-navigation-list h1 { font-size: 24px; } @media (min-width: 1024px) { .products-navigation-list { padding-top: 62px; } .products-navigation-list .h-c-headline--one, .products-navigation-list h1 { font-size: 56px; } } .products-navigation-list__title { border-bottom: 1px solid #d7d7d7; margin-bottom: 35px; padding-bottom: 30px; } @media (min-width: 1024px) { .products-navigation-list__title { margin-bottom: 40px; padding-bottom: 40px; } } .products-navigation-list__content:after { border-bottom: 1px solid #d7d7d7; content: " "; display: block; margin: 30px auto 20px; max-width: 568px; width: 100%; } @media (min-width: 600px) { .products-navigation-list__content:after { max-width: 1280px; } } .products-navigation-list__product { color: #202124; margin-bottom: 20px !important; } @media (min-width: 1024px) { .products-navigation-list__product { margin-bottom: 30px !important; } } .products-navigation-list__product:hover, .products-navigation-list__product:visited { color: #202124; } .products-navigation-list__product img { display: inline-block; margin: 0 23px 0 0; vertical-align: bottom; width: 41px; } .products-navigation-list__product span { font-size: 16px; } @media (min-width: 1024px) { .products-navigation-list__product span { font-size: 36px; } } .article-carousel__slide figure { margin: 0; } .article-carousel__slide-img { background-position: 50%; background-repeat: no-repeat; background-size: contain; padding-top: 56.25%; } .article-module .article-carousel__margin { margin: auto; } .nav-kebab__icon { height: 26px; width: 40px; } .nav-kebab-popover__trigger { position: relative; top: 7px; z-index: 1; } .nav-kebab-popover__dialog { border: none; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); display: none; left: auto; padding: 10px 25px; position: absolute; right: -10px; text-align: left; top: -5px; width: 236px; } .nav-kebab-popover__dialog li { font-size: 1em; line-height: 1.444; margin-bottom: 5px; } .nav-kebab-popover__dialog li:last-of-type { margin-bottom: 0; } .nav-kebab-popover__dialog a { color: #414141; } .nav-kebab-popover__dialog svg { vertical-align: middle; } .h-c-header__drawer-content { bottom: 0; } .h-c-header__nav-list { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .search-bar.in-mobile-search:after { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .search-bar__form { background: #fff; bottom: 10px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); display: none; height: 0; opacity: 0; overflow: visible; position: absolute; right: 22px; -webkit-transition: opacity 0.35s, right 0.35s, width 0.35s, height 0.35s step-end, visibility 0.35s step-end; transition: opacity 0.35s, right 0.35s, width 0.35s, height 0.35s step-end, visibility 0.35s step-end; visibility: hidden; width: 52px; z-index: 8; } @media (min-width: 600px) { .search-bar__form { display: block; } } .mobile .search-bar__form { bottom: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; display: block; float: left; height: 50px; opacity: 1; position: relative; right: 0; -webkit-transition: opacity 0, right 0, width 0, height 0, visibility 0; transition: opacity 0, right 0, width 0, height 0, visibility 0; visibility: visible; width: 100%; } .search-bar__form .uni-type-ahead { background-color: #fff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); font-size: 0.88888889em; font-weight: 300; max-height: calc(90vh - 100%); overflow: auto; position: absolute; top: 100%; width: 100%; z-index: 15; } .search-bar__form .uni-type-ahead .type-ahead-list-item { color: #000; display: block; outline: none; padding: 15px 20px 0 40px; } .search-bar__form .uni-type-ahead .type-ahead-list-item.selected, .search-bar__form .uni-type-ahead .type-ahead-list-item:focus, .search-bar__form .uni-type-ahead .type-ahead-list-item:hover { background-color: #eee; } .search-bar__form .uni-type-ahead .type-ahead-list-item:first-child { padding-top: 25px; } .search-bar__form .uni-type-ahead .type-ahead-list-item:last-child { padding-bottom: 25px; } .search-bar__form .uni-type-ahead .type-ahead-list-item:last-child:after { display: none; } .search-bar__form .uni-type-ahead .type-ahead-list-item:after { border-bottom: 1px solid #d7d7d7; content: ""; display: block; padding-top: 20px; width: 100%; } .search-bar__input { background: transparent; border: 0; font-size: 1em; font-weight: 300; height: 100%; outline: 0; padding: 10px 0 10px 60px; width: 100%; } .search-bar__input::-ms-clear { display: none; } .mobile .search-bar__input { font-size: 0.83333333em; } .search-bar__button { background: transparent; border: 0; bottom: 16px; cursor: pointer; height: 26px; margin: auto; padding: 0; position: absolute; top: 15px; width: 26px; } .search-bar__button svg { height: 100%; width: 100%; } .search-bar__button--search { color: #e0e0e0; font-size: 1.33333333em; left: 18px; } .search-bar__button--search:before { display: block; height: auto; margin: auto; } .search-bar__button--close { right: 18px; -webkit-transition: opacity 0.35s step-start; transition: opacity 0.35s step-start; } .uni-is-touch .search-bar__form .uni-type-ahead .type-ahead-list-item:focus { background-color: inherit; } .uni-header-search-button { background: 0 0; border: 0; } .uni-header-search-button__icon { cursor: pointer; height: 26px; position: relative; top: 6px; -webkit-transition: opacity 0.35s, height 0.35s step-start; transition: opacity 0.35s, height 0.35s step-start; width: 40px; } .h-js-header__drawer-backdrop--desktop { opacity: 0; -webkit-transition: opacity 0.35s step-start; transition: opacity 0.35s step-start; } .uni-desktop-search-visible .search-bar__form { height: 44px; opacity: 1; right: 9.2%; -webkit-transition: opacity 0.35s, right 0.35s, width 0.35s, height 0.35s step-start, visibility 0.35s step-start; transition: opacity 0.35s, right 0.35s, width 0.35s, height 0.35s step-start, visibility 0.35s step-start; visibility: visible; width: 100%; } @media (min-width: 600px) { .uni-desktop-search-visible .search-bar__form { width: 70%; } } .uni-desktop-search-visible .uni-header-search-button { opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .uni-desktop-search-visible .h-c-header__nav-list { opacity: 0; } .uni-desktop-search-visible .h-js-header__drawer-backdrop--desktop { background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: 99; } .uni-no-results { font-size: 16px; margin-top: 20px !important; } .uni-no-results ul { list-style-type: none; margin: 0; } .uni-no-results li { line-height: 32px; padding-left: 15px; } .uni-no-results li:before { content: "\2022"; margin-left: -15px; margin-right: 10px; } .uni-no-results p { font-size: 16px; margin-bottom: 22px; } .uni-no-results .uni-social-network { display: inline-block; line-height: 18px; margin-left: 8px; } .uni-no-results .h-c-icon--social { margin-right: 4px; } .uni-search-in-progress .uni-search-results { opacity: 0; -webkit-transition: opacity 0s; transition: opacity 0s; } .uni-search-results__header { padding: 60px 0 30px; } .uni-search-results__header--has-results { background-color: #f5f5f5; } .uni-search-results__filters { margin-top: 55px; } .uni-search-results__list .feed-article { padding: 40px 0; } .uni-search-results__list .feed-article:first-of-type { border-top: none; } @media (min-width: 1024px) { .uni-search-results__sort-by { margin-left: auto; width: 80%; } } .uni-search-results__selected-facets { font-size: 16px; font-weight: 400; margin-top: 5px; padding-top: 10px; } @media (min-width: 1024px) { .uni-search-results__selected-facets { margin-top: 15px; padding-top: 0; } } .uni-search-results.uni-has-no-results.uni-has-no-filters .uni-search-results__selected-facets { display: none; } .uni-search-results__clear-btn-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 1.03799%; } @media (min-width: 1024px) { .uni-search-results__clear-btn-wrapper { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 11%; } } .uni-search-results__filter-text { -ms-flex-preferred-size: 44.69697%; flex-basis: 44.69697%; width: 44.69697%; } @media (min-width: 1024px) { .uni-search-results__filter-text { -ms-flex-preferred-size: 7%; flex-basis: 7%; width: 7%; } } @media (min-width: 1024px) { .uni-search__filter { -ms-flex-preferred-size: 16%; flex-basis: 16%; width: 16%; } } .uni-search-results__clear-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; color: #3367d6; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 auto; padding: 0; text-transform: uppercase; } .uni-search-results__clear-btn:visited { background-color: #f5f5f5; } @media (min-width: 1024px) { .uni-search-results__clear-btn { margin: 0 auto; padding: 0 5px; } } .uni-search-results__load-more-btn { background: #3367d6; border: 0; color: #fff; margin-top: 25px; padding: 25px 0; text-align: center; text-transform: uppercase; width: 100%; } .uni-search-results__load-more-btn:hover { background: #4285f4; } .uni-search-no-results { display: none; margin-bottom: 30px; margin-top: 44px; } @media (min-width: 600px) { .uni-search-no-results { margin-top: 56px; } } .uni-search-results.uni-has-no-results .uni-search-no-results { display: block; } .uni-search-results__searched-facet { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 13px; color: #5f6368; cursor: pointer; display: inline-block; margin: 0 15px 10px 0; padding: 3px 9px; } .search-facet__close-btn { vertical-align: text-bottom; } .uni-search-results-filters { font-size: 16px; font-weight: 400; margin-bottom: 16px !important; position: relative; white-space: nowrap; } @media (min-width: 600px) { .uni-search-results-filters { font-size: 18px; margin-bottom: 18px !important; } } .uni-search-results-filters .uni-blog-select { margin: 9px 0; } @media (min-width: 1024px) { .uni-search-results-filters .uni-blog-select { margin: 0; } } .uni-search-results-filters__clear-button { margin: 0; position: absolute; right: 9px; top: -5px; } @media (min-width: 1024px) { .uni-search-results-filters__clear-button { margin-bottom: 0; position: static; right: 0; top: 0; } } .uni-related-article-tout { margin-bottom: 30px; margin-top: 30px; } @media (min-width: 1024px) { .uni-related-article-tout { margin-bottom: 40px; margin-top: 35px; } } .uni-related-article-tout__wrapper { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .uni-related-article-tout__inner-wrapper { color: #202124; padding: 20px 0; } .uni-related-article-tout__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uni-related-article-tout__eyebrow { margin-bottom: 10px; } .uni-related-article-tout__image-wrapper { display: none; width: 47.92401%; } @media (min-width: 1024px) { .uni-related-article-tout__image-wrapper { display: block; } } .uni-related-article-tout__image { background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-top: 56.25%; } @media (min-width: 1024px) { .uni-related-article-tout__content { width: 47.92401%; } } .uni-related-article-tout__body { display: none; } @media (min-width: 1024px) { .uni-related-article-tout__body { display: block; } } .uni-related-article-tout__cta { display: block; } @media (min-width: 1024px) { .uni-related-article-tout__cta { display: none; } } .twitter-feed__headline { margin-bottom: 20px; } @media (min-width: 1440px) { .twitter-feed__headline { margin-bottom: 40px; } } .twitter-feed__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .twitter-feed__simple-tweet, .twitter-feed__simple-tweet-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1024px) { .twitter-feed__simple-tweet-wrapper { height: 100%; } } .twitter-feed__tweet { background: #f6f6f6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 440px; min-width: 0; } .twitter-feed__tweet:nth-child(n + 2) { display: none; } @media (min-width: 600px) { .twitter-feed__tweet:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .twitter-feed__tweet:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex; } } .twitter-feed__user-icon { background-position: 50%; background-size: cover; border-radius: 50%; display: block; float: left; height: 40px; width: 40px; } .twitter-feed__user-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; float: left; height: 40px; margin-left: 15px; } .twitter-feed__user-info .h-c-copy, .twitter-feed__user-info .rich-text { color: #414141; } .twitter-feed__simple-tweet .twitter-feed__user-info { margin-left: 0; } .twitter-feed__tweet-header { padding: 20px 20px 0; position: relative; } .twitter-feed__tweet-header:after { clear: both; content: ""; display: table; } .twitter-feed__simple-tweet .twitter-feed__tweet-header { padding: 0; position: relative; width: 100%; } .twitter-feed__twitter-logo { height: 32px; position: absolute; right: 20px; top: 20px; width: 32px; } .twitter-feed__simple-tweet .twitter-feed__twitter-logo { top: 0; } .twitter-feed__user-handle { display: block; font-size: 12px; } .twitter-feed__tweet-body { padding: 30px 20px; } .twitter-feed__simple-tweet .twitter-feed__tweet-body { padding: 30px 0; } .twitter-feed__tweet-copy { font-size: 14px !important; line-height: 1.57 !important; } .twitter-feed__image { background-position: 50%; background-size: cover; padding-top: 56.25%; width: 100%; } .twitter-feed__tweet-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px 20px; } .twitter-feed__simple-tweet .twitter-feed__tweet-footer { padding: 0; width: 100%; } .twitter-feed__intent-action { height: 20px; margin-right: 20px; width: 20px; } .twitter-feed__datetime { -ms-flex-item-align: end; align-self: flex-end; font-size: 12px; text-align: right; } .twitter-feed__more-cta { color: #414141; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; } .press-item__thumbnail { background-color: #fff; background-position: 50%; background-size: cover; padding-top: 100%; } @media (min-width: 600px) { .press-item__thumbnail { cursor: pointer; } } .press-item__info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .press-item__dl-btn { border-bottom: 2px solid #414141; color: #414141; fill: #414141; height: 26px; width: 22px; } .press-item__dl-btn .h-c-icon { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .press-item__dl-btn:hover .h-c-icon { -webkit-transform: translateY(5px); transform: translateY(5px); } .h-c-modal--uni-press-modal { display: -webkit-box; display: -ms-flexbox; display: flex; } .h-c-modal--uni-press-modal .glue-c-modal__content, .h-c-modal--uni-press-modal .glue-c-modal__dialog, .h-c-modal--uni-press-modal .h-c-modal__overlay, .h-c-modal--uni-press-modal figure { margin: 0; padding: 0; } .h-c-modal--uni-press-modal .glue-c-modal__close { background: rgba(0, 0, 0, 0.2); color: #fff; font-size: 44px; height: 48px; line-height: 45px; overflow: hidden; padding-top: 0; width: 48px; } .press-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; } .press-modal__image { background-position: 50%; background-repeat: no-repeat; background-size: contain; height: calc(100vh - 180px); width: 100%; } .press-modal__meta { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 180px; overflow: hidden; padding: 30px 40px; } .press-modal__dl-btn { border-bottom: 2px solid #414141; color: #414141; fill: #414141; height: 22px; width: 18px; } .press-modal__dl-btn .h-c-icon { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .press-modal__download { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } .press-modal__download:hover .h-c-icon { -webkit-transform: translateY(3px); transform: translateY(3px); } .press-modal__download-text { line-height: 1; margin-left: 10px; } .press-modal__asset-data { color: #757575; float: left; } .uni-blog-select { border-bottom: 1px solid #d7d7d7; position: relative; } .uni-blog-select select { -moz-appearance: none; -webkit-appearance: none; background: transparent; border: none; display: block; font-size: 16px; font-weight: 400; height: 38px; } @media (min-width: 600px) { .uni-blog-select select { font-size: 18px; height: 40px; } } .uni-blog-select select::-ms-expand { display: none; } .uni-blog-select select::-ms-value { background: transparent; color: inherit; } .uni-blog-select svg { margin-top: -12px; position: absolute; right: -7px; top: 50%; } .related-articles { margin-top: 60px; overflow: hidden; } .related-articles .related-articles__title.h-c-eyebrow { float: none; } @media (min-width: 1024px) { .related-articles { margin-top: 0; } } @media (min-width: 1024px) { .related-articles.outside-drawer { display: none; } } .related-articles__title { padding-left: 15px; padding-top: 15px; position: relative; } .related-articles__title:before { border-top: 1px solid #d7d7d7; content: ""; display: block; left: 0; margin: auto; max-width: 1440px; position: absolute; right: 0; top: 0; width: 100%; } @media (min-width: 600px) { .related-articles__title { margin: auto; padding-left: 40px; width: 100%; } .glue-touch .related-articles__title { padding-left: 20px; } } @media (min-width: 1024px) { .related-articles__title { padding-left: 75px; } .glue-touch .related-articles__title { padding-left: 30px; } } .related-articles .h-c-carousel { margin-bottom: 0 !important; max-width: 100%; } .related-articles .h-c-carousel .h-c-carousel__wrap { margin: auto; max-height: 144px; width: calc(100% - 170px); } .glue-touch .related-articles .h-c-carousel .h-c-carousel__wrap { width: 100%; } .related-articles .h-c-carousel .glue-carousel { margin-left: -30px; } .glue-touch .related-articles .h-c-carousel .glue-carousel { margin-left: auto; } .related-articles .h-c-carousel .glue-pagination-next, .related-articles .h-c-carousel .glue-pagination-previous { margin-top: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .related-articles .h-c-carousel .glue-pagination-next { right: -10px; } .related-articles .h-c-carousel .glue-pagination-previous { left: 20px; } .glue-zippy-set.h-t-hercules .glue-zippy { border-top: 0; } .related-articles__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; margin: 0 !important; max-width: 300px; padding: 15px 20px 25px 30px !important; position: relative; width: calc(100vw - 100px) !important; } .related-articles__item:after { background: #d7d7d7; content: ""; display: block; height: 80%; position: absolute; right: 0; top: 10%; width: 1px; } @media (min-width: 1024px) { .related-articles__item { padding: 15px 20px 25px 40px !important; max-width: none; width: 340px !important; } } .related-articles__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .related-articles__link figure { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 82px; flex: 0 0 82px; height: 82px; margin: 0 20px 0 0; max-width: 82px; width: 82px; } @media (min-width: 1024px) { .related-articles__link figure { display: -webkit-box; display: -ms-flexbox; display: flex; } } .related-articles__link picture { width: 100%; } .related-articles__link svg { display: inline-block; fill: #3367d6; max-height: 13px; max-width: 20px; position: relative; top: 3px; } .loader-mask { background: rgba(0, 0, 0, 0.4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; } .uni-search-in-progress .loader-mask { display: block; } .loader-mask__loader { background: #c6dafc; display: block; height: 6px; left: 0; overflow: hidden; position: absolute; top: 112px; -webkit-transition: top 0.35s cubic-bezier(0.24, 1, 0.32, 1); transition: top 0.35s cubic-bezier(0.24, 1, 0.32, 1); width: 100%; } .loader-mask__loader:after { background: #4285f4; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 20px; } .uni-search-in-progress .loader-mask__loader:after { -webkit-animation: search-loader-anim 1.4s infinite linear; animation: search-loader-anim 1.4s infinite linear; } @media (min-width: 600px) { .loader-mask__loader { top: 128px; } } .uni-header-is-hidden .loader-mask__loader { top: 0; } .uni-search-results { -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .uni-search-in-progress .uni-search-results, .uni-search-results:not(.uni-search-ready) { opacity: 0; -webkit-transition: opacity 0s; transition: opacity 0s; } @-webkit-keyframes search-loader-anim { 0% { -webkit-transform: translateX(0); transform: translateX(0); width: 0; } 30% { -webkit-transform: translateX(0); transform: translateX(0); width: 20%; } 60% { width: 50%; } to { -webkit-transform: translateX(100vw); transform: translateX(100vw); width: 20%; } } @keyframes search-loader-anim { 0% { -webkit-transform: translateX(0); transform: translateX(0); width: 0; } 30% { -webkit-transform: translateX(0); transform: translateX(0); width: 20%; } 60% { width: 50%; } to { -webkit-transform: translateX(100vw); transform: translateX(100vw); width: 20%; } } .copy-link { display: block; float: left; height: 18px; } .copy-link svg { height: 18px; margin-left: 5px; margin-top: 2px; width: 20px; } @media (min-width: 1024px) { .copy-link { height: 30px; } .copy-link svg { height: 26px; margin: 0; width: 34px; } } .copy-link__trigger { position: relative; z-index: 1; } .glue-c-popover__dialog { border: 0; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); padding: 10px; padding-left: 40px; top: -14px; } @media (min-width: 1024px) { .glue-c-popover__dialog { left: auto; padding: 10px; padding-right: 40px; right: 0; top: -10px; } } .copy-link__content { width: 180px; } @media (min-width: 1024px) { .copy-link__content { width: 240px; } } .copy-link__url { border: 0; border-right: 1px solid #d7d7d7; width: 100%; } .copy-link__copy-btn { -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; border-top: 1px solid #d7d7d7; margin-top: 10px; outline: 0; padding: 5px 0 0; text-align: left; width: 100%; } .copy-link__copy-btn.glue-is-copied { color: inherit; font-weight: inherit; letter-spacing: normal; text-transform: uppercase; } .more-drawer { bottom: auto; display: none; margin-top: 100vh; position: fixed; top: 0; -webkit-transform: translateY(0); transform: translateY(0); width: 100%; z-index: 20; } .more-drawer:after { border-top: 1px solid #d7d7d7; content: ""; display: block; margin: auto; max-width: 1440px; } .more-drawer .glue-zippy { border: none !important; margin: 0 auto; max-width: 1500px; } .more-drawer .glue-zippy-set { margin-top: 0; } .more-drawer .glue-zippy-set.h-t-hercules .glue-zippy-content { margin-bottom: 0; } .more-drawer .h-c-expansion-panels__list { margin-bottom: 0 !important; } .more-drawer .glue-c-zippy__content { background: #fff; margin-top: 0 !important; padding: 0 !important; } .more-drawer .glue-c-zippy__content-container { padding: 0 !important; } @media (min-width: 1024px) { .more-drawer { display: block; } } .more-drawer__toggle { height: 38px; padding: 0 !important; width: 100%; } .more-drawer__toggle-btn-wrap { border-bottom: 1px solid #d7d7d7; display: block !important; -ms-flex-preferred-size: 81.25734%; flex-basis: 81.25734%; margin-left: 8.37133%; margin-right: 1.03799%; padding-left: 0; width: 81.25734%; } .more-drawer__toggle-btn-wrap:after { clear: both; content: ""; display: table; } .more-drawer__toggle-btn { -moz-appearance: none; -webkit-appearance: none; background: #d7d7d7; border: none; float: right; height: 38px; min-width: 240px; } .more-drawer__toggle-btn-text { float: none !important; text-align: left; } .more-drawer__toggle-btn-text:before { content: "+"; display: inline-block; text-align: center; width: 20px; } .glue-is-expanded .more-drawer__toggle-btn-text:before { content: "-"; } .scroll-viewed-50 .more-drawer { bottom: auto; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .more-drawer-nest { display: none; height: 1px; margin-top: 95px; overflow: hidden; -webkit-transition: margin 1s; transition: margin 1s; width: 100%; } .more-drawer-nest.tall { margin-top: 240px; } @media (min-width: 1024px) { .more-drawer-nest { display: block; } } .sticky-end { display: none; height: 1px; -webkit-transform: translateY(500px); transform: translateY(500px); width: 100%; } @media (min-width: 1024px) { .sticky-end { display: block; } } .featured-perspective { margin-bottom: 50px; } .featured-perspective .featured-article__summary { margin-bottom: 20px; } .featured-perspective .small-rule { margin-left: 2.65152%; margin-right: 2.65152%; width: 100%; } .featured-perspective--simple .h-c-grid { position: relative; } @media (min-width: 1024px) { .featured-perspective--simple .h-c-grid:after { background: #d7d7d7; content: ""; display: block; height: 1px; margin: 0 16px; top: -1px; width: calc(100% - 32px); } } .featured-perspective--simple .featured-perspective__image { margin-bottom: 24px; } @media (min-width: 600px) { .featured-perspective--simple .featured-perspective__image { margin-bottom: 0; } } .featured-perspective--simple .featured-article__content { border: 0; padding: 0; } @media (min-width: 1024px) { .featured-perspective--simple .simple-summary { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 1.36; } } .featured-perspective__link { display: block; } .featured-perspective__image { margin: 0 0 20px; width: 100%; } .featured-perspective__image img { width: 100%; } .cta.featured-perspective__cta { clear: both; display: block; margin-top: 40px; } .featured-perspective__secondary-content { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 600px) { .featured-perspective__secondary-content { margin-top: 20px !important; } } @media (min-width: 1024px) { .featured-perspective__secondary-content { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 0 !important; } } .featured-perspective__secondary-content.uni-twitter-feed.uni-initialized { border: 0 solid #d7d7d7; border-width: 1px 0; min-height: 100%; } .featured-perspective__secondary-content .twitter-feed__simple-tweet-wrapper { width: 100%; } .secondary-content__item { display: block; margin-left: auto !important; min-width: 100%; padding-bottom: 10px; position: relative; } @media (min-width: 1024px) { .secondary-content__item { padding-bottom: 16px; } } .secondary-content__item:after { border-bottom: 1px solid #d7d7d7; bottom: 0; content: " "; left: 50%; margin-left: -25%; position: absolute; width: 50%; } @media (min-width: 600px) { .secondary-content__item:after { left: 0; margin: auto; right: 0; width: 100%; } } @media (min-width: 1024px) { .secondary-content__item:after { display: none; } } .secondary-content__item:first-of-type { margin-bottom: 20px; } @media (min-width: 1024px) { .secondary-content__item:first-of-type { border-bottom: 1px solid #d7d7d7; margin-bottom: 36px; } } .author-list .author-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px !important; margin-top: 10px; width: 100%; } .author-image { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 190px; } @media (min-width: 1024px) { .author-image { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .author-image img { width: 100%; } .perspective-image { max-width: 80px; } @media (min-width: 1440px) { .q-a + .q-a { border-top: 1px solid #d7d7d7; padding-top: 50px; } } .q-a__item .q-a__question { border-bottom-color: #d7d7d7; border-bottom-style: solid; border-bottom-width: 0; margin-bottom: 54px; padding-bottom: 10px; } @media (min-width: 1024px) { .q-a__item .q-a__question { border-bottom-width: 1px; padding-bottom: 41px; } } .h-c-page.qa-single-detail { padding-bottom: 40px; } @media (min-width: 1024px) { .qa-single-detail .q-a__answer--letter.h-c-grid__col--2 { margin-top: 74px; } } .q-a__content { margin-top: 10px; width: 100%; } .q-a__highlight-box:before { background: #d7d7d7; content: ""; display: block; height: 1px; margin: 30px auto; width: 50%; } @media (min-width: 1024px) { .q-a__highlight-box { background: #f5f5f5; } .q-a__highlight-box:before { display: none; } .q-a__highlight-box .q-a__highlight { padding: 25px 18px 25px 25px; } } .q-a__header-detail .q-a__highlight-box:before { width: 100%; } .q-a__header.landing-header .q-a__highlight-box:before { display: none; } .qa-single-detail--share { border: 0 solid; border-bottom-width: 1px; border-color: #d7d7d7; padding-bottom: 50px; } @media (min-width: 1024px) { .qa-single-detail--share { border-bottom-width: 0; border-left-width: 1px; margin-bottom: 0; margin-top: 0; padding: 0 20px; } } .qa-single-detail--share.h-c-grid__col { margin-bottom: 30px; margin-top: 25px; } .q-a__divider { display: none; } @media (min-width: 1024px) { .q-a__divider { display: block; } } .q-a__cta, .q-a__cta.h-c-grid__col { padding: 5px 0 10px; } @media (min-width: 1024px) { .q-a__cta, .q-a__cta.h-c-grid__col { margin-top: 20px; padding-bottom: 30px; } } .q-a__cta.qa-single-detail--cta { border: 0; } @media (min-width: 1024px) { .q-a__cta.qa-single-detail--cta { padding: 0; } } .q-a__image { margin-bottom: 25px; position: relative; width: 100%; } .q-a__image:before { content: ""; display: block; padding-top: 56.25%; width: 100%; } .q-a__image > .content { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .q-a__image img { width: 100%; } @media (min-width: 1024px) { .q-a__image { border-radius: 50%; overflow: hidden; padding-bottom: 100%; position: relative; margin-bottom: 0; } .q-a__image img { height: auto; margin-left: 50%; margin-top: 50%; max-width: none; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; } } @media (min-width: 1024px) { .q-a__image:before { padding: 0; } } .q-a__image-content { background-position: 50%; background-size: cover; } @media (min-width: 1024px) { .q-a__headline { margin-bottom: 10px; } } @media (min-width: 1024px) { .q-a__rule-m { display: none; } } .q-a__rule-l { display: none; } @media (min-width: 1024px) { .q-a__rule-l { display: block; margin-top: 0; } } .q-a__rule-detail-l.h-c-grid__col { margin-bottom: 36px; margin-top: 36px; } .qa-single-detail--share .h-c-icon { fill: #757575; } @media (min-width: 1024px) { .template-qalandingpage .q-a__item.h-c-grid { margin-bottom: 105px; } } .template-qalandingpage .q-a__item.h-c-grid:last-child { margin-bottom: 0; } .template-qalandingpage .q-a__item.h-c-grid .h-c-grid__col.h-c-grid__col-l--6.h-c-grid__col-s--4 { margin-bottom: -60px; } @media (min-width: 1024px) { .article-collection__top-line { margin-bottom: 54px; } } .article-collection__image { position: relative; background-position: 50%; } .article-collection__image:before { content: ""; display: block; padding-top: 56.25%; width: 100%; } .article-collection__image > .content { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .article-collection__image-content { background-position: 50%; background-size: cover; } .article-collection__intro-column .rich-text, .article-collection__intro-column p { font-family: inherit; font-size: inherit; line-height: inherit; } .article-collection__border-column, .article-collection__empty-column { display: none; } @media (min-width: 1024px) { .article-collection__border-column, .article-collection__empty-column { display: block; } } @media (min-width: 1024px) { .article-collection__border-column { border-left: 1px solid #e0e0e0; } } .article-collection__articles-list { margin-bottom: 0; } @media (min-width: 1024px) { .article-collection__articles-list { margin-top: 0; } } .article-collection__articles-list-item { margin-bottom: 30px; margin-top: 30px; } @media (min-width: 1024px) { .article-collection__articles-list-item { border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } } .article-collection__articles-list-item:first-of-type { margin-top: 0; } .article-collection__articles-list-item:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .article-collection__articles-list-anchor { display: block; } .article-collection__articles-list-author { color: #414141; } @media (min-width: 1024px) { .article-collection__bottom-line { margin-bottom: 54px; margin-top: 54px; } } .uni-blog-article-recommended .uni-blog-nup__column { border-bottom: 0; border: 2px solid #eee; min-width: 400px; width: 30%; margin-bottom: 0; background: #fff; padding: 12px; border-radius: 5px; height: 160px; } .uni-blog-article-recommended .uni-blog-nup__column:first-child { margin-left: 0; } @media (min-width: 600px) { .uni-blog-article-recommended .uni-blog-nup__column--3up:nth-child(n + 3) { display: block; } } .uni-blog-article-recommended .uni-blog-nup__column .uni-blog-nup__image { margin-bottom: 0; } .uni-blog-article-recommended .uni-blog-nup__column .uni-blog-nup__image-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uni-blog-article-recommended .uni-blog-nup__column p { font-size: 12px; color: #757575; text-transform: capitalize; margin-bottom: 5px; font-weight: 400; } .uni-blog-article-recommended .uni-blog-nup__column p.uni-blog-nup__body { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .uni-blog-article-recommended .uni-blog-nup__column h4.h-u-font-weight-medium { font-size: 18px; letter-spacing: 0; color: #212121; font-weight: 400; } .uni-blog-article-recommended .uni-blog-nup { padding: 48px 32px; background: #fafafa; margin-bottom: 0 !important; } .uni-blog-article-recommended .uni-blog-nup__headline { text-transform: capitalize; font-size: 28px; font-weight: 400; margin-bottom: 24px; margin: 0 auto 24px; max-width: 1280px; } .uni-blog-article-recommended .uni-blog-nup__columns { overflow-x: auto; -ms-flex-wrap: unset; flex-wrap: unset; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1280px; margin: 0 auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .uni-blog-article-recommended .uni-blog-nup__column-contents { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .uni-blog-article-recommended .uni-blog-nup__column-contents div:first-child { width: 135px; } .uni-blog-article-recommended .uni-blog-nup__column-contents .content-block { margin: 0 10px; overflow: hidden; } .h-c-footer.h-c-footer--topmargin { margin-top: 0; } .uni-tombstone { margin-bottom: 60px; } .template-productsnavigationpage .uni-blog-nup__headline, .template-topicsnavigationpage .uni-blog-nup__headline { margin-top: 40px; } .template-productsnavigationpage .landing-tertiary-list, .template-topicsnavigationpage .landing-tertiary-list { margin-top: 40px; padding-top: 0; } @media (min-width: 1024px) { .template-productsnavigationpage .landing-tertiary-list, .template-topicsnavigationpage .landing-tertiary-list { margin-top: 50px; } } .template-productsnavigationpage .landing-tertiary-list__title, .template-topicsnavigationpage .landing-tertiary-list__title { margin-bottom: 35px; } @media (min-width: 1024px) { .template-productsnavigationpage .landing-tertiary-list__title, .template-topicsnavigationpage .landing-tertiary-list__title { margin-bottom: 40px; } } .uni-blog-article-content { position: relative; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }