@charset "UTF-8"; @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb-Ita.eot"); font-weight: normal; font-style: italic; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb-Ita.woff") format("woff"); font-weight: normal; font-style: italic; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb-Bold.eot"); font-weight: bold; font-style: normal; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb-BoldIta.eot"); font-weight: bold; font-style: italic; } @font-face { font-family: "FF DIN"; src: url("/fonts/DINWeb-BoldIta.woff") format("woff"); font-weight: bold; font-style: italic; } /* normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 0; padding: 0 0 1em; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ""; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type=search] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } *, *:before, *:after { box-sizing: border-box; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } html, button, body, input, select, textarea { color: #444; font: 100%/1.4 "FF DIN", Arial, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; } @media print { html { font-size: 75%; } } main { display: block; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; max-width: 100%; } iframe { max-width: 100%; border: none; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; height: 10em; width: 100%; } input, textarea { font-size: 0.875em; } input[type=text], input[type=email], input[type=tel], input[type=password], textarea { border-radius: 0.375em; font-size: 14px; font-size: 0.875rem; font-family: "FF DIN", Arial, sans-serif; color: #222; border: 1px solid #929292; background-color: white; padding: 0.65em; -webkit-appearance: none; } input[type=text], input[type=email], input[type=tel], input[type=password] { max-width: 90%; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #68a0bc; box-shadow: inset 0 1px 10px rgba(104, 160, 188, 0.35); outline: none; } input[type=tel] { max-width: 8.5em; } select { color: #222; } textarea { max-width: 40em; width: 100%; -webkit-appearance: none; min-width: 14em; } p { padding-bottom: 1em; } a { color: #005581; text-decoration: underline; transition: color 0.2s ease; } a:hover { text-decoration: none; } .button, input[type=submit], button { border: none; border-radius: 0.375em; background-color: #005581; background-repeat: no-repeat; background-position: right bottom; font-weight: bold; color: white; cursor: pointer; display: inline-block; padding: 0.425em 0.625em 0.325em; position: relative; text-align: center; text-decoration: none; white-space: normal; transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease; } .button:hover, input[type=submit]:hover, button:hover { background-color: #0077b4; } .button:focus, input[type=submit]:focus, button:focus { outline: thin dotted #0c171c; outline-offset: 0.25rem; } .button:active, input[type=submit]:active, button:active { box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.7); } .button.small, input[type=submit].small, button.small { font-size: 12px; font-size: 0.75rem; } .button--red, input[type=submit].button--red, .button-red, input[type=submit].button-red { background-color: #b13e2c; } .button--red:hover, input[type=submit].button--red:hover, .button-red:hover, input[type=submit].button-red:hover { background-color: #74291d; } .button--red:focus, input[type=submit].button--red:focus, .button-red:focus, input[type=submit].button-red:focus { outline-color: white; } .button--blockmint-teal, input[type=submit].button--blockmint-teal { background-color: #1f856f; } .button--blockmint-teal:hover, input[type=submit].button--blockmint-teal:hover { background-color: #1a6d5a; } .button--red-line { border: 2px solid rgba(188, 22, 11, 0.5); background-color: transparent; color: #d4190c; padding: calc(0.425em - 2px) 0.5em calc(0.325em - 2px); } .button--red-line:hover { border: 2px solid rgba(212, 25, 12, 0.2); background-color: transparent; } .button--red-line:active { background-color: rgba(212, 25, 12, 0.35); } .button--green-lined-light { border: 2px solid #d9f4be; background-color: transparent; color: #d9f4be; } .button--green-lined-light:hover { border: 2px solid rgba(217, 244, 190, 0.4); background-color: transparent; } .button--green-lined-light:active { background-color: rgba(217, 244, 190, 0.35); } .button--orange, input[type=submit].button--orange, .button-orange, input[type=submit].button-orange { background-color: #a35902; } .button--orange:hover, input[type=submit].button--orange:hover, .button-orange:hover, input[type=submit].button-orange:hover { background-color: #583001; } .button--silver, input[type=submit].button--silver, .button-silver, input[type=submit].button-silver { background-color: #e2e2e2; color: #444; } .button--silver:hover, input[type=submit].button--silver:hover, .button-silver:hover, input[type=submit].button-silver:hover { background-color: #bcbcbc; } .button--green, input[type=submit].button--green, .button-green, input[type=submit].button-green { background-color: #61a12d; } .button--green:hover, input[type=submit].button--green:hover, .button-green:hover, input[type=submit].button-green:hover { background-color: #3d651c; } .button--blockmint, input[type=submit].button--blockmint, .button-blockmint, input[type=submit].button-blockmint { background-color: #2bb798; } .button--blockmint:hover, input[type=submit].button--blockmint:hover, .button-blockmint:hover, input[type=submit].button-blockmint:hover { background-color: #1c7965; } .button__text-minor { display: block; font-style: italic; font-weight: normal; font-size: 14px; font-size: 0.875rem; } .button__text-main { display: block; font-size: 18px; font-size: 1.125rem; } .button--two-level { line-height: 1.2; } .button-video { border: 1px solid #e5e9ea; background-color: rgba(255, 255, 255, 0.7); display: block; margin: 0 auto; padding: 0; text-decoration: none; max-width: 233px; } .button-video:hover { opacity: 0.7; background-color: white; } .button-video div:not(.video-wrapper) { color: #005581; display: block; font-size: 14px; font-size: 0.875rem; text-align: center; padding: 0.75em 0.5em 0.625em; } .sr-only { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .modal { background-color: #0c171c; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.5em; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); color: white; display: none; left: 5%; padding: 24px 30px; position: absolute; top: 1.5em; width: 90%; z-index: 9000; max-width: 50em; } @media screen and (min-width: 48.5em), print { .modal { width: 44.75em; margin: 0 0 0 -22.375em; left: 50%; } } .modal h3 { margin: 0 0 0.5em; } .modal .img-holder { padding: 0.375em 0 1.125em; text-align: center; } .modal .img-holder img { max-width: 100%; } .modal-close { color: #aaa; background: transparent; display: block; font-size: 24px; font-size: 1.5rem; font-weight: bold; position: absolute; padding: 0 0.625em; right: -0.125em; text-decoration: none; top: 0.125em; } .modal-close:hover { color: white; background: transparent; box-shadow: none; } .modal-close:focus { outline: 0.0625rem dotted; outline-offset: -0.25rem; } .modal-backdrop { background-color: #444; cursor: pointer; height: 100%; left: 0; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: fixed; top: 0; width: 100%; z-index: 8000; } .modal-form .modal-errors, .modal-header-request .modal-errors, .modal-keepUpdated .modal-errors { background-color: #d4190c; margin: 0 0 1.125em; padding: 1.125em 1.25em; display: none; } .modal-form .modal-errors h6, .modal-header-request .modal-errors h6, .modal-keepUpdated .modal-errors h6 { margin: 0 0 0.75em; } .modal-form .modal-errors .modal-errors__heading, .modal-header-request .modal-errors .modal-errors__heading, .modal-keepUpdated .modal-errors .modal-errors__heading { font-size: 0.75em; margin: 0 0 0.25em; font-weight: bold; } .modal-form .modal-errors ul, .modal-header-request .modal-errors ul, .modal-keepUpdated .modal-errors ul { margin: 0; font-size: 0.75em; padding: 0 0 0 1.25em; } .modal-form label, .modal-header-request label, .modal-keepUpdated label { display: block; font-weight: bold; padding: 0 0 0.25em; } .modal-form fieldset, .modal-header-request fieldset, .modal-keepUpdated fieldset { padding: 0 0 0.75em; } .modal-form .input-text, .modal-header-request .input-text, .modal-keepUpdated .input-text { border: none; font-size: 14px; font-size: 0.875rem; padding: 0.5em; width: 100%; } .modal-form .input-text-phone-1, .modal-form .input-text-phone-2, .modal-header-request .input-text-phone-1, .modal-header-request .input-text-phone-2, .modal-keepUpdated .input-text-phone-1, .modal-keepUpdated .input-text-phone-2 { width: 20%; } .modal-form .input-text-phone-3, .modal-header-request .input-text-phone-3, .modal-keepUpdated .input-text-phone-3 { width: 30%; } .modal-form .row-acknowledgement, .modal-header-request .row-acknowledgement, .modal-keepUpdated .row-acknowledgement { font-size: 12px; font-size: 0.75rem; border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-bottom: 0.5em; padding: 0.5em 0 1em 1.5em; position: relative; } .modal-form .row-acknowledgement [type=checkbox], .modal-header-request .row-acknowledgement [type=checkbox], .modal-keepUpdated .row-acknowledgement [type=checkbox] { margin-right: 0.125em; position: absolute; left: 0; top: 0.7em; } .modal-form .row-acknowledgement label, .modal-header-request .row-acknowledgement label, .modal-keepUpdated .row-acknowledgement label { display: inline; font-weight: normal; } .modal-form .row-submit, .modal-header-request .row-submit, .modal-keepUpdated .row-submit { padding: 0.75em 0 1.5em; text-align: center; } @media screen and (min-width: 37.5em), print { .modal-form { width: 33.75em; margin: 0 0 0 -16.875em; left: 50%; } } @media screen and (min-width: 37.5em), print { .modal-form .img-holder { float: left; width: 46%; } } @media screen and (min-width: 37.5em), print { .modal-form form { float: right; width: 46%; padding: 0.75em 0; } } .modal-header-request .modal-header-request__optin { border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-top: 0.625em; padding: 0.625em; } .modal-header-request .modal-header-request__optin input { display: inline-block; margin-right: 0.25em; position: relative; top: -0.125em; } .modal-header-request .modal-header-request__optin label { display: inline; font-weight: normal; font-size: 13px; font-size: 0.8125rem; } .lt-ie8 .row-submit .button { height: auto; } .lt-ie8 .input-text { width: 80%; } .lt-ie8 .input-text-phone-1, .lt-ie8 .input-text-phone-2 { width: 15%; } .lt-ie8 .input-text-phone-3 { width: 23%; } @media screen and (min-width: 20em), print { .modal-header-request, .modal-keepUpdated { width: 20em; margin: 0 0 0 -10em; left: 50%; } } .modal-header-request .link-privacy, .modal-keepUpdated .link-privacy { color: #f0cf77; font-size: 11px; font-size: 0.6875rem; font-style: italic; margin: 0 0 0 0.375em; } .modal .expandable-warning { margin-top: 1em; margin-bottom: -1.5em; border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 0.5em; } .modal .expandable-warning__link { background-color: transparent; color: #f0cf77; font-weight: normal; text-decoration: underline; font-size: 11px; font-size: 0.6875rem; font-style: italic; padding: 0.5em; margin: 0 0 0 0.375em; } .modal .expandable-warning__link:hover { background-color: transparent; text-decoration: none; } .modal .expandable-warning__desc { background-color: rgba(255, 255, 255, 0.15); text-align: left; } .modal .expandable-warning__desc h6 { margin: 0.5em 0; padding-right: 2em; } .modal .expandable-warning__desc p { font-size: 13px; font-size: 0.8125rem; } .modal-keepUpdated h3 { background: url(/graphics/site/icon_big_keepUpdatedModal.png) 0 0 no-repeat; color: #f0cf77; padding: 0.375em 0 0.375em 4.5em; } .modal-disclaimer { font-size: 14px; font-size: 0.875rem; } @media screen and (min-width: 37.5em), print { .modal-disclaimer { clear: both; padding: 0.75em 0 0; } } .modal-disclaimer a { color: #f0cf77; font-weight: bold; } @media screen and (min-width: 55em), print { .modal-charts { width: 52.5em; margin: 0 0 0 -26.25em; left: 50%; } } .modal-chart-header { font-size: 24px; font-size: 1.5rem; margin: 0; padding: 0.75em 0 0; text-align: center; } .modal-chart-header span { font-weight: normal; text-transform: uppercase; font-size: 16px; font-size: 1rem; letter-spacing: 0.1em; margin: 0 0 0 0.2em; } .modal-chart-generated { font-family: Georgia, serif; font-style: italic; color: #bbb; font-size: 12px; font-size: 0.75rem; text-align: center; padding: 0.5em 0; } .modal-chart-nav { background-color: #111; list-style: none; margin: 0.75em 0 0; overflow: hidden; padding: 0.375em 0.375em 0; } .modal-chart-nav li { margin: 0 0.5%; float: left; } .modal-chart-nav button { width: 100%; color: white; border-radius: 0.25em; display: block; font-weight: bold; margin: 0 0 6px; padding: 0.5em 0.875em 0.4em; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .modal-chart-nav .current { background-color: #006da5; } .modal-chart-metals button { background-color: #004468; } .modal-chart-metals button:hover { background-color: #006da5; } @media screen and (min-width: 37.5em), print { .modal-chart-metals li { width: 24%; } } .modal-chart-timespans button { background-color: #444; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; } .modal-chart-timespans button:hover { background-color: #666; } .modal-chart-timespans .current { background-color: #666; } @media screen and (min-width: 37.5em), print { .modal-chart-timespans li { width: 19%; } } .modal-video { max-width: 48.1875em; } @media screen and (min-width: 48.75em), print { .modal-video { margin: 0 0 0 -24.1em; left: 50%; } } .lt-ie8 .modal-video { max-width: 711px; } .modal-video video { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; } .modal-video__video-wrapper { height: 0; padding: 0 0 56.25879044%; position: relative; } .lt-ie9 .modal-video__video-wrapper { margin: 0 0 2.5em; } .modal-video-desc { padding: 1em 0 0; } @media screen and (min-width: 33.75em), print { .modal-video-desc { padding: 1em 1.5em 0; } } .modal-video-desc h3 { color: #f0cf77; font-size: 21px; font-size: 1.3125rem; font-weight: normal; margin: 0; } .modal-video-desc p { font-size: 14px; font-size: 0.875rem; margin: 0; } .modal-shutdown { max-width: 24rem; } @media (min-width: 25.875em) { .modal-shutdown { margin: 0 0 0 -12em; left: 50%; } } .modal-shutdown__title { margin: 0 0 1.25rem; color: #f0cf77; font-size: 21px; font-size: 1.3125rem; } @media (min-width: 25.875em) { .modal-shutdown__title { font-size: 24px; font-size: 1.5rem; } } .modal-shutdown__phone { font-size: 18px; font-size: 1.125rem; padding-bottom: 0; } .modal-shutdown__phone strong { display: block; font-size: 30px; font-size: 1.875rem; color: #7aabc4; position: relative; margin-top: 0.25rem; padding-left: 2.52rem; } .modal-shutdown__phone strong::before { content: ""; display: block; background-size: 800px 390px; background-position: -97px -98px; height: 30px; left: 0; top: 0.125rem; position: absolute; width: 30px; } .no-webp .modal-shutdown__phone strong::before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .modal-shutdown__phone strong::before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .modal-shutdown__phone strong::before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .modal-shutdown__phone strong::before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .modal-open:focus { outline: 0.0625rem dotted #182e39; outline-offset: 0.25rem; } .subpage-content h1, .subpage-content h2, .subpage-content h3 { color: #005581; font-weight: normal; line-height: 1.15; margin: 0.25em 0 0.5em; } .subpage-content h1 { font-size: 24px; font-size: 1.5rem; } .subpage-content h2 { font-size: 21px; font-size: 1.3125rem; } .subpage-content h3 { font-size: 18px; font-size: 1.125rem; } .subpage-content h4 { font-size: 16px; font-size: 1rem; } .subpage-content h4, .subpage-content h5, .subpage-content h6 { margin: 0.25em 0 0.5em; } .subpage-content h6 { color: #222; font-size: 14px; font-size: 0.875rem; font-style: italic; } .subpage-content .subpage-title { font-size: 28px; font-size: 1.75rem; } .subpage-content .header-section { border-bottom: 1px dotted #ccc; font-size: 16px; font-size: 1rem; letter-spacing: 0.1em; margin: 0 0 0.75em; color: #005581; padding: 1.375em 0 0.375em; text-transform: uppercase; } .subpage-content .preheader { color: #6b98af; margin: 0.5em 0 -0.5em; font-size: 14px; font-size: 0.875rem; font-style: normal; letter-spacing: 0.1em; } .subpage-content table { width: 100%; } .subpage-content td { border-bottom: 1px solid #eee; padding: 0.375em 0.625em; } .subpage-content th { background-color: #005581; color: white; font-size: 11px; font-size: 0.6875rem; padding: 0.625em 1em 0.5em; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; } .subpage-content th .requiredField { color: #f0cf77; } .subpage-content blockquote { background-color: #f3f0e7; border-bottom: 0.25em solid #c2a821; margin: 0 0 1.25em; padding: 0.875em 1.25em 0.875em 3em; position: relative; } @media screen and (min-width: 48em), print { .subpage-content blockquote { width: 58.1560283688%; } } .subpage-content blockquote:before { content: "“"; color: #005581; font-family: Georgia, serif; font-size: 60px; font-size: 3.75rem; position: absolute; left: 0.25em; top: -0.05em; } .subpage-content ul { margin: 0; padding: 0 0 0.75em 1.25em; } .subpage-content ul li { list-style: none; background: url(/graphics/site/list_bullet.png) 3px 7px no-repeat; padding: 0 0 0.375em 1.25em; } .subpage-content .list-feature li { padding: 0 0 0.125em 1.25em; } .subpage-content .list-feature ul { padding: 0 0 0 1.25em; } .subpage-content ol { margin: 0 0 0 1.25em; padding: 0 0 0.75em 1.25em; counter-reset: ol-counter; } .subpage-content ol li { list-style: none; padding: 0 0 0.375em 0; } .subpage-content hr { border: none; display: block; background-color: #ccc; } .subpage-content .contentImageRight, .subpage-content .image-right { float: right; margin: 0 0 0.75em 1.25em; max-width: 40%; } .subpage-content .contentImageLeft, .subpage-content .image-left { float: left; margin: 0 1.25em 0.75em 0; max-width: 40%; } .subpage-content .subtitle { color: #6b5d12; font-size: 11px; font-size: 0.6875rem; font-weight: bold; letter-spacing: 0.15em; margin-bottom: 1em; text-transform: uppercase; } .subpage-content .subtitle--important { color: #51460e; font-size: 14px; font-size: 0.875rem; font-weight: bold; letter-spacing: 0; } .subpage-content .promo-banner-full { padding: 0 0 0.75em; } .subpage-content .promo-banner-full img { display: block; max-width: 100%; } .subpage-content .promo-intro { font-size: 16px; font-size: 1rem; } @media (min-width: 60em) { .subpage-content--with-offer .subpage-title { padding-top: 0.9325rem; } } .privacy h2, .privacy h3 { color: #444; font-weight: bold; margin-bottom: 1rem; } .privacy h2 { font-size: 1.25rem; } .privacy h3 { font-size: 1rem; font-style: italic; } .privacy__inline { display: block; padding-bottom: 1rem; } .privacy__inline h5, .privacy__inline p { font-size: 1rem; display: inline; padding-bottom: none; } .privacy li ul { padding-top: 0.5em; padding-bottom: 0; } .privacy table { margin: 0 0 1.75rem; } .privacy caption { color: white; font-weight: bold; background: #005581; padding: 0.75rem; } .privacy td { vertical-align: top; padding: 0.75rem; } .privacy .row-heading { background: #e6e4d9; width: 45%; } @media (min-width: 30em) { .privacy .row-heading { width: 40%; } } @media (min-width: 36em) { .privacy .row-heading { width: 35%; } } .privacy .ccpa-category-note h3 { color: white; font-weight: bold; background: #005581; padding: 0.75rem; text-align: center; font-style: normal; margin: 0; } .privacy .ccpa-category-note dl { margin: 0 0 2.5rem; } .privacy .ccpa-category-note dt { color: #005581; font-weight: bold; margin: 0; padding: 1.25rem 1.25rem 0; } .privacy .ccpa-category-note dd { border-bottom: 1px solid #e6e4d9; margin: 0; padding: 0 1.25rem 1.25rem; } .privacy .california-disclosures { padding: 1.25rem 1.25rem 0; margin: 0.5rem 0 2rem; background: rgba(229, 233, 234, 0.4); } .privacy .california-disclosures h3 { font-size: 1.125rem; font-style: normal; color: #005581; } .privacy .california-disclosures .question { font-weight: bold; border-top: 1px solid rgba(38, 40, 42, 0.15); padding-top: 1rem; } .privacy address { padding-bottom: 1em; } .cta-privacy { font-size: 12px; font-size: 0.75rem; font-style: italic; margin-bottom: 1rem; } .cta-privacy .cta-privacy__advice { margin-bottom: 0.75rem; } .cta-privacy .cta-privacy__contact { font-style: italic; display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0.5rem; } .cta-privacy .cta-privacy__contact label { font-size: 12px; font-size: 0.75rem; text-transform: none; font-weight: normal; } .cta-privacy .cta-privacy__contact label strong { font-weight: bold; } .editor ul li { background-image: none; padding: 0 0 0.375rem; } .editor ul li::before { content: "•"; font-size: 0.875em; color: #dcc030; padding-right: 0.75em; } .editor ol li::before { content: counter(ol-counter) ". "; counter-increment: ol-counter; } .editor img { max-width: 100%; } .image-large { margin: 0 -1.25em; } .image-large img { margin: 0 auto; display: block; } @media screen and (min-width: 48em), print { .giant-image { display: none; } } .subpage-title__pre { color: #646464; display: block; font-size: 14px; font-size: 0.875rem; font-style: italic; padding: 0; margin: 0 0 0.125em; } .subpage-title__link { font-size: 14px; font-size: 0.875rem; position: relative; top: -0.25em; margin: 0 0 0 0.375em; } .subpage-title--visuallyhidden { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .disclaimer-article { background-color: #eee; clear: both; color: #646464; font-family: Georgia, serif; font-style: italic; font-size: 12px; font-size: 0.75rem; margin: 0 0 0.75em; padding: 0.875em 1.25em; } .button-article { padding: 0.75em 0 1.125em; text-align: center; } .results th { border-bottom: 0.25em solid #ddd; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; padding: 0.375em 0.625em; text-align: left; } .results td { border-bottom: 1px solid #eee; padding: 0.375em 0.625em; } .results-numReturned { font-family: Georgia, serif; font-style: italic; color: #646464; } .table-flatview thead { position: absolute; left: -999em; top: -999em; border: none; } @media screen and (min-width: 40em), print { .table-flatview thead { position: static; } } .table-flatview tr { border-bottom: 1px solid #eee; } .table-flatview td { display: block; border: none; padding: 0.125em 0 0 7.5em; position: relative; } @media screen and (min-width: 40em), print { .table-flatview td { display: table-cell; padding: 0.375em 0.625em; } } .table-flatview td:before { position: absolute; top: 0; left: 0; font-size: 12px; font-size: 0.75rem; font-weight: bold; content: attr(data-sideheader); padding: 0.5em 0 0; text-align: right; width: 9.25em; } @media screen and (min-width: 40em), print { .table-flatview td:before { display: none; } } .table-condensed { font-size: 13px; font-size: 0.8125rem; margin: 0 0 2em; } .table-condensed th { padding: 0.6em 0.8em 0.4em; } .table-condensed td { padding-top: 0.5em; padding-bottom: 0.25em; } .table-condensed tr:nth-child(2n) td { background-color: #e6e4d9; } .table-condensed .table-condensed__row-summary td, .table-condensed .table-condensed__row-summary:nth-child(2n) td { background-color: #d0dfe7; font-size: 14px; font-size: 0.875rem; padding-top: 0.5em; padding-bottom: 0.5em; } .table-condensed__cell-positive { color: #61a12d; font-weight: bold; } .table-condensed__cell-negative { color: #d4190c; font-weight: bold; } blockquote.quote--withPortrait { overflow: hidden; padding: 0.875em 1.25em 0; } .quote__says { font-family: Georgia, serif; font-size: 16px; font-size: 1rem; font-style: italic; margin: 0 0 0.5em; } .quote__by { font-size: 12px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.5em; } .highlight-text-box, .cta-contactUs { border-top: 1px solid #68a0bc; border-bottom: 1px solid #68a0bc; background-color: #d0dfe7; margin: 0 0 0.75em; overflow: hidden; padding: 0.875em 1em 0.375em; } .highlight-text-box { clear: both; } .highlight-text-box h3 { font-size: 1rem; color: #444; font-weight: bold; margin: 0.375rem 0 0.625rem; } .highlight-text-box__cta { font-size: 18px; font-size: 1.125rem; padding: 0 0 0.625em; text-align: center; } .highlight-text-box__buttonwrapper { text-align: center; padding: 0 0 0.375em; } .cta-requestRep { border: 1px solid #222; background-color: #222; background-image: -webkitlinear-gradient(to bottom, #444 0%, #111 100%); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); border-radius: 0.25em; color: white; margin: 0 0 1.125em; overflow: hidden; padding: 1.25em; position: relative; } @media screen and (min-width: 48em), print { .cta-requestRep { background-image: url(/graphics/site/bg_contactrep_form.png), linear-gradient(to bottom, #444 0%, #111 100%); background-repeat: no-repeat; background-position: bottom -60px right -100px, 0 0; } } @media screen and (min-width: 66em), print { .cta-requestRep { background-position: bottom -60px right -20px, 0 0; } } .cta-requestRep.cta-requestRep--bottom { display: block; } @media screen and (min-width: 36em), print { .cta-requestRep.cta-requestRep--bottom { display: none; } } .cta-requestRep.cta-requestRep--beside { display: none; } @media screen and (min-width: 36em), print { .cta-requestRep.cta-requestRep--beside { width: 45%; margin-right: -2em; margin-left: 1em; margin-bottom: 1em; float: right; display: block; } } @media screen and (min-width: 48em), print { .cta-requestRep.cta-requestRep--beside { margin-right: -2.5em; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 53%; } } @media screen and (min-width: 60em), print { .cta-requestRep.cta-requestRep--beside { width: 42%; margin-right: -2.25em; } } .cta-requestRep.no-extra { padding: 1.25em 1.25em 0.75em; } @media screen and (min-width: 48em), print { .cta-requestRep.no-extra { background-position: bottom 20px left -100px, 0 0; } } @media screen and (min-width: 66em), print { .cta-requestRep.no-extra { background-position: bottom 20px left -20px, 0 0; } } .cta-request-header .cta-request-header__title { color: #c5e7f8; font-size: 21px; font-size: 1.3125rem; font-weight: normal; line-height: 1.15; margin: 0 0 0.1em; } .cta-request-header h6 { color: white; margin: 0 0 1.125em; font-weight: normal; } @media screen and (min-width: 32em), print { .no-extra .cta-request-header { float: left; width: 50%; } } .cta-requestRep-extra a { color: #f0cf77; } .cta-requestRep-extra a:hover { color: #f5dfa5; } @media screen and (min-width: 32em), print { .cta-requestRep-extra { float: right; width: 50%; } } @media screen and (min-width: 32em), print { .cta-request-form { float: left; width: 45%; padding: 0 5% 0 0; border-right: 1px solid rgba(255, 255, 255, 0.15); } } @media screen and (min-width: 32em), print { .cta-requestRep--beside .cta-request-form { float: none; width: auto; padding: 0; border-right: none; } } @media screen and (min-width: 32em), print { .no-extra .cta-request-form { border: none; border-left: 1px solid rgba(255, 255, 255, 0.15); float: right; padding: 0.625em 0.625em 0.625em 1.875em; } } .lt-ie8 .no-extra .cta-request-form { padding: 0 5% 0 0; width: 40%; } .cta-request-form fieldset { padding: 0 0 1.125em; } .cta-request-form input[type=text] { border: none; font-size: 14px; font-size: 0.875rem; padding: 0.5em; width: 100%; max-width: 100%; } .cta-request-form label { color: #f0cf77; display: block; font-size: 12px; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.1em; padding: 0 0 0.625em 0.625em; text-transform: uppercase; } .cta-request-form .cta-request-form__checkbox { border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin: 0.5em 0 1em; padding: 0.625em; } .cta-request-form .cta-request-form__checkbox input { display: inline-block; margin-right: 0.25em; position: relative; top: -0.125em; } .cta-request-form .cta-request-form__checkbox label { color: white; display: inline; font-weight: normal; letter-spacing: 0; padding: 0; text-transform: none; font-size: 13px; font-size: 0.8125rem; } .cta-request-form .cta-request-form__acknowledgement { font-style: italic; padding: 0 1em 1em; margin-top: 0; border-top: none; } .cta-request-form .row-submit { text-align: center; } .cta-request-form .privacy { display: inline-block; font-size: 12px; font-size: 0.75rem; font-style: italic; padding: 0.875em 0.625em 0; } .cta-request-form .privacy a { color: #c2a821; } .cta-request-form .cta-request__minnesota { border-top: 1px solid rgba(255, 255, 255, 0.25); color: #c2a821; display: block; text-align: center; font-size: 12px; font-size: 0.75rem; font-style: italic; margin-top: 1.5em; padding: 0.875em 0.625em 0; } .subpage .newsletter-list { padding: 0; } .subpage .newsletter-list li { background: none; border-top: 1px solid #eee; padding: 0.75em 0 1.125em 100px; position: relative; } .subpage .newsletter-list li::before { content: ""; padding-right: 0; } .subpage .newsletter-list img { left: 1.25em; position: absolute; top: 10px; } .subpage .newsletter-list h4 { margin: 0; } .link--iras { background-image: url(/graphics/site/icon_link_arrows.png); background-size: 29px 19px; background-repeat: no-repeat; background-position: left center; display: block; font-weight: bold; font-size: 10px; font-size: 0.625rem; line-height: 1; padding: 0 0 0 3.25em; margin-bottom: 1.25em; text-transform: uppercase; text-decoration: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .link--iras { background-image: url(/graphics/site/icon_link_arrows@2x.png); } } .link--iras:hover { text-decoration: underline; } .link--iras strong { display: block; font-size: 13px; font-size: 0.8125rem; } .share-controls a { display: inline-block; text-indent: -9999px; width: 24px; height: 24px; margin: 0 4px; position: relative; top: 8px; } .share-controls__fb { background: url(/graphics/site/icons_news-share.png) 0 -222px no-repeat; } .share-controls__tw { background: url(/graphics/site/icons_news-share.png) 0 0 no-repeat; } .share-controls__gplus { background: url(/graphics/site/icons_news-share.png) 0 -74px no-repeat; } .share-controls__li { background: url(/graphics/site/icons_news-share.png) 0 -148px no-repeat; } .sponsor-list { list-style: none; margin: 0; padding: 1.25em 1em 1.5em; text-align: center; } @media screen and (min-width: 32em), print { .sponsor-list { margin: -0.75em 0 0; padding: 2em 1em 1.5em; } } @media print { .sponsor-list { display: none; } } .subpage-content .sponsor-list { margin: 0 0 1.5em; padding: 1.25em 0 0; } .subpage-content .sponsor-list li { background-image: none; padding: 0; } .subpage-content .sponsor-list li::before { content: ""; padding-right: 0; } .sponsor-list a { margin: 0 auto 1.5em !important; } .sponsor-list a:focus { outline-offset: 0.375rem; } .sponsor-list li { margin-bottom: 1em; } @media screen and (min-width: 32em), print { .sponsor-list li { vertical-align: top; display: inline-block; margin: 0 0.625em 0.75em; } } .sponsor-list__bbb { display: block; width: 130px; height: 76px; margin: 0 auto 1em; background: none; text-indent: 0; border: 2px solid #005581; } .sponsor-list__bbb a { display: block; text-indent: -9999px; height: 76px; transition: opacity 0.2s ease; background-image: url(/graphics/site/sponsor_list_bbb.png); background-size: 130px 76px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .sponsor-list__bbb a { background-image: url(/graphics/site/sponsor_list_bbb@2x.png); } } .sponsor-list__bbb a:hover { opacity: 0.7; } .fine-print { font-size: 13px; font-size: 0.8125rem; color: #646464; } .fine-print--centered { text-align: center; } .search-results__for { font-style: italic; margin-bottom: 1rem; } .search-results__form { background-color: #e5e9ea; margin-bottom: 1.25rem; padding: 1rem; } @media screen and (min-width: 48em), print { .search-results__form { padding: 0.625rem 1.25rem; text-align: center; } } .search-results__form label { display: block; font-weight: bold; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.15rem; margin-right: 0.15rem; } @media screen and (min-width: 48em), print { .search-results__form label { display: inline; } } .search-results__form input { vertical-align: middle; } .search-results__form [type=text] { font-size: 16px; font-size: 1rem; height: 2.375rem; } .search-results__form [type=submit] { height: 2.375rem; padding: 0.625rem; } ul.search-results__list { padding: 0; } ul.search-results__list .search-results__item { border-top: 1px solid #e6e4d9; background: none; padding: 1rem; } @media screen and (min-width: 48em), print { ul.search-results__list .search-results__item { padding: 1rem 1.25rem 1.25rem; } } ul.search-results__list .search-results__type { color: #646464; font-size: 12px; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; } ul.search-results__list .search-results__blurb { font-size: 14px; font-size: 0.875rem; font-style: italic; padding-bottom: 0; } .exit-modal { border: none; width: 100%; background: white; padding: 2rem; max-width: 32rem; } .exit-modal[open] { display: grid; } .exit-modal::-webkit-backdrop { background: rgba(0, 0, 0, 0.75); } .exit-modal::backdrop { background: rgba(0, 0, 0, 0.75); } @media (min-width: 48em) { .exit-modal { gap: 2.5rem; grid-template-columns: 1fr 1.1fr; padding-left: 2.5rem; padding-right: 2.5rem; max-width: 47rem; } } .exit-modal__intro p img { float: right; margin-top: -0.25rem; margin-left: 0.5rem; max-width: 7rem; } .exit-modal__title { color: #a58d4c; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; line-height: 1.15; margin: 0 0 0.875rem; } .exit-modal__intro-img { margin-bottom: 1rem; } .exit-modal__form-wrap { padding-top: 1rem; } @media (min-width: 48em) { .exit-modal__form-wrap { padding-bottom: 1rem; } } .exit-modal__close { position: absolute; right: 2px; top: 2px; cursor: pointer; padding: 0; background: url(/graphics/site/exitmodal_close.png) center no-repeat; height: 59px; width: 59px; text-indent: -999rem; } .exit-modal__close:hover { background-color: transparent; opacity: 0.6; } .exit-modal__form label { display: block; font-weight: bold; color: #005581; } .exit-modal__form .errors { background-color: #a41309; padding: 1.25rem 2rem; margin: 0 -2rem 1.875rem; color: white; } @media (min-width: 48em) { .exit-modal__form .errors { margin-left: 0; margin-right: 0; } } .exit-modal__form .errors .exit-modal__errors-heading { color: #f0cf77; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 0.625rem; } .exit-modal__form .errors ul { list-style: disc; padding: 0 0 0 1rem; margin: 0; } .exit-modal__form .errors li { padding-bottom: 0.375rem; } .exit-modal__form .errors li:last-child { padding-bottom: 0; } .exit-modal__form .errors a { color: white; } .exit-modal__form .mini-form__field { padding: 0 0 1rem 0; } .exit-modal__form input[type=tel] { width: 100%; max-width: initial; } .exit-modal__form [type=text], .exit-modal__form [type=email] { padding-top: 0.4rem; max-width: 100%; width: 100%; padding-bottom: 0.4rem; } .exit-modal__form .exit-modal__fine-print { line-height: 1.35; } .exit-modal__form [type=submit] { padding: 1rem 2rem; font-size: 16px; font-size: 1rem; margin-right: 0.625rem; text-transform: uppercase; cursor: pointer; border: none; } .exit-modal__form .cta-privacy .cta-privacy__contact label { color: #444; } .exit-modal__field-error label { color: #d4190c; } .exit-modal__fine-print { font-size: 0.875rem; font-style: italic; } .chart-center-custom { display: none; } .chart-generated { color: #646464; font-size: 11px; font-size: 0.6875rem; margin: -3.25em 1.125em 4.5em; text-transform: uppercase; text-align: center; } .subpage .chart-center-title { background-color: #005581; color: white; float: left; font-size: 12px; font-size: 0.75rem; font-style: normal; font-weight: bold; line-height: 1.4; letter-spacing: 0.15em; margin: 0; padding: 0.625em 0.875em; text-transform: uppercase; } .chart-center-chartDesc { border-top: 1px solid #005581; clear: both; padding: 0.75em 0.625em; text-align: center; } .chart-center .chart-container { padding: 0 0.625em 3em; } .chart-center .chart-container .chart { width: 100%; height: 12.5em; } ul.testimonials { padding: 0; } @media screen and (min-width: 48em), print { ul.testimonials { width: 100%; } } ul.testimonials li { background: none; padding: 0 0 1.25em; } ul.testimonials li::before { content: ""; padding-right: 0; } @media screen and (min-width: 48em), print { .testimonials blockquote { width: 100%; } } .testimonials-author { font-weight: bold; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; } .trustpilot-widget__wrapper { border-top: 1px solid #e6e4d9; border-bottom: 1px solid #e6e4d9; padding: 1em 0 1.25em; margin-bottom: 1.5em; } .testimonials-trust { position: relative; min-height: 60px; margin-bottom: 1em; } @media screen and (min-width: 36em), print { .testimonials-trust { display: flex; align-items: center; } } .testimonials-trust__logo { background-image: url(/graphics/site/sprites_customerreview_trustlogos.png?v=20210622); background-size: 220px 220px; width: 188px; height: 60px; margin: 0 auto; position: relative; transition: 0.2s ease all; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .testimonials-trust__logo { background-image: url(/graphics/site/sprites_customerreview_trustlogos@2x.png?v=20210622); } } .testimonials-trust__logo:hover { opacity: 0.7; } @media screen and (min-width: 36em), print { .testimonials-trust__logo { margin: 0; flex: 0 0 188px; } } .testimonials-trust__logo:focus-within::before { content: ""; width: 100%; height: 100%; position: absolute; outline: thin dotted #005581; transform: scale(1, 1.25); } .testimonials-trust__logo a { display: block; height: 90px; text-indent: -9999px; position: relative; z-index: 1; } .testimonials-trust__logo a:focus { outline: none; } .testimonials-trust__logo--bbb { background-position: 10px -327px; height: auto; } .testimonials-trust__logo--google { background: url(/graphics/site/customerreview_trustlogos_google.png) center no-repeat; background-size: contain; height: 50px; } .testimonials-trust__logo--retirementliving { background: url(/graphics/site/customerreview_trustlogos_retirementliving.png) center no-repeat; background-size: 93% auto; height: 50px; } .testimonials-trust__logo--consumeraffairs { background: url(/graphics/site/customerreview_trustlogos_consumeraffairs.svg) center no-repeat; background-size: 93% auto; height: 50px; } .testimonials-trust__logo--bca { background-position: 9px -265px; height: 50px; } .testimonials-trust__logo--trustpilot { background-position: 10px -5px; height: 40px; } .testimonials-trust__desc { font-style: italic; padding-top: 0.25em; text-align: center; } @media screen and (min-width: 36em), print { .testimonials-trust__desc { padding: 0 0 0 1.5em; text-align: left; } } ul.faq-list { padding: 0 0 1.5em; } ul.faq-list li { background: none; padding: 0; } ul.faq-list li::before { content: ""; padding-right: 0; } .faq-list__instructions { font-style: italic; font-size: 14px; font-size: 0.875rem; margin-top: -0.375em; } .faq__question { border-top: 1px solid #e6e4d9; background-image: url(/graphics/site/icon_faq_question.png); background-size: 25px 25px; background-position: 8px 20px; background-repeat: no-repeat; background-color: transparent; display: block; font-weight: bold; font-size: 18px; font-size: 1.125rem; text-decoration: none; line-height: 1.25; text-align: left; padding: 1.25em 0.25em 0.55em 2.25em; position: relative; width: 100%; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .faq__question { background-image: url(/graphics/site/icon_faq_question@2x.png); } } .faq__question--link { padding-top: 0.625em; background-position: 8px 8px; color: #646464; font-weight: normal; font-style: italic; } .faq__question--link:hover { background-color: rgba(0, 85, 129, 0.15); } .faq__answer { padding: 0.25em 0.25em 0.25em 1.25em; border-left: 3px solid #d0dfe7; margin: 0.625em 0 1.75em 1.25em; } .faq__answer p:last-child { padding-bottom: 0; } .js .faq__answer.is-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .faq__answer.is-showing { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: faqAnswerSlide; animation-name: faqAnswerSlide; } @-webkit-keyframes faqAnswerSlide { 0% { opacity: 0; transform: translate3d(-2.5rem, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes faqAnswerSlide { 0% { opacity: 0; transform: translate3d(-2.5rem, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .faq__inline-answer { padding: 0.625em 0.25em 1em 2.5em; position: relative; } .faq__inline-answer h6 { color: #005581; font-style: normal; margin: 0; font-size: 16px; font-size: 1rem; } .faq__inline-answer-photo { float: left; width: 4.5em; margin: 0 1em 0.5em -1.9em; border-radius: 5em; } .subpage-content .subtitle--faq { font-size: 14px; font-size: 0.875rem; color: #005581; padding: 2em 0 0.5em; margin: 0; } .searchForm.searchForm--faq { border-top: 1px solid #e6e4d9; background-color: white; padding: 1em 1em 1em 2.625em; } @media screen and (min-width: 60em), print { .searchForm.searchForm--faq { padding: 1em 0; } } .searchForm.searchForm--faq label { display: block; } @media screen and (min-width: 60em), print { .searchForm.searchForm--faq label { display: inline-block; width: 9em; text-align: right; } } .searchForm.searchForm--faq input[type=text] { padding: 0.425em 0.5em 0.225em; position: relative; top: 0.05em; width: 50%; } .searchForm.searchForm--faq .errors { background-color: #a41309; padding: 0.75em 1.25em 0.5em; color: white; border-radius: 0.375em; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 1em; } .searchForm.searchForm--faq .errors p { padding-bottom: 0.25em; } .faq__search-term { border-top: 1px solid #e6e4d9; background-color: #c5dadf; padding: 1em 1em 0.875em 2.625em; } .faq__search-highlight { background-color: #c5dadf; } .askscott .note { color: #646464; font-family: Georgia, serif; font-style: italic; } .askscott .editor { zoom: 1; } .askscott .editor:before, .askscott .editor:after { content: ""; display: table; } .askscott .editor:after { clear: both; } .editor .askscott__photo { max-width: 40%; float: right; margin: 0 0 1.25em 1.25em; border-radius: 0.375em; } @media screen and (min-width: 24em), print { .editor .askscott__photo { max-width: 11em; } } .searchForm.searchForm--askscott { padding: 1em 0 1.75em; } .searchForm.searchForm--askscott label { margin-bottom: 0.25em; } .searchForm.searchForm--askscott textarea { margin-bottom: 0.5em; height: 4.875em; } @media screen and (min-width: 60em), print { .searchForm.searchForm--askscott textarea { width: 50%; margin-right: 0.425em; } } .subtitle--faq__search-link { position: relative; top: -0.7em; float: right; letter-spacing: 0; text-decoration: none; text-transform: none; } .subtitle--faq__search-link:hover { text-decoration: underline; } .subtitle--faq__search-link:after { content: ""; display: inline-block; background-image: url(/graphics/site/askscott_search.png); background-size: 22px 22px; height: 22px; width: 22px; position: relative; margin-left: 0.2em; top: 0.125em; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .subtitle--faq__search-link:after { background-image: url(/graphics/site/askscott_search@2x.png); } } .wp-blog-list.wp-blog-list { list-style: none; margin: 0; padding: 1.25rem 0 0; border-top: 1px solid rgba(0, 0, 0, 0.125); } .wp-blog-card.wp-blog-card { background: none; padding-left: 0; margin-bottom: 2.5rem; } .wp-blog-card__img { margin-bottom: 1.5rem; } .wp-blog-card__img img { height: auto !important; width: 100%; } .wp-blog-card__title.wp-blog-card__title { margin: 0 0 1rem; font-size: 24px; font-size: 1.5rem; } .wp-blog-card__title.wp-blog-card__title a { text-decoration: none; } .wp-blog-card__date { font-size: 13px; font-size: 0.8125rem; opacity: 0.75; font-style: italic; } .wp-blog-controls { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem 0; display: flex; justify-content: flex-end; gap: 1.25rem; } .wp-blog-detail.wp-blog-detail { padding: 1.875rem; } @media (min-width: 60em) { .wp-blog-detail.wp-blog-detail { padding: 2.5rem; } } .wp-blog-detail__title.wp-blog-detail__title { font-size: 30px; font-size: 1.875rem; margin: 0 0 0.25rem; } @media (min-width: 60em) { .wp-blog-detail__title.wp-blog-detail__title { font-size: 36px; font-size: 2.25rem; } } .wp-blog-detail__meta { font-size: 14px; font-size: 0.875rem; color: #999; opacity: 0.5; margin-bottom: 1rem; } .wp-blog-detail__meta span { color: #000; margin-right: 0.25rem; } .wp-blog-detail__meta span:last-child { margin-left: 0.25rem; } .wp-blog-detail__content { margin-bottom: 2.5rem; } @media (min-width: 60em) { .wp-blog-detail__content { font-size: 18px; font-size: 1.125rem; } } .wp-blog-detail__content .wp-block-image img { max-width: 100%; margin-bottom: 1.875rem; height: auto !important; } .wp-blog-detail__content .wp-block-image .alignright { float: right; max-width: 50%; } .wp-blog-detail__content .wp-block-image .alignright img { margin-left: 1.875rem; } .wp-blog-detail__content .wp-block-image .wp-element-caption { margin-top: -1.25rem; margin-bottom: 1.875rem; font-size: 14px; font-size: 0.875rem; } .wp-blog-detail__content .has-text-align-center { text-align: center; } .wp-blog-detail__image { margin-bottom: 1.25rem; } @media (min-width: 60em) { .wp-blog-detail__image { margin: 0 -2.5rem 2.5rem; } } .wp-blog-detail__image img { width: 100%; height: auto !important; } .wp-blog-detail__controls { border-top: 1px solid rgba(0, 0, 0, 0.125); margin-top: 1.25rem; padding: 1.875rem 0 1.25rem; text-align: center; } .encyclopedia-coin { padding: 0 0 0.75em; } @media screen and (min-width: 54em), print { .encyclopedia-coin { float: left; margin: 0 2.1276595745% 0 0; width: 21.2765957447%; } } @media screen and (min-width: 54em), print { .encyclopedia-coin img { display: block; max-width: 100%; } } .encyclopedia-details { background-color: #f3f0e7; padding: 0.75em 1.25em; } @media screen and (min-width: 54em), print { .encyclopedia-details { float: right; margin: 0 0 1.25em; padding: 0.75em 2.1276595745% 0; width: 24.1134751773%; } } .encyclopedia-details dd { color: #aaa; margin: 0; font-size: 11px; font-size: 0.6875rem; font-weight: bold; letter-spacing: 0.15em; } .encyclopedia-details dt { margin: 0 0 0.75em; } .encyclopedia-desc { margin: 0 0 1.25em; } @media screen and (min-width: 54em), print { .encyclopedia-desc { float: left; width: 48.2269503546%; } } .coin-gallery-type { background: url("/graphics/site/bg_coingallery_typeheader.gif") bottom left repeat-x; padding: 0.75em 0 0; margin: 0 0 1.25em; } .coin-gallery-heading { background-color: #6b5d12; text-transform: uppercase; font-weight: normal; font-size: 16px; font-size: 1rem; margin: 0; padding: 0.5em 0.75em; letter-spacing: 0.15em; color: white; display: inline-block; font-family: Georgia, serif; font-style: italic; } .subpage-content .coin-gallery-heading { font-size: 16px; font-size: 1rem; color: white; margin: 0; line-height: 1.4; } .coin-gallery-series { background: url("/graphics/site/hr_coingallery_dots.gif") bottom left repeat-x; color: #666; font-family: Georgia, serif; font-style: normal; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; margin: 0 0 0.75em; padding: 0 0.75em 0.5em; } .subpage-content .coin-gallery-series { color: #666; font-size: 12px; font-size: 0.75rem; font-style: normal; font-weight: bold; } .subpage-content .coin-gallery-list { padding: 0; overflow: hidden; } ul.coin-gallery-list li { background-image: none; float: left; width: 50%; padding: 0 0.625em 2em; text-align: center; } ul.coin-gallery-list li::before { content: ""; padding-right: 0; } @media screen and (min-width: 54em), print { ul.coin-gallery-list li { width: 25%; } } ul.coin-gallery-list li:nth-child(2n+1) { clear: left; } @media screen and (min-width: 54em), print { ul.coin-gallery-list li:nth-child(2n+1) { clear: none; } } @media screen and (min-width: 54em), print { ul.coin-gallery-list li:nth-child(4n+1) { clear: left; } } .lt-ie8 ul.coin-gallery-list li { width: 22%; } .coin-gallery-image { display: block; max-width: 8em; margin: 0 auto 0.75em; } .coin-gallery-name { font-size: 16px; font-size: 1rem; margin: 0; padding: 0 0 0.375em; min-height: 2em; color: #444; } .subpage-content .coin-gallery-name { font-size: 16px; font-size: 1rem; line-height: 1.5; font-weight: bold; color: #444; } .coin-gallery-desc { min-height: 1.5em; font-size: 11px; font-size: 0.6875rem; line-height: 1.3; text-align: left; } .coin-gallery-more { font-size: 10px; font-size: 0.625rem; letter-spacing: 0.1em; } a.coin-gallery-more:visited { color: white; } @media screen and (min-width: 48em), print { .main.ld-main.move-down { padding-top: 1em; } } @media screen and (min-width: 60em), print { .main.ld-main.move-down { padding-top: 1.25em; } } .ld-top { margin: 0 auto; max-width: 54em; padding: 0.625em 0.625em 1em; } @media screen and (min-width: 36em), print { .ld-top { padding: 0 0 1.25em; } } @media screen and (min-width: 60em), print { .ld-top { padding: 0.625em 0 1em; } } .ld-top__inner { background-color: #182e39; border-radius: 0.5em; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 1em; } @media screen and (min-width: 48em), print { .ld-top__inner { display: flex; padding: 0.625em 1.5em; justify-content: space-between; } } @media screen and (min-width: 48em), print { .ld-top__logo { border-right: 1px solid rgba(255, 255, 255, 0.1); padding-right: 2em; display: flex; flex-direction: column; justify-content: center; } } .ld-top__logo h2 { font-size: 16px; font-size: 1rem; margin: 0; } .ld-top__logo h2 a { text-indent: -9999px; background: url(/graphics/site/logo_white.svg?v=20240325) center no-repeat; display: block; width: 260px; margin: 0 auto 0.375em; height: 40px; } .ld-top__logo-tagline { color: white; font-size: 10px; font-size: 0.625rem; font-weight: bold; letter-spacing: 0.15em; text-align: center; text-transform: uppercase; } .ld-top__20years { display: none; } @media screen and (min-width: 48em), print { .ld-top__20years { display: block; text-indent: -9999px; background-image: url(/graphics/site/sprites_local.png?v=20180103); background-size: 280px 380px; width: 220px; background-position: 0 -65px; height: 90px; } } @media screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5), screen and (min-width: 48em) and (min-resolution: 144dpi), screen and (min-width: 48em) and (min-resolution: 1.5dppx), print and (-webkit-min-device-pixel-ratio: 1.5), print and (min-device-pixel-ratio: 1.5), print and (min-resolution: 144dpi), print and (min-resolution: 1.5dppx) { .ld-top__20years { background-image: url(/graphics/site/sprites_local@2x.png?v=20180103); } } .ld-top__consumer { display: none; } @media screen and (min-width: 48em), print { .ld-top__consumer { display: block; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 2.25em; margin-left: 0; } } .ld-top__consumer-ca, .ld-top__consumer-transactions { float: left; text-indent: -9999px; background-image: url(/graphics/site/sprites_local.png?v=20180103); background-size: 280px 380px; width: 90px; background-position: -10px -171px; height: 90px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .ld-top__consumer-ca, .ld-top__consumer-transactions { background-image: url(/graphics/site/sprites_local@2x.png?v=20180103); } } .ld-top__consumer-transactions { background-position: -10px -281px; margin-left: 1em; margin-right: 0.25em; } .ld-call { text-align: center; margin: 0.25rem auto 1rem; max-width: 40rem; } .ld-call::before { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 1px; position: relative; top: 0.625rem; } .ld-call__inner { background-color: #e5e9ea; display: inline-block; padding: 0 0.875rem 0 2.75rem; position: relative; } .ld-call__inner::before { content: ""; display: block; background-image: url(/graphics/site/sprites.png); background-size: 800px 390px; background-position: -97px -98px; height: 30px; left: 0.5rem; top: -0.425em; position: absolute; width: 30px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .ld-call__inner::before { background-image: url(/graphics/site/sprites@2x.png); } } .ld-back { font-size: 14px; font-size: 0.875rem; font-weight: bold; text-decoration: none; text-transform: uppercase; position: relative; display: inline-block; padding-left: 21px; margin: 1em 0 0; } .ld-back:hover { text-decoration: underline; } .ld-back::before { background-image: url(/graphics/site/learningcenter/sprites.png); background-size: 150px 200px; background-color: #005581; background-position: 3px 3px; border-radius: 10em; content: ""; display: block; height: 16px; position: absolute; top: 0; left: 0; width: 16px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .ld-back::before { background-image: url(/graphics/site/learningcenter/sprites@2x.png); } } @media screen and (min-width: 60em), print { .subpage-content .ld-title { font-size: 36px; font-size: 2.25rem; margin-top: 0.125em; } } .subpage-content .ld-locale-title { font-size: 14px; font-size: 0.875rem; font-style: normal; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: 1px solid #e6e4d9; padding-bottom: 0.375em; margin: 1em 0; } .subpage-content .ld-locale-list { padding: 0; } .subpage-content .ld-locale-list li { background-image: none; padding: 0 0 0.25em; font-size: 21px; font-size: 1.3125rem; } .subpage-content .ld-locale-list li::before { content: ""; padding-right: 0; } .subpage-content .ld-pretext { padding-bottom: 1em; font-size: 18px; font-size: 1.125rem; } .subpage-content .ld-pretext p:last-child { padding-bottom: 0; } .subpage-content .ld-form-jump { margin-bottom: 2em; text-align: center; } @media screen and (min-width: 48em), print { .subpage-content .ld-form-jump { display: none; } } .subpage-content .ld-form-jump .button { padding: 0.625em 0.625em 0.625em 3.5em; text-align: left; } .subpage-content .ld-form-jump .button::before { background-image: url(/graphics/site/learningcenter/sprites.png); background-size: 150px 200px; background-color: #182e39; background-position: 7px 7px; border-radius: 10em; content: ""; display: block; height: 24px; position: absolute; transform: rotate(-90deg); top: 50%; margin-top: -12px; left: 10px; width: 24px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .subpage-content .ld-form-jump .button::before { background-image: url(/graphics/site/learningcenter/sprites@2x.png); } } .subpage-content .ld-form-jump .button::after { content: ""; position: absolute; top: 0; height: 100%; left: 2.75em; width: 1px; opacity: 0.3; background-color: white; } .ld-offer.offer-major { margin-top: 1.25em; } @media screen and (min-width: 48em), print { .ld-offer.offer-major { position: absolute; right: -1em; top: 0.5em; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); } } @media screen and (min-width: 56em), print { .ld-offer.offer-major { border-top-right-radius: 0.375em; border-bottom-right-radius: 0.375em; } } .ld-offer__call { text-align: center; } .ld-offer__call-inner { display: inline-block; position: relative; background-color: #005581; text-align: left; margin-bottom: 1.25em; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); padding: 1em 1em 0.75em 4em; border-radius: 0.5em; line-height: 1; } .ld-offer__call-inner::before { content: ""; display: block; background-position: -429px -116px; height: 40px; width: 40px; background-image: url(/graphics/site/sprites.png?v=20220408); background-size: 800px 390px; left: 0.875em; top: 50%; margin-top: -20px; position: absolute; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .ld-offer__call-inner::before { background-image: url(/graphics/site/sprites@2x.png?v=20220408); } } .ld-offer__call-inner span { display: block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 0.25em; } .ld-offer__call-inner strong { display: block; font-size: 20px; font-size: 1.25rem; } .ld-offer__call-inner a { color: #f0f4a8; } .ld-offer__coupon { margin: 1.5em 0 1em; border: 2px dashed rgba(255, 255, 255, 0.3); text-align: center; line-height: 1; padding: 1.5em 0.5em 1.375em; background: url(/graphics/site/local_coupon_bg.png) 55% 30% no-repeat; position: relative; } .ld-offer__coupon::before { content: ""; display: block; background-image: url(/graphics/site/sprites_local.png?v=20180103); background-size: 280px 380px; width: 46px; position: absolute; top: -20px; background-position: -179px -179px; height: 32px; left: 0; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .ld-offer__coupon::before { background-image: url(/graphics/site/sprites_local@2x.png?v=20180103); } } .ld-offer__coupon-text-1 { font-size: 18px; font-size: 1.125rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.1em; } .ld-offer__coupon-text-2 { color: #f0f4a8; font-weight: bold; margin-bottom: 0.2em; font-size: 36px; font-size: 2.25rem; } .ld-offer__coupon-text-3 { color: rgba(255, 255, 255, 0.85); font-size: 12px; font-size: 0.75rem; } @media screen and (min-width: 48em), print { .subpage-content.subpage-content--ld-form { min-height: 56.5em; padding-right: 22em; position: relative; } } .ld-map { position: relative; } @media screen and (min-width: 68em), print { .ld-map { margin: -1em -9em; left: -12px; } } .ld-map ul { padding: 0; } .ld-state-svg { display: none; } @media screen and (min-width: 68em), print { .ld-state-svg { display: block; height: 695px; } } .ld-map__list { list-style: none; -moz-columns: 2; columns: 2; } @media screen and (min-width: 42em), print { .ld-map__list { -moz-columns: 3; columns: 3; } } @media screen and (min-width: 68em), print { .ld-map__list { display: none; } } .ld-map__list .ld-map-item { display: inline-block; width: 100%; padding: 0 0 0.625em; background: none; } .ld-map__list .ld-map-item.ld-map-item--blank-stores { padding-bottom: 1.825em; } .ld-map__list .ld-map-item:focus-within .ld-map-item__name { outline: thin dotted #005581; outline-offset: 0.25rem; } .ld-map__list .ld-map-item__link:focus { text-decoration: underline; } .ld-map__list--map { display: none; } @media (min-width: 68em) { .ld-map__list--map { display: block; position: absolute; top: 0; left: 0; } } .ld-map__list--map .ld-map-item { position: absolute; } .ld-map__list--map .ld-map-item__link { transition: box-shadow 0.2s ease; } .ld-map__list--map .ld-map-item__link:focus { outline: none; text-decoration: none; box-shadow: 0 0 0 0.25rem #d67402; } .ld-map-item__link { text-decoration: none; } @media screen and (min-width: 68em), print { .ld-map-item__link { background-color: #182e39; transition: background-color 0.2s ease; color: white; display: block; width: 2.875em; padding: 0.625em 0; border-radius: 6px; line-height: 1; text-align: center; box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.33); } } @media screen and (min-width: 68em), print { .ld-map-item__link:hover { background-color: #005581; } } .ld-map-item__abbr { display: none; } @media screen and (min-width: 68em), print { .ld-map-item__abbr { display: block; font-size: 18px; font-size: 1.125rem; font-weight: bold; padding-bottom: 0.2em; } } .ld-map-item__name { display: block; font-size: 18px; font-size: 1.125rem; font-weight: bold; line-height: 1.2; } @media screen and (min-width: 68em), print { .ld-map-item__name { display: none; } } .ld-map-item__link:hover .ld-map-item__name { text-decoration: underline; } .ld-map-item__count { color: #646464; display: block; font-size: 14px; font-size: 0.875rem; letter-spacing: 0.15em; } @media screen and (min-width: 68em), print { .ld-map-item__count { color: #f0cf77; } } .ld-map-item__count::after { content: " Stores"; display: inline; text-transform: uppercase; } @media screen and (min-width: 68em), print { .ld-map-item__count::after { display: none; } } .ld-map-item--one-store .ld-map-item__count::after { content: " Store"; } .ld-map-item--AL { left: 747px; top: 440px; } .ld-map-item--AK { left: 90px; top: 577px; } .ld-map-item--AZ { left: 220px; top: 402px; } .ld-map-item--AR { left: 625px; top: 400px; } .ld-map-item--CA { left: 76px; top: 308px; } .ld-map-item--CO { left: 354px; top: 296px; } .ld-map-item--CT { left: 980px; top: 181px; } .ld-map-item--DE { left: 974px; top: 242px; } .ld-map-item--DC { left: 922px; top: 248px; } .ld-map-item--FL { left: 868px; top: 521px; } .ld-map-item--GA { left: 808px; top: 427px; } .ld-map-item--HI { left: 310px; top: 590px; } .ld-map-item--ID { left: 206px; top: 145px; } .ld-map-item--IL { left: 673px; top: 256px; } .ld-map-item--IN { left: 734px; top: 233px; } .ld-map-item--IA { left: 587px; top: 218px; } .ld-map-item--KS { left: 494px; top: 312px; } .ld-map-item--KY { left: 762px; top: 296px; } .ld-map-item--LA { left: 633px; top: 490px; } .ld-map-item--MA { left: 945px; top: 122px; } .ld-map-item--MD { left: 870px; top: 253px; } .ld-map-item--ME { left: 1010px; top: 10px; } .ld-map-item--MI { left: 749px; top: 160px; } .ld-map-item--MN { left: 563px; top: 115px; } .ld-map-item--MO { left: 608px; top: 310px; } .ld-map-item--MS { left: 683px; top: 449px; } .ld-map-item--MT { left: 298px; top: 88px; } .ld-map-item--NC { left: 845px; top: 342px; } .ld-map-item--ND { left: 457px; top: 85px; } .ld-map-item--NE { left: 467px; top: 238px; } .ld-map-item--NH { left: 995px; top: 80px; } .ld-map-item--NJ { left: 928px; top: 185px; } .ld-map-item--NM { left: 337px; top: 412px; } .ld-map-item--NV { left: 136px; top: 255px; } .ld-map-item--NY { left: 893px; top: 125px; } .ld-map-item--OH { left: 795px; top: 216px; } .ld-map-item--OK { left: 520px; top: 390px; } .ld-map-item--OR { left: 90px; top: 128px; } .ld-map-item--PA { left: 875px; top: 188px; } .ld-map-item--RI { left: 1030px; top: 165px; } .ld-map-item--SC { left: 864px; top: 405px; } .ld-map-item--SD { left: 462px; top: 162px; } .ld-map-item--TN { left: 748px; top: 358px; } .ld-map-item--TX { left: 482px; top: 488px; } .ld-map-item--UT { left: 237px; top: 275px; } .ld-map-item--VA { left: 902px; top: 311px; } .ld-map-item--VT { left: 936px; top: 58px; } .ld-map-item--WA { left: 119px; top: 46px; } .ld-map-item--WI { left: 643px; top: 151px; } .ld-map-item--WV { left: 816px; top: 279px; } .ld-map-item--WY { left: 323px; top: 191px; } .subpage-content--rep { position: relative; } @media screen and (min-width: 54em), print { .subpage-content--rep .subpage-title { padding-right: 12.5em; } } .rep__contact { padding-bottom: 1.25em; } @media screen and (min-width: 54em), print { .rep__contact { position: absolute; right: 0; top: 0.375em; padding: 1.5em 2.25em 0 8.5em; } } .rep__contact h6 { border-bottom: 1px solid #e6e4d9; color: #646464; font-weight: bold; font-style: normal; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.2em; text-transform: uppercase; padding-bottom: 0.25em; margin-bottom: 0.25em; } @media screen and (min-width: 54em), print { .rep__contact h6 { border-bottom: none; border-right: 1px solid #e6e4d9; position: absolute; top: 2em; left: 0; padding: 1em 1em 1em 0; } } .rep__contact .rep__email { font-size: 14px; font-size: 0.875rem; } .rep__contact .rep__email, .rep__contact .rep__phone { font-weight: bold; } @media screen and (min-width: 54em), print { .rep__contact--single-way { top: 0.875em; } } @media screen and (min-width: 54em), print { .rep__contact--single-way h6 { padding: 0.25em 1em 0.25em 0; } } .rep__bio { border-top: 2px solid #68a0bc; background-color: #d0dfe7; margin-bottom: 2em; min-height: 9.5em; padding: 1em; position: relative; } @media screen and (min-width: 30em), print { .rep__bio { padding-left: 9.625em; } } .rep__bio p:last-of-type { padding-bottom: 0; } @media screen and (min-width: 30em), print { .rep__bio--no-photo { padding-left: 1em; } } .rep__photo { float: left; margin: 0 0.625em 0.625em 0; width: 6.25em; border: 2px solid white; } @media screen and (min-width: 30em), print { .rep__photo { position: absolute; left: 1em; top: 1em; width: 7.5em; } } .rep__photo img { max-width: 100%; } .subpage-content--rep .rep__testimonials { padding-bottom: 0.75em; } .subpage-content--rep .rep__testimonials h6 { border-bottom: 1px solid #68a0bc; color: #646464; font-weight: bold; font-style: normal; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.2em; text-transform: uppercase; padding-left: 1.375em; padding-bottom: 0.875em; margin-bottom: 0.375em; } .subpage-content--rep .rep__testimonials ul { padding: 0; margin: 0; } @media screen and (min-width: 48em), print { .subpage-content--rep .rep__testimonials ul { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1.875em; column-gap: 1.875em; } } .subpage-content--rep .rep__testimonials li { border-bottom: 1px solid #e6e4d9; background: none; display: inline-block; padding: 0.75em 0 0.75em 3.5em; position: relative; width: 100%; } .subpage-content--rep .rep__testimonials li::before { content: ""; padding-right: 0; } .subpage-content--rep .rep__testimonials li:before { content: "“"; font-family: Georgia, serif; color: #005581; font-size: 60px; font-size: 3.75rem; position: absolute; left: 0.25em; top: -0.125em; } .rep__testimonial-from { color: #005581; font-style: italic; text-align: right; } .subpage .video-list { margin: 0; overflow: hidden; padding: 0.75em 0 1.875em; } .subpage .video-list li { background: none; border-radius: 0.5em; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); margin: 0 auto 0.75em; max-width: 233px; padding: 0; } .subpage .video-list li::before { content: ""; padding-right: 0; } @media screen and (min-width: 24em), print { .subpage .video-list li { float: left; margin: 0 5% 1.5em; width: 40%; } } @media screen and (min-width: 36em), print { .subpage .video-list li { float: left; margin: 0 1.6% 1.5em; width: 30%; } } .subpage .video-list li img { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; max-width: 100%; } @media screen and (min-width: 24em), print { .subpage .video-list li:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 36em), print { .subpage .video-list li:nth-child(2n+1) { clear: none; } } @media screen and (min-width: 36em), print { .subpage .video-list li:nth-child(3n+1) { clear: left; } } .subpage .video-list a { text-decoration: none; } .subpage .video-list a:hover { opacity: 0.8; } .video-list-name { background-color: #005581; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; color: white; font-weight: bold; padding: 0.5em 0.625em; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .video-play { background-color: #222; color: white; margin: 0 -1.875em; padding: 0.75em 0.625em 1.125em; text-align: center; position: relative; z-index: 0; } @media screen and (min-width: 36em), print { .video-play { padding: 0.625em; margin: 0 -0.625em; } } .video-play-video { height: 0; margin: 0 0 0.75em; padding: 0 0 56.25879044%; position: relative; } .lt-ie9 .video-play-video { margin: 0 0 3em; } .video-play-video img, .video-play-video video { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; } .video-play-desc { padding: 0 1.25em; position: relative; } .video-play-desc a { color: #f0cf77; } .video-play-desc a:hover { color: #f4dc9c; } .video-play-desc .editor { text-align: left; } .subpage .video-play-title { color: #f0cf77; font-size: 21px; font-size: 1.3125rem; font-weight: normal; margin: 0 0 0.25em; padding: 0.375em 0; text-align: left; } @media screen and (min-width: 36em), print { .video-play .button { position: absolute; top: 0.375em; right: 1.25em; } } .video-share { border-top: 1px solid #333; border-bottom: 1px solid #333; margin-bottom: 0.625em; padding: 0 0 1.125em; text-align: center; } .video-more-list { overflow: hidden; padding: 0.375em 1.25em 0; } .video-more-list h4 { color: #f0cf77; font-size: 16px; font-size: 1rem; font-weight: normal; margin: 0.375em 0 0.75em; text-align: left; } .video-more-list__heading { color: white; font-size: 0.83em; font-weight: bold; margin: 0.25em 0 0.5em; } .subpage-content .video-more-list__heading { color: white; font-size: 0.83em; font-weight: bold; line-height: 1.4; margin: 0.25em 0 0.5em; } .video-more-link { background-color: #393939; border: 1px solid #363636; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.55); display: block; float: left; font-weight: bold; margin: 0 0 0.75em; text-decoration: none; } @media screen and (min-width: 32em), print { .video-more-link { margin: 0 1.5037593985% 0.75em 0; width: 35.037593985%; } } .lt-ie9 .video-more-link { width: 232px; } .video-more-link:hover { opacity: 0.8; } .modal-inside-video-disabled { opacity: 0.3; } .modal-inside-video-disabled:hover { opacity: 0.3; } .video-more-thumb { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.44); display: block; margin: 0 -1px; max-width: 100%; } .lt-ie9 .video-more-thumb { margin: 0; } .video-more-name { color: #ccc; display: block; font-size: 14px; font-size: 0.875rem; padding: 0.75em 0.5em 0.625em; text-align: center; } .link-moreVideos { background: #174e6a url(/graphics/site/icon_video_more_clapboard.png) center 18px no-repeat; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 3px 8px rgba(0, 0, 0, 0.44); color: #b9d0d7; display: block; float: left; font-size: 16px; font-size: 1rem; font-weight: bold; min-height: 8.1875em; padding: 5.625em 0.625em 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); max-width: 233px; width: 100%; } @media screen and (min-width: 32em), print { .link-moreVideos { max-width: auto; width: 26.4661654135%; } } .lt-ie9 .link-moreVideos { height: 131px; min-height: auto; } .lt-ie8 .link-moreVideos { height: 41px; min-height: auto; } .link-moreVideos:hover { background-color: #005581; color: white; } .video-wrapper { position: relative; } .video-wrapper::before { content: ""; width: 3.75rem; height: 3.75rem; background: rgba(0, 0, 0, 0.7); position: absolute; border: 2px solid white; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 0.25rem 1rem 0.5rem rgba(0, 0, 0, 0.6); } .video-wrapper::after { content: ""; position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); border-left: 1.25rem solid white; border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; } .modal-takeover { background-color: #222; border: none; border-radius: 0.625em; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.55); color: white; left: 5%; overflow: hidden; padding: 0; position: absolute; top: 1.5em; max-width: 41.25em; width: 90%; z-index: 10000; } @media screen and (min-width: 48em), print { .modal-takeover { margin: 0 0 0 -20.625em; left: 50%; } } .modal-takeover--email { background: #245061 url(/graphics/site/bg_takeover_email.jpg) center top no-repeat; } .modal-takeover--snowfalcon { background: #1d2f2f url(/graphics/site/bg_takeover_snowfalcon.jpg) center top no-repeat; } .modal-takeover .modal-close { color: black; font-weight: normal; font-size: 36px; font-size: 2.25rem; line-height: 1; top: 0.125em; right: -0.3em; } .modal-takeover .modal-close:hover { opacity: 0.25; } @media screen and (min-width: 36em), print { .modal-takeover .modal-close { font-size: 42px; font-size: 2.625rem; top: 0.125em; right: -0.25em; } } .modal-takeover__header--email { color: white; font-size: 18px; font-size: 1.125rem; font-weight: normal; line-height: 1.2; margin: 0; padding: 1.75em 1.25em 1.25em; text-align: center; } @media screen and (min-width: 36em), print { .modal-takeover__header--email { font-size: 1.25em; padding: 2.5em 1.25em 1.5em; } } .modal-takeover__header--email span { display: block; margin-bottom: 0.25em; } @media screen and (min-width: 36em), print { .modal-takeover__header--email span { margin-bottom: 0.5em; } } .modal-takeover__header--email div { color: #ffe87c; font-size: 20px; font-size: 1.25rem; font-weight: bold; line-height: 1.1; margin-bottom: 0.125em; text-transform: uppercase; } @media screen and (min-width: 36em), print { .modal-takeover__header--email div { font-size: 36px; font-size: 2.25rem; line-height: 1; margin-bottom: 0.125em; } } .modal-takeover__header--email div em { font-style: italic; font-weight: normal; font-family: Baskerville, Georgia, serif; } .modal-takeover--snowfalcon .modal-takeover__header { line-height: 1; font-weight: bold; text-transform: uppercase; margin: 0 0 0.25em; } .modal-takeover--snowfalcon .modal-takeover__header span { display: block; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.2em; margin-bottom: 0.25em; } @media screen and (min-width: 36em), print { .modal-takeover--snowfalcon .modal-takeover__header span { font-size: 16px; font-size: 1rem; } } .modal-takeover--snowfalcon .modal-takeover__header strong { color: #f7ee97; display: block; letter-spacing: 0.05em; font-size: 24px; font-size: 1.5rem; } @media screen and (min-width: 36em), print { .modal-takeover--snowfalcon .modal-takeover__header strong { font-size: 32px; font-size: 2rem; } } .modal-takeover__content { background-color: #122932; background-color: rgba(0, 0, 0, 0.66); padding: 1.25em; } @media screen and (min-width: 36em), print { .modal-takeover__content { padding: 1.875em; } } .modal-takeover--snowfalcon .modal-takeover__content { background-color: rgba(25, 38, 40, 0.8); margin-top: 16em; padding: 1.875em; } @media screen and (min-width: 36em), print { .modal-takeover--snowfalcon .modal-takeover__content { padding: 2.5em 4em; } } .modal-takeover__content .modal-errors { background-color: #d4190c; margin: 0 0 1.125em; padding: 1.125em 1.25em; display: none; } .modal-takeover__content .modal-errors ul { margin: 0; font-size: 14px; font-size: 0.875rem; padding: 0 0 0 1.25em; } .modal-takeover__content .modal-errors__title { font-size: 16px; font-size: 1rem; margin: 0 0 0.75em; } .modal-takeover__content form { margin: 0 auto; max-width: 380px; } .modal-takeover__content fieldset { position: relative; } .modal-takeover__content label { position: absolute; left: -999em; } .modal-takeover__content input[type=email] { background-color: white; border: none; box-shadow: none; font-size: 1.125em; margin-bottom: 0.75em; padding: 0.75em; max-width: 100%; width: 100%; } @media screen and (min-width: 30em), print { .modal-takeover__content input[type=email] { background: white url(/graphics/site/icon_takeover_email.png) 12px 11px no-repeat; padding: 0.75em 0.625em 0.75em 3.375em; } } .modal-takeover__content .button { background-image: none; background-color: #b94222; border: none; box-shadow: 0 6px 0 #88321b; font-size: 22px; font-size: 1.375rem; padding: 0.75em 1.25em; position: relative; width: 100%; } .modal-takeover__content .button:hover { background-color: #cf4a26; } .modal-takeover__content .button:active { box-shadow: 0 3px 0 #aa3f22; outline: none; border: none; top: 3px; } .modal-takeover__content .privacy-note { color: #bad8ea; display: block; font-family: Georgia, serif; font-size: 0.75em; font-style: italic; padding: 1.125em 0 0.75em; text-align: center; } .modal-takeover__content .cta-privacy { margin-bottom: 0.75rem; } @media (min-width: 48rem) { .modal-takeover__content .cta-privacy { font-size: 0.875rem; } } .modal-takeover__content .cta-privacy__contact label { position: static; } .modal-takeover__social { text-align: center; } .modal-takeover__social-fb, .modal-takeover__social-li { background-image: url(/graphics/site/icon_takeover_social.png); background-size: 56px 24px; height: 24px; width: 24px; text-indent: -9999px; margin: 0 0.125em; display: inline-block; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .modal-takeover__social-fb, .modal-takeover__social-li { background-image: url(/graphics/site/icon_takeover_social@2x.png); } } .modal-takeover__social-fb:hover, .modal-takeover__social-li:hover { opacity: 0.5; } .modal-takeover__social-li { background-position: -32px 0; } .main.thankYou { max-width: 54em; position: relative; } @media screen and (min-width: 48em), print { .thankYou .subpage-content { min-height: 24em; margin-right: 18.75em; overflow: hidden; } } @media screen and (min-width: 70em), print { .thankYou .subpage-content { margin-right: 17.25em; } } .thankYou .live-prices { max-width: 16em; margin: 1em auto; } @media screen and (min-width: 48em), print { .thankYou .live-prices { position: absolute; top: 2em; right: 2em; } } .thankYou h3 { font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1em; margin: 0; padding: 1em 1.75em; text-transform: uppercase; text-align: center; } .thankYou .photo-kit { float: right; margin: 0 0 0.75em 1.25em; } .thankYou-reportAndCode { background-color: #3e718b; padding: 0.75em 0.625em; margin: 0 0 24px; } .thankYou-reportAndCode .button { display: block; margin: 0 0 0.75em; } @media screen and (min-width: 24em), print { .thankYou-reportAndCode .button { float: left; margin: 0 1.25em 0 0; } } .thankYou-reportAndCode .code { font-weight: bold; font-size: 18px; font-size: 1.125rem; } .thankYou-reportAndCode .code span { color: white; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; display: block; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .thankYou-reportAndCode .disclaimer { color: white; font-style: italic; font-family: Georgia, serif; font-size: 11px; font-size: 0.6875rem; } .thankYou-reports { overflow: hidden; } .thankYou-reports .button { line-height: 1.2; display: block; margin: 0 0.625em 0.375em; padding: 0.75em 0.625em; width: auto; } @media screen and (min-width: 36em), print { .thankYou-reports .button { float: left; padding: 0.75em 0.5em; min-height: em; width: 29%; margin: 0 2%; } } .live-prices__sr-only { width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; text-indent: -999rem; } .live-prices__controls { background-color: #387a9d; zoom: 1; font-size: 12px; font-size: 0.75rem; margin-bottom: 1.125em; padding-top: 0.35em; text-align: center; visibility: hidden; position: absolute; top: -999em; opacity: 0; transform: translateX(-3.75em); transition: all 0.3s ease 0.2s; } .live-prices__controls:before, .live-prices__controls:after { content: ""; display: table; } .live-prices__controls:after { clear: both; } @media screen and (min-width: 36em), print { .live-prices__controls { visibility: visible; position: static; opacity: 1; transform: translateX(0); } } @media screen and (min-width: 64em), print { .live-prices__controls { margin: 0 -2em 1.125em; } } @media screen and (min-width: 70em), print { .live-prices__controls { margin: 0 -0.5em 1.125em; } } .home-prices--is-expanded .live-prices__controls { visibility: visible; position: static; opacity: 1; transform: translateX(0); } .live-prices__controls a { color: white; display: inline-block; padding: 0.4em 0.55em 0.75em; text-decoration: none; } .live-prices__controls a:hover { color: #fae161; } .live-prices__controls .is-current { border-radius: 0.375em 0.375em 0 0; font-weight: bold; background-color: white; color: #387a9d; } .live-prices__controls .is-current:hover { color: #244e65; } .live-prices__content { width: 100%; max-width: 20em; margin: 0 auto; opacity: 0; visibility: hidden; position: absolute; left: -999em; } @media screen and (min-width: 64em), print { .live-prices__content { margin: 0 -1em; } } @media screen and (min-width: 70em), print { .live-prices__content { margin: 0 -0.25em; } } .live-prices__content.is-current { opacity: 1; left: auto; visibility: visible; position: static; display: block; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: priceReveal; animation-name: priceReveal; } .live-prices__content caption { display: none; } .live-prices__content th { color: #646464; font-size: 11px; font-size: 0.6875rem; font-weight: bold; letter-spacing: 0.05em; overflow: hidden; text-align: left; text-transform: uppercase; padding-bottom: 0.25em; display: none; } .home-prices--is-expanded .live-prices__content th { display: table-cell; } @media screen and (min-width: 36em), print { .live-prices__content th { display: table-cell; } } .live-prices__content th:first-child { text-indent: -9999px; } .live-prices__content td { border-top: 1px solid #d0dfe7; padding: 0.325em 0 0.25em 0; } .live-prices__content tr:last-child td { border-bottom: 1px solid #d0dfe7; } .live-prices__content .live-prices__metal { width: 60%; padding-right: 0.75em; } .live-prices__content .live-prices__price, .live-prices__content .live-prices__change { font-size: 14px; font-size: 0.875rem; font-weight: bold; } .live-prices__content .live-prices__price { padding-right: 1.5em; } .live-prices__content .live-prices__change { text-align: right; } .live-prices__content .live-prices__change div { position: relative; padding-right: 1.25em; } .live-prices__content .live-prices__change div:after { content: ""; border-left: 0.275rem solid transparent; border-right: 0.275rem solid transparent; border-bottom: 0.4rem solid #4e8124; display: block; position: absolute; right: 0.2rem; top: 0.275rem; } .live-prices__content .live-prices__change .live-prices__sr-only { position: absolute; padding-right: 0; } .live-prices__content .live-prices__change .live-prices__sr-only::after { content: none; } .live-prices__content .live-prices__plat { display: none; } .home-prices--is-expanded .live-prices__content .live-prices__plat { display: table-row; } @media screen and (min-width: 36em), print { .live-prices__content .live-prices__plat { display: table-row; } } .live-prices__content .is-up { color: #4e8124; } .live-prices__content .is-down { color: #b01a10; } .live-prices__content .is-down div:after { border-bottom: none; border-top: 0.4rem solid #b01a10; } @-webkit-keyframes priceReveal { 0% { opacity: 0; transform: translate3d(0, -2em, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes priceReveal { 0% { opacity: 0; transform: translate3d(0, -2em, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .home-prices__mobile-expand { border-top: 1px solid #d0dfe7; display: block; font-weight: bold; font-size: 14px; font-size: 0.875rem; text-decoration: none; text-align: center; padding: 1em; } .home-prices--is-expanded .home-prices__mobile-expand { display: none; } @media screen and (min-width: 36em), print { .home-prices__mobile-expand { display: none; } } .home-prices__mobile-expand:before { display: inline-block; content: ""; top: 0.05em; position: relative; background-size: 800px 390px; background-position: -411px -2px; height: 13px; margin-right: 0.5em; width: 13px; } .no-webp .home-prices__mobile-expand:before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .home-prices__mobile-expand:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .home-prices__mobile-expand:before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .home-prices__mobile-expand:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .live-prices__change-toggle { display: none; text-align: center; padding-top: 0.625em; } .home-prices--is-expanded .live-prices__change-toggle { display: block; } @media screen and (min-width: 36em), print { .live-prices__change-toggle { display: block; } } .live-prices__change-toggle button { background-color: white; border-radius: 0; color: #387a9d; border: 1px solid #387a9d; border-right: none; font-size: 10px; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.1em; } .live-prices__change-toggle button:first-child { border-radius: 0.5em 0 0 0.5em; } .live-prices__change-toggle button:last-child { border-radius: 0 0.5em 0.5em 0; border-right: 1px solid #387a9d; } .live-prices__change-toggle button:focus { outline: 0.0625rem dotted #182e39; outline-offset: 0.25rem; } .live-prices__change-toggle button.is-selected { background-color: #387a9d; color: white; } .live-prices__charts-link { padding-top: 1em; text-align: center; display: none; padding-bottom: 1em; } .home-prices--is-expanded .live-prices__charts-link { display: block; } @media screen and (min-width: 36em), print { .live-prices__charts-link { display: block; padding-bottom: 0; } } .live-prices__charts-link .button { background-color: #387a9d; border-radius: 0.375em; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.15em; text-transform: uppercase; overflow: hidden; padding: 0.8em 1em 0.7em 3.5em; } .live-prices__charts-link .button:hover { background-color: #005581; } .live-prices__charts-link .button:focus { outline: 0.0625rem dotted #182e39; outline-offset: 0.25rem; } .live-prices__charts-link .button:before { background-size: 800px 390px; background-color: #005581; background-position: -33px -189px; content: ""; height: 100%; left: 0; top: 0; position: absolute; width: 2.75em; } .no-webp .live-prices__charts-link .button:before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .live-prices__charts-link .button:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .live-prices__charts-link .button:before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .live-prices__charts-link .button:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } @media screen and (min-width: 48em), print { .minigrid .minigrid__row { overflow: hidden; padding: 0.75em 0; } } .minigrid .minigrid__box { background-color: #333; border: 1px solid #111; color: white; margin: 0 0 0.875em; overflow: hidden; position: relative; border-radius: 0.25em; } @media screen and (min-width: 24em), print { .minigrid .minigrid__box { min-height: 12.5em; padding: 0.75em 0.625em 0.375em 40%; } } @media screen and (min-width: 60em), print { .minigrid .minigrid__box { float: left; margin: 0 2% 0.75em; padding: 0; width: 29%; min-height: 542px; } } @media screen and (min-width: 60em), print { .minigrid .minigrid__box--wholeRow { float: none; width: 95%; margin: 0 2% 0.75em; min-height: 12.5em; padding: 18px 0.625em 0.375em 33%; } } .minigrid .minigrid__image { padding: 0.75em; text-align: center; } @media screen and (min-width: 24em), print { .minigrid .minigrid__image { left: 0.875em; padding: 0; position: absolute; top: 0.875em; width: 32%; } } @media screen and (min-width: 60em), print { .minigrid .minigrid__image { position: static; margin: 0 0 0.75em; width: auto; } } @media screen and (min-width: 60em), print { .minigrid .minigrid__box--wholeRow .minigrid__image { position: absolute; margin: 0; width: 27%; } } .minigrid .minigrid__title { color: #f0cf77; font-size: 18px; font-size: 1.125rem; font-weight: bold; line-height: 1.2; margin: 0; padding: 0 0.75em 0.2em; } .minigrid .minigrid__desc { font-size: 12px; font-size: 0.75rem; padding: 0 1.25em 0.5em; } .minigrid .minigrid__disclaimer { color: #bbb; font-size: 11px; font-size: 0.6875rem; font-family: Georgia, serif; font-style: italic; } .minigrid .minigrid__request { text-align: center; padding: 0 0 0.875em; } @media screen and (min-width: 60em), print { .minigrid .minigrid__request { position: absolute; bottom: 0.375em; width: 100%; } } @media screen and (min-width: 60em), print { .minigrid .minigrid__box--wholeRow .minigrid__request { position: static; } } .subpage .press-article-list { padding: 0; } .subpage .press-article-list li { background: none; border-top: 1px dotted #ccc; padding: 1rem 0 0.625rem; } .subpage .press-article-list li::before { content: ""; padding-right: 0; } @media (min-width: 48em) { .main.market-com { display: grid; grid-template-columns: 1fr 14.375rem; } } @media (min-width: 60em) { .main.market-com { grid-template-columns: 1fr 16.5rem; } } @media (min-width: 48em) { .main.market-com .subpage-content, .main.market-com .sidebar { width: auto; } } @media (min-width: 48em) { .main.market-com::before { display: none; } } .market-com .subpage-content { position: relative; max-width: 100%; } .featured-article { border-top: 1px dotted #ccc; padding: 1.25rem 0; position: relative; zoom: 1; } .featured-article:before, .featured-article:after { content: ""; display: table; } .featured-article:after { clear: both; } @media screen and (min-width: 36em), print { .featured-article { display: grid; grid-template-columns: 8rem 1fr; grid-template-rows: auto auto 1fr; grid-column-gap: 1.25rem; } } @media (min-width: 60em) { .featured-article { grid-column-gap: 1.875rem; padding: 1.875rem 0; } } @media (min-width: 36em) { .featured-article::before { display: none; } } .featured-article img { float: right; margin-left: 1rem; margin-bottom: 1rem; max-width: 35%; display: block; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); } @media screen and (min-width: 36em), print { .featured-article img { float: none; margin: 0; max-width: 100%; grid-row: 1/4; } } .featured-article .featured-article__title { margin: 0; font-weight: bold; } .featured-article .featured-article__title a { font-size: 21px; font-size: 1.3125rem; text-decoration: none; line-height: 1.2; } .featured-article .featured-article__title a:hover { color: #005581; } .featured-article__date { color: #646464; font-size: 12px; font-size: 0.75rem; font-style: italic; margin-bottom: 0.875em; } .featured-article__desc { padding-bottom: 0; } .market-com-offer--featured-articles.offer-major ~ .featured-article { overflow: hidden; } @media (min-width: 60em) { .market-com-offer--featured-articles.offer-major ~ .featured-article { padding-right: 0.625em; } } .market-com-offer--featured-articles.offer-major ~ .featured-article::after { clear: none; } .press-article-list h2 { font-size: 16px; font-size: 1rem; margin: 0; font-weight: bold; } .press-article-list h2 a { text-decoration: none; } .press-article-list h2 a:hover { text-decoration: underline; } .press-article-list .meta, .press-article-list .meta a { color: #646464; font-size: 12px; font-size: 0.75rem; font-style: italic; } .press-article-list .meta a { font-style: normal; text-decoration: underline; } .press-article-list-archive { border-top: 1px dotted #ccc; padding: 1.25em 0.625em 1.75em; text-align: center; } .press-article-list-pagination { border-top: 1px dotted #ccc; padding: 1.25em 0.625em 1.75em; } .press-article-list-pagination form { float: left; margin: 0 0.625em 0.75em 0; } .button-rss { margin: 0.75em 0 0.75em 0.625em; float: right; } .pr-signup { background-color: #68a0bc; border-radius: 0.325em; padding: 0.75em 1em; } .press-footer { border-top: 1px dotted #ccc; zoom: 1; } .press-footer:before, .press-footer:after { content: ""; display: table; } .press-footer:after { clear: both; } .press-footer__twitter { background: url(/graphics/site/icon_news_twitter.png) 10px 10px no-repeat; display: block; font-style: italic; padding: 1.25em 0.625em 0.875em 3.75em; } @media screen and (min-width: 60em), print { .press-footer__twitter { float: left; width: 49.5%; } } .press-footer__call { border-top: 1px dotted #ccc; padding: 0.875em 0.625em; } @media screen and (min-width: 60em), print { .press-footer__call { border-top: none; float: right; padding: 1.25em 0.625em 0.875em; width: 49.5%; } } .press-footer__call span { text-transform: uppercase; display: block; font-style: italic; color: #005581; letter-spacing: 0.05em; } .press-ad-links { border-top: 1px dotted #ccc; overflow: hidden; padding-top: 1em; } .press-ad-links__button { display: block; margin: 0 auto 1em; max-width: 333px; transition: opacity 0.3s ease; } @media screen and (min-width: 54em), print { .press-ad-links__button { float: right; width: 48.1910274964%; } } .press-ad-links__button:hover { cursor: pointer; opacity: 0.7; } @media screen and (min-width: 54em), print { .press-ad-links__button:first-child { float: left; } } .press-back { border-top: 1px dotted #ccc; padding: 1.25em 0.625em; text-align: center; } .press-article-date { font-style: italic; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; margin: 0.75em 1.25em 0.75em 0; } .press-back__button-form { display: inline-block; padding: 0 0.5em; } .press-article { padding: 1.25em 0 1.5em; overflow-wrap: break-word; } .press-article a { font-weight: bold; } @media (min-width: 60em) { .press-article { min-height: 59rem; position: relative; } } @media screen and (min-width: 70em), print { .press-article { min-height: 53rem; } } .press-article iframe { max-width: 100%; } @media screen and (min-width: 60em), print { .press-article .offer-major { border-radius: 0.375em 0 0 0.375em; width: 18em; position: absolute; right: -2.25em; top: 1.45em; } } @media screen and (min-width: 70em), print { .press-article .offer-major { top: -4em; } } .market-com-meta { color: #aaa; font-style: italic; margin-top: -1em; margin-bottom: 1.25em; padding-left: 0.125em; font-size: 12px; font-size: 0.75rem; } .market-com-meta span { color: #646464; font-size: 16px; font-size: 1rem; } .market-com-meta span:first-child { margin-right: 0.25em; } .market-com-meta span:last-child { margin-left: 0.25em; } .market-com-meta .summary, .market-com-meta .disclaimer { font-size: 11px; font-size: 0.6875rem; padding: 0.375em 0 0; } .market-com-article-video { margin-bottom: 1.25em; } @media screen and (min-width: 24em), print { .market-com-article-video { margin: 0 auto 1.25em; max-width: 465px; } } @media screen and (min-width: 48em), print { .market-com-article-video { margin-top: 0.2em; } } @media screen and (min-width: 60em), print { .market-com-article-video { margin-left: -2.875em; } } .market-com-article-image { clear: both; margin: 0 0 1.25em; text-align: center; } @media screen and (min-width: 24em), print { .market-com-article-image { float: left; margin: 0 1.25em 0.75em -2.125em; max-width: 40%; } } @media screen and (min-width: 60em), print { .market-com-article-image { max-width: 45%; margin-top: 0.2em; margin-left: -2.875em; } } .market-com-attribution { border-top: 1px dotted #ccc; font-family: Georgia, serif; font-size: 12px; font-size: 0.75rem; font-style: italic; padding: 0.75em 0.625em; text-align: center; } .subpage .press-controls { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 12px; font-size: 0.75rem; margin: 0; overflow: hidden; padding: 0.125em 0 0; } .subpage .press-controls li { background: none; display: block; float: left; padding: 0 0.625em; } .subpage .press-controls li::before { content: ""; padding-right: 0; } .subpage .press-controls a { display: block; font-weight: bold; padding: 0.75em 0 0.75em 2em; text-decoration: none; } .subpage .press-controls a:hover { text-decoration: underline; } .subpage .press-controls .press-controls__mail { padding-left: 0.15em; } .subpage .press-controls { display: flex; align-items: center; } .subpage .press-controls .press-controls__label { display: none; } @media (min-width: 48em) { .subpage .press-controls .press-controls__label { display: block; } } .subpage .press-controls .press-controls__share { clear: both; float: none; display: flex; align-items: center; } .subpage .press-controls .share-controls a { top: -1px; } .press-controls__label { display: inline-block; font-weight: bold; color: #646464; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.375em 0.375em 0.375em 0; } @media screen and (min-width: 48em), print { .press-controls__label { padding: 0.375em 0.375em 0.375em 1.25em; border-left: 1px solid #e2e2e2; } } .icon-mail { background: url(/graphics/site/icon_pr_email.gif) 0 0.75em no-repeat; } .icon-pdf { background: url(/graphics/site/icon_pr_pdf.gif) 0 0.75em no-repeat; } .icon-archive { background: url(/graphics/site/icon_pr_copy.jpg) 0 0.75em no-repeat; } .icon-print { background: url(/graphics/site/icon_pr_printer.jpg) 0 0.75em no-repeat; } .market-com-extList .titlebar { background-color: #005581; } .market-com-extList h3 { color: white; margin: 0; padding: 0.375em 0.625em; } .market-com-extList h5 { font-size: 14px; font-size: 0.875rem; } .subpage-content .track-orders { padding: 0; } .track-order-nav { margin: 0 0 1.25em; } .track-order-nav span { display: none; font-weight: bold; font-size: 11px; font-size: 0.6875rem; margin: 0 1em 0 0; padding: 0.25em 1.25em 0.25em 0; border-right: 1px solid #cecab4; text-transform: uppercase; } @media screen and (min-width: 30em), print { .track-order-nav span { display: inline-block; } } .track-order-nav a { border-top: 1px solid #f3f0e7; background-image: url(/graphics/site/icons_header.png); background-size: 18px 440px; background-repeat: no-repeat; background-position: 4px -411px; display: block; overflow: hidden; padding: 0.5em 0.5em 0.5em 1.75em; text-decoration: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .track-order-nav a { background-image: url(/graphics/site/icons_header@2x.png); } } .track-order-nav a:hover { opacity: 0.8; } .track-order-nav__date { float: left; font-family: Georgia, serif; } .track-order-nav__price { color: #333; float: right; font-weight: bold; } .track-orders .track-orders__order { background-image: none; background-color: white; border-radius: 0.25em; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 1em; margin: 0 0 2.5em; } .order__invoice { background-color: #005581; border-radius: 0.25em 0.25em 0 0; color: white; margin: -1em -1em 1em; overflow: hidden; } .order__num { background-color: #182e39; float: left; font-size: 10px; font-size: 0.625rem; letter-spacing: 0.2em; margin: 0 1em 0 0; padding: 1em 1.25em; text-transform: uppercase; } .order__num strong { display: block; font-size: 21px; font-size: 1.3125rem; letter-spacing: 0; text-align: center; } .order__date { font-family: Georgia, sans-serif; font-style: italic; float: right; padding: 1.5em 2em 0 0; } .order__amount { font-size: 30px; font-size: 1.875rem; padding: 0 0 0.5em 0.2em; } .track-orders .order__shipping { padding: 0; } .track-orders .order__shipping li { background-image: none; border-top: 1px solid #e2dbc5; margin: 0 0 1em; padding: 0.5em; } .track-orders .order__shipping li::before { content: ""; padding-right: 0; } .order__shipping { font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (min-width: 30em), print { .order__shipping { float: left; width: 58%; } } .order__shipping strong { display: block; font-size: 14px; font-size: 0.875rem; letter-spacing: 0; } .order__to { border-top: 1px solid #e2dbc5; font-size: 12px; font-size: 0.75rem; margin: 0 0 1em; padding: 0.625em; } @media screen and (min-width: 30em), print { .order__to { float: right; width: 38%; } } .order__to strong { display: block; font-size: 16px; font-size: 1rem; } .track-orders .order__shipments { clear: both; background-color: #f3f0e7; border-radius: 0 0 0.375em 0.375em; margin: 0 -1em -1em; padding: 1em 1.25em; } .track-orders .order__shipments li { background-image: none; padding: 0 0 0.625em; } .track-orders .order__shipments li:last-child { padding: 0; } .track-orders .order__shipments li::before { content: ""; padding-right: 0; } .order__shipments-num { border-radius: 999em; border: 2px solid white; color: #005581; display: inline-block; font-size: 12px; font-size: 0.75rem; height: 3em; width: 3em; text-align: center; margin: 0 0.5em 0 0; padding: 0.5em 0 0; position: relative; top: -0.1em; font-weight: bold; } .order__shipments-by { display: inline-block; } .subpage { zoom: 1; display: flex; flex-direction: column; margin: 0 auto; max-width: 70.75em; } .subpage:before, .subpage:after { content: ""; display: table; } .subpage:after { clear: both; } @media screen and (min-width: 36em), print { .subpage { padding: 1em; } } @media screen and (min-width: 48em), print { .subpage { display: block; scroll-margin-top: 6.125rem; } } @media screen and (min-width: 60em), print { .subpage { padding: 1.25em 2.25em; scroll-margin-top: 4.5rem; } } @media print { .subpage { display: block; padding: 0; } } @media (min-width: 48em) { .subpage-sidebar { display: flex; flex-direction: row; } } .subpage-content { background-color: white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); margin: 0 auto; max-width: 54em; padding: 1em 1.5em 1.5em; } @media screen and (min-width: 56em), print { .subpage-content { margin: 1em auto; } } @media screen and (min-width: 60em), print { .subpage-content { padding: 1.25em 2.25em; } } @media screen and (min-width: 48em), print { .subpage-sidebar .subpage-content { max-width: 100%; width: 71.9387755102%; margin: 0 1rem 0 0; } } @media (min-width: 60em) { .subpage-sidebar .subpage-content { margin: 0 1.75rem 0 0; } } @media print { .subpage-sidebar .subpage-content { width: 100%; box-shadow: none; } } @media (min-width: 60em) { .subpage-sidebar .subpage-content.subpage-content--with-offer { margin: 0 1.5rem 0 0; } } .subpage-content.subpage-content--with-offer .header-section { overflow: hidden; } .subpage-content.subpage-content--with-offer .highlight-text-box { clear: none; } @media (min-width: 60em) { .subpage-content.subpage-content--with-offer .js-iframe-wrapper { max-width: calc(100% - 16.25rem + 3.5rem - 1.875rem); margin-left: auto; } } @media (min-width: 76em) { .subpage-content.subpage-content--with-offer .js-iframe-wrapper { max-width: calc(100% - 16.25rem + 5.5rem - 1.875rem); } } @media (min-width: 84em) { .subpage-content.subpage-content--with-offer .js-iframe-wrapper { max-width: calc(100% - 17.5rem + 9.5rem - 1.875rem); } } @media (min-width: 90em) { .subpage-content.subpage-content--with-offer .js-iframe-wrapper { max-width: calc(100% - 17.5rem + 10.75rem - 1.875rem); } } .subpage-content-narrow { margin: 0 auto; max-width: 38.75em; } .subpage-content-medium { margin: 0 auto; max-width: 54em; } .sidebar { padding: 0.5em; } @media screen and (min-width: 36em), print { .sidebar { padding: 0 0 0.625em; } } @media screen and (min-width: 48em), print { .sidebar { padding: 1.5em 0; width: 24.4897959184%; flex-grow: 1; } } @media print { .sidebar { padding-top: 1em; display: none; } } @media (min-width: 48em) { .sidebar--mobile { display: none; } } .sidebar--desktop { display: none; } @media (min-width: 48em) { .sidebar--desktop { display: block; } } @media (min-width: 36em) { .subpage__split-wrapper { display: flex; justify-content: space-between; } } @media (min-width: 36em) { .subpage__split-wrapper--logon { gap: 2.5rem; } } @media (min-width: 60em) { .subpage__split-wrapper--logon { gap: 3.75rem; } } .subpage__split { padding-bottom: 0.75em; } @media (min-width: 36em) { .subpage__split { width: 47%; } } @media (min-width: 36em) { .subpage__split-wrapper--logon .subpage__split:first-child { width: 66%; } } @media (min-width: 60em) { .subpage__split-wrapper--logon .subpage__split:first-child { width: 75%; } } .contentForm.contentForm--logon { background-color: #005581; border-radius: 0.375rem; color: white; padding: 1.875rem 1.875rem 0.625rem; } .contentForm.contentForm--logon label { font-size: 18px; font-size: 1.125rem; padding-bottom: 0.125rem; } .contentForm.contentForm--logon fieldset { padding-bottom: 1.25rem; } .contentForm.contentForm--logon input[type=password], .contentForm.contentForm--logon input[type=email], .contentForm.contentForm--logon input[type=text] { padding: 0.75em 0.875em 0.625em; max-width: 100%; width: 100%; } .contentForm.contentForm--logon a { color: #f0cf77; } .contentForm.contentForm--logon .submitRow { margin: 0 0 1rem; } .contentForm.contentForm--logon .submitRow [type=submit] { background: #f0cf77; color: rgba(0, 0, 0, 0.75); font-size: 18px; font-size: 1.125rem; } .contentForm.contentForm--logon .submitRow [type=submit]:hover { background-color: #f5dfa5; } .contentForm fieldset { padding: 0 0 1em; } @media screen and (min-width: 30em), print { .contentForm fieldset { padding: 0 0 0.625em; } } .contentForm label, .contentForm .fauxlabel, .contentForm legend { display: block; padding: 0 0 0.25em 0; font-weight: bold; font-size: 14px; font-size: 0.875rem; } .contentForm input[type=password], .contentForm input[type=email], .contentForm input[type=text] { max-width: 14em; font-size: 16px; font-size: 1rem; padding: 0.325em 0.5em; } @media screen and (min-width: 36em), print { .contentForm input[type=password], .contentForm input[type=email], .contentForm input[type=text] { max-width: 90%; } } .contentForm textarea { width: 97%; padding: 0.375em; height: 3.5em; } .contentForm .textarea-big { height: 20em; } .contentForm select { margin-top: 0.45em; } .contentForm .multipleRadioButtons { padding: 0.375em 0 1.125em; } .contentForm .multipleRadioButtons ul { padding: 0; } .contentForm .multipleRadioButtons li { clear: both; background: none; padding: 0.375em 0 0; } .contentForm .multipleRadioButtons li::before { content: ""; padding-right: 0; } .contentForm .multipleRadioButtons input { margin: 0 0.125em 0 0.375em; } @media screen and (min-width: 30em), print { .contentForm .multipleRadioButtons input { margin: 0.125em 0 0 34%; float: left; } } @media screen and (min-width: 48em), print { .contentForm .multipleRadioButtons input { margin: 0.125em 0 0 36%; } } .contentForm .multipleRadioButtons label { display: inline; font-weight: normal; padding: 0; } @media screen and (min-width: 30em), print { .contentForm .multipleRadioButtons label { display: block; float: right; text-align: left; width: 60%; } } .contentForm .multipleRadioButtons .description { margin: 0 0 0 40%; } .contentForm .description { font-weight: bold; } .contentForm .longDescription { font-weight: bold; padding-bottom: 0.375em; } .contentForm .submitRow { border-top: 1px dotted #ccc; margin: 0.75em 0 0; padding: 1.25rem 0; text-align: center; width: auto; } .contentForm .submitRow .button { font-size: 16px; font-size: 1rem; padding-left: 0.875em; padding-right: 0.875em; } .contentForm .submitRow-link { margin: 0 0 0 0.625em; padding: 0.45em 1em 0.3em; position: relative; top: 0.05em; } .contentForm .submitRow-link--minor { font-size: 12px; font-size: 0.75rem; font-style: italic; } .contentForm .note { color: #646464; font-family: Georgia, serif; font-size: 11px; font-size: 0.6875rem; font-style: italic; padding: 1em 0.875em; } .contentForm .cta-privacy { clear: both; border-top: 1px dotted #ccc; padding-top: 1rem; margin-top: 1rem; } .contentForm .cta-privacy__contact label { text-align: left; float: none; width: auto; max-width: 40rem; padding: 0; } .contentForm .contentForm__acknowledgement { clear: both; border-top: 1px dotted #ccc; font-size: 12px; font-size: 0.75rem; position: relative; float: none; font-weight: normal; padding: 1.25em 1.25em 1.25em 1.75em; position: relative; width: 100%; } @media screen and (min-width: 30em), print { .contentForm .contentForm__acknowledgement { padding-left: 2.5em; } } .contentForm .contentForm__acknowledgement [type=checkbox] { position: absolute; left: 0; top: 1.675em; } @media screen and (min-width: 30em), print { .contentForm .contentForm__acknowledgement [type=checkbox] { left: 1em; } } .contentForm .contentForm__acknowledgement label { display: block; float: none; font-weight: normal; font-style: italic; } @media screen and (min-width: 30em), print { .contentForm .contentForm__acknowledgement label { padding: 0; text-align: left; width: auto; } } .contentForm .contentForm__acknowledgement-privacy { font-size: 12px; font-size: 0.75rem; font-style: italic; margin-top: 0.3125rem; } .contentForm--requestinfo { position: relative; } .contentForm--requestinfo .cta-privacy { border-top: 1px dotted #ccc; padding: 1.25rem 0 0.625rem; margin-top: 1.25rem; } @media (min-width: 30em) { .contentForm--requestinfo .cta-privacy { padding-left: 3.75rem; padding-right: 3.75rem; } } @media (min-width: 30em) { .contentForm--requestinfo .submitRow { padding-left: 0; display: flex; justify-content: center; align-items: center; gap: 1.25rem; } } @media (min-width: 30em) { .contentForm--requestinfo .submitRow .button { font-size: 18px; font-size: 1.125rem; } } .call-faster-service { display: flex; align-items: center; flex-direction: column; padding-bottom: 1.25rem; } .call-faster-service__text { padding-bottom: 0.3125rem; } .call-faster-service__call-link a { position: relative; padding: 0.5rem 1rem 0.4rem 2.875rem; color: white; font-weight: bold; border-radius: 0.375em; margin-right: auto; background-color: #a58d4c; display: inline-block; } @media (min-width: 30em) { .call-faster-service__call-link a { font-size: 18px; font-size: 1.125rem; } } .call-faster-service__call-link a::before { content: ""; display: block; background: url(/graphics/site/icon_call.svg) center no-repeat; background-size: 80%; position: absolute; left: 0.175rem; top: 0.175rem; bottom: 0.175rem; width: 2rem; border-radius: 0.2em; background-color: white; } @media screen and (min-width: 54em), print { .contentForm--split fieldset { float: left; width: 50%; } } @media screen and (min-width: 54em), print { .contentForm--split .submitRow { float: none; width: 100%; } } .single.checkbox { display: flex; align-items: start; gap: 0.5rem; } .single.checkbox label { font-weight: normal; display: inline; } .formTitle { border-bottom: 1px dotted #ccc; font-size: 16px; font-size: 1rem; letter-spacing: 0.1em; margin: 0 0 0.75em; color: #005581; padding: 1.375em 0 0.375em; text-transform: uppercase; } h2.formTitle { font-size: 1.125rem; margin-bottom: 1.25rem; } .formSubtitle { border-bottom: 1px dotted #ccc; font-size: 14px; font-size: 0.875rem; letter-spacing: 0.1em; margin: 0 0 0.875em; color: #005581; padding: 0.875em 0 0.825em; text-transform: uppercase; } .formTitle--withNum { padding: 2em 0 0.5em 3em; position: relative; } .formTitle__num { background-color: #005581; color: white; margin: 0 0.25em 0 0; padding: 0.5em 0.75em; position: absolute; left: 0; top: 1.5em; } .formOr { font-family: Georgia, serif; font-style: italic; text-transform: uppercase; color: #646464; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.15em; margin: 0 0 1em; } .reveal-hiddenGroup { display: block; font-size: 12px; font-size: 0.75rem; margin: 0 0 1.5em; text-decoration: underline; } @media screen and (min-width: 30em), print { .reveal-hiddenGroup { margin: 0 0 1.5em 40%; } } .plainText .inputContent { padding: 0.375em 0 0 0; } .contentForm .guideRow { border-bottom: 1px dotted #ccc; padding-bottom: 0.75em; margin-bottom: 0.75em; position: relative; } .guideRow input { display: block; float: left; margin: 1.125em 0.625em 0 0.625em; } @media screen and (min-width: 30em), print { .guideRow input { position: absolute; } } .guideRow p { font-weight: normal; padding: 0; } @media screen and (min-width: 30em), print { .guideRow label { text-align: left; width: auto; padding: 0 0 0 9.25em; } } @media screen and (min-width: 30em), print { .guideRow .guide { position: absolute; left: 2.25em; } } .requiredField { color: #6b5d12; font-weight: bold; } .reqFieldExplanation { color: #646464; font-family: Georgia, serif; font-size: 12px; font-size: 0.75rem; font-style: italic; } .inputContent { font-weight: normal; text-align: left; } .noLabel .inputContent { float: none; width: auto; } .inputContent__heading { color: #222; font-size: 0.875rem; font-style: italic; font-weight: bold; line-height: 1.35; margin: 0.25em 0 0.5em; } .subpage-content .inputContent__heading { color: #222; font-size: 0.875rem; font-weight: bold; line-height: 1.35; } .inputNote { color: #646464; font-size: 12px; font-size: 0.75rem; padding: 0.25em 0 0.5em; } .link-showInputNote { display: block; font-size: 12px; font-size: 0.75rem; font-style: italic; font-weight: normal; padding: 0 1.625em 0 0; } .instructions { padding: 0 0 1.125em; } .formSubmitInstructions { font-family: Georgia, serif; font-style: italic; font-size: 12px; font-size: 0.75rem; padding: 2em 0 0; } .label-visuallyhidden { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .input-star-rating { width: 150px; height: 34px; overflow: hidden; vertical-align: bottom; padding: 2px 0; } .input-star-rating > input { margin-right: -100%; opacity: 0; } .input-star-rating > label { display: block; float: right; width: 30px; height: 30px; padding: 0; position: relative; background: url(/graphics/site/input_starrating_off.svg); background-size: contain; } .input-star-rating > label:before { content: ""; display: block; width: 30px; height: 30px; background: url(/graphics/site/input_starrating_on.svg); background-size: contain; opacity: 0; transition: all 0.2s linear; } .input-star-rating > label:hover:before, .input-star-rating > label:hover ~ label:before { opacity: 0.8; } .input-star-rating > label:active:before, .input-star-rating > label:active ~ label:before { transform: scale(1.6); } .input-star-rating:not(:hover) > :checked ~ label:before { opacity: 1; } .contentForm .errors { background-color: #a41309; padding: 0.75em 1.25em; color: white; border-radius: 0.375em; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .contentForm .errors .errors-informational { background-color: #61a12d; margin: 0.75em 0 0; } .contentForm .errors h4 { color: #f0cf77; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; } .contentForm .errors ul { list-style: disc; padding: 0 4%; } .contentForm .errors a { color: white; } .success { background-color: #61a12d; margin: 0.75em 0 0; padding: 0.75em 0.625em; } .badge-yearsInBusiness { display: block; margin: 0 auto 0.75em; } @media screen and (min-width: 48em), print { .badge-yearsInBusiness { position: absolute; right: 0; margin: 0.625em 0.625em 0.75em 1.25em; } } .searchForm { background-color: #68a0bc; padding: 0.75em 1.25em 0.75em; } .searchForm label { display: block; font-weight: bold; margin: 0 0 0.375em; } @media screen and (min-width: 30em), print { .searchForm label { float: left; padding: 0.375em 0.625em 0.375em 0; } } .searchForm input[type=text] { font-size: 14px; font-size: 0.875rem; margin: 0 0.375em 0.875em 0; padding: 0.3em; } @media screen and (min-width: 30em), print { .searchForm input[type=text] { margin: 0 0.425em 0 0; } } .expandable-warning { margin-bottom: 1.5em; } .expandable-warning__link { display: block; border-radius: 0.375em; padding: 0.5em 1em 0.425em; position: relative; background-color: #005581; color: white; font-size: 14px; font-size: 0.875rem; text-decoration: none; font-weight: bold; } .expandable-warning__link:hover { background-color: #00334e; } .expandable-warning__link u { font-style: italic; font-weight: normal; margin-left: 0.25em; } .expandable-warning__close { position: absolute; top: 10px; right: 8px; text-decoration: none; font-size: 18px; font-size: 1.125rem; color: #005581; background-color: rgba(255, 255, 255, 0.5); border-radius: 100px; line-height: 1; padding: 3px 8px 3px; } .expandable-warning__close:hover { background-color: #97d4f3; text-decoration: none; } .expandable-warning__desc { background-color: #c5e7f8; border-radius: 0.375em; display: none; padding: 0.5em 1em 0.425em; position: relative; } .expandable-warning__desc h6 { text-transform: uppercase; font-size: 14px; font-size: 0.875rem; letter-spacing: 0.15em; font-style: normal; } .expandable-warning__desc p:last-of-type { padding-bottom: 0.5em; } @media (min-width: 54em) { .subpage-content--with-offer { margin-right: 1rem; } } .offer-major { background-color: #0e3d55; border-radius: 0.375em; color: white; margin: 0 auto; max-width: 21em; padding: 1.625em 1.5em 0; } .offer-major.offer-major--subpage { margin: 1.5rem auto 2.5rem; } @media (min-width: 60em) { .offer-major.offer-major--subpage { float: left; margin: 0 1.875rem 1.5rem -3.5rem; max-width: 16.25rem; } } @media (min-width: 76em) { .offer-major.offer-major--subpage { margin-left: -5.5rem; } } @media (min-width: 84em) { .offer-major.offer-major--subpage { max-width: 17.5rem; margin-left: -9.5rem; } } @media (min-width: 90em) { .offer-major.offer-major--subpage { margin-left: -10.75rem; } } .offer-major.offer-major--subpage-alt { max-width: 21em; } @media (min-width: 60em) { .offer-major.offer-major--subpage-alt { max-width: 16.25rem; margin-left: -4.5rem; border-top-left-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 60em) { .offer-major.offer-major--subpage-alt { max-width: 17.5rem; } } @media (min-width: 70em) { .offer-major.offer-major--subpage-alt { border-radius: 0.375rem; max-width: 21.25rem; } } @media (min-width: 76em) { .offer-major.offer-major--subpage-alt { margin-left: -6.5rem; } } @media (min-width: 84em) { .offer-major.offer-major--subpage-alt { margin-left: -10.5rem; } } @media (min-width: 90em) { .offer-major.offer-major--subpage-alt { margin-left: -11.75rem; } } .offer-major .offer-major__title { color: #fef9ad; font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: bold; margin: 0 0 0.625em; text-transform: uppercase; } .offer-major .offer-major__desc { background-color: rgba(0, 0, 0, 0.3); margin: 0 -1.5em 1.25em; padding: 1em 1em 0 6.5em; position: relative; } .offer-major .offer-major__desc img { position: absolute; left: -1.125em; top: 50%; margin-top: -3.75em; } .offer-major fieldset { position: relative; padding-bottom: 0.5em; } .offer-major label { font-weight: bold; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; } .offer-major .offer-major__call { text-align: center; } .offer-major .offer-major__call-inner { display: inline-block; position: relative; background-color: #005581; text-align: left; margin-bottom: 1.25em; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); padding: 1em 1em 0.75em 4em; border-radius: 0.5em; line-height: 1; } .offer-major .offer-major__call-inner::before { content: ""; display: block; background-position: -429px -116px; height: 40px; width: 40px; background-size: 800px 390px; left: 0.875em; top: 50%; margin-top: -20px; position: absolute; } .no-webp .offer-major .offer-major__call-inner::before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .offer-major .offer-major__call-inner::before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .offer-major .offer-major__call-inner::before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .offer-major .offer-major__call-inner::before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .offer-major .offer-major__call-inner span { display: block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 0.25em; } .offer-major .offer-major__call-inner strong { display: block; font-size: 20px; font-size: 1.25rem; } .offer-major .offer-major__call-inner a { color: #f0f4a8; } .offer-major .offer-major__coupon { margin: 1.5em 0 1em; border: 2px dashed rgba(255, 255, 255, 0.3); text-align: center; line-height: 1; padding: 1.5em 0.5em 1.375em; background: url(/graphics/site/local_coupon_bg.png) 55% 30% no-repeat; position: relative; } .offer-major .offer-major__coupon::before { content: ""; display: block; background-image: url(/graphics/site/sprites_local.png?v=20180103); background-size: 280px 380px; width: 46px; position: absolute; top: -20px; background-position: -179px -179px; height: 32px; left: 0; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .offer-major .offer-major__coupon::before { background-image: url(/graphics/site/sprites_local@2x.png?v=20180103); } } .offer-major .offer-major__coupon-text-1 { font-size: 18px; font-size: 1.125rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.1em; } .offer-major .offer-major__coupon-text-2 { color: #f0f4a8; font-weight: bold; margin-bottom: 0.2em; font-size: 36px; font-size: 2.25rem; } .offer-major .offer-major__coupon-text-3 { color: rgba(255, 255, 255, 0.85); font-size: 12px; font-size: 0.75rem; } .offer-major .offer-major__input input { font-size: 16px; font-size: 1rem; padding: 0.5em 0.5em 0.4em; border: none; border-radius: 0.25em; max-width: 100%; width: 100%; } .offer-major .offer-major__input [maxlength="3"] { width: 3em; margin-right: 0.25em; } .offer-major .offer-major__input [maxlength="4"] { width: 4em; } .offer-major .offer-major__check { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 0.625rem; padding: 1rem 0 0.625rem 1.25rem; position: relative; } .offer-major .offer-major__check [type=checkbox] { position: absolute; left: 0; top: 1.25rem; } .offer-major .offer-major__check label { text-transform: none; font-weight: normal; font-style: italic; font-size: 14px; font-size: 0.875rem; } .offer-major .offer-major__submit { padding-top: 0.5em; padding-bottom: 0; } .offer-major .offer-major__submit input { font-size: 21px; font-size: 1.3125rem; width: 100%; } .offer-major .offer-major__privacy { padding-top: 1em; font-size: 12px; font-size: 0.75rem; font-style: italic; opacity: 0.7; text-align: center; } .offer-major .offer-major__privacy a { color: white; } .offer-major .cta-privacy { margin-top: 0.5rem; } .offer-major--news-sidebar { background-color: white; color: #444; } .offer-major--news-sidebar .offer-major__title { color: #a58d4c; letter-spacing: 0.075em; margin-bottom: 0.3125rem; } @media (min-width: 72em) { .offer-major--news-sidebar .offer-major__title { font-size: 26px; font-size: 1.625rem; } } .offer-major--news-sidebar .offer-major__subtitle { font-size: 18px; font-size: 1.125rem; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 1.25rem; } .offer-major--news-sidebar .offer-major__input input { border: 1px solid #bbb; } .offer-major--news-sidebar .offer-major__privacy a { color: #646464; } .offer-major--news-sidebar .offer-major__submit [type=submit] { background-color: #a58d4c; } .offer-major--news-sidebar .offer-major__submit [type=submit]:hover { background-color: #826f3c; } .offer-major--news-below { background-color: transparent; color: #444; max-width: 25rem; padding-top: 3.75rem; padding-bottom: 2.5rem; } @media (min-width: 48em) { .offer-major--news-below { padding: 2.5rem 3.75rem; max-width: 70.75rem; } } .offer-major--news-below .offer-major__title { color: #a58d4c; letter-spacing: 0.075em; margin-bottom: 0.3125rem; text-align: center; } @media (min-width: 66em) { .offer-major--news-below .offer-major__title { font-size: 32px; font-size: 2rem; } } .offer-major--news-below .offer-major__subtitle { font-size: 18px; font-size: 1.125rem; letter-spacing: 0.15em; text-align: center; text-transform: uppercase; margin-bottom: 1.25rem; } @media (min-width: 66em) { .offer-major--news-below .offer-major__subtitle { font-size: 21px; font-size: 1.3125rem; margin-bottom: 1.875rem; } } .offer-major--news-below .offer-major__img { margin-bottom: 1.25rem; } @media (min-width: 48em) { .offer-major--news-below .offer-major__img { margin-bottom: 0; } } @media (min-width: 48em) { .offer-major--news-below .offer-major__content { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2.5rem; } } @media (min-width: 60em) { .offer-major--news-below .offer-major__content { grid-template-columns: 28.25rem 1fr; } } @media (min-width: 72em) { .offer-major--news-below .offer-major__content { grid-gap: 3.125rem; } } @media (min-width: 66em) { .offer-major--news-below .offer-major__form-fields { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1.25rem; } } @media (min-width: 66em) { .offer-major--news-below .offer-major__submit-area { grid-column: 1/3; } } .offer-major--news-below .offer-major__submit-area [type=submit] { display: block; margin: 0 auto; max-width: 13.75rem; } .offer-major--news-below .offer-major__input input { border: 1px solid #bbb; } .offer-major--news-below .offer-major__privacy a { color: #646464; } .offer-major--news-below .offer-major__submit [type=submit] { background-color: #a58d4c; } .offer-major--news-below .offer-major__submit [type=submit]:hover { background-color: #826f3c; } .request-info { display: grid; grid-gap: 1.875rem; padding-top: 2.5rem; padding-bottom: 5rem; align-items: start; } @media (min-width: 32em) { .request-info { margin: 0 auto; max-width: 27.5rem; } } @media (min-width: 48em) { .request-info { grid-template-columns: 20rem 1fr; max-width: 100%; padding-bottom: 2.5rem; } } @media (min-width: 60em) { .request-info { grid-template-columns: 23.75rem 1fr; } } .request-info__form { background-color: white; box-shadow: 0 13px 38px rgba(0, 0, 0, 0.1); padding: 1.875rem; } .request-info__form .cta-privacy { border-top: 1px solid #e6e4d9; border-bottom: 1px solid #e6e4d9; padding: 1.25rem 0; } .request-info__form .submitRow { padding-top: 1rem; text-align: center; } .request-info__form .submitRow .button { font-size: 21px; font-size: 1.3125rem; text-transform: uppercase; width: 100%; margin-bottom: 1.25rem; } .request-info__form .errors { background-color: #a41309; padding: 1.25rem 1.875rem; margin: 0 -1.875rem 2.5rem; color: white; } .request-info__form .errors .errors-informational { background-color: #61a12d; margin: 0.75em 0 0; } .request-info__form .errors h4 { color: #f0cf77; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 1.25rem; } .request-info__form .errors ul { list-style: disc; padding: 0 0 0 1rem; margin: 0; } .request-info__form .errors li { padding-bottom: 0.375rem; } .request-info__form .errors li:last-child { padding-bottom: 0; } .request-info__form .errors a { color: white; } .request-info__form-field { padding-bottom: 1rem; } .request-info__form-field label { display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; } .request-info__form-field [type=text] { max-width: 100%; width: 100%; } .request-info__form-acknowledgement { display: flex; align-items: baseline; gap: 0.5rem; padding-bottom: 1.25rem; } .request-info__form-acknowledgement label { font-size: 14px; font-size: 0.875rem; font-style: italic; } .request-info__form-photo { margin-top: -4.375rem; margin-right: 1rem; margin-bottom: 0.5rem; } .request-info__form-title { color: #005581; font-size: 24px; font-size: 1.5rem; line-height: 1.2; margin: 0 0 1.5rem; text-transform: uppercase; } @media (min-width: 60em) { .request-info__form-title { font-size: 28px; font-size: 1.75rem; } } .request-info__form-pixel { position: absolute; } .request-info__testimonials { list-style: none; margin: 0; padding: 0; display: grid; grid-gap: 2.5rem; } .request-info-testimonial { background-color: white; box-shadow: 0 13px 38px rgba(0, 0, 0, 0.1); padding: 1.875rem; position: relative; } .request-info-testimonial::after { content: ""; display: block; position: absolute; height: 1.5rem; width: 1.5rem; background-color: white; transform: skewX(20deg) rotateZ(-45deg); bottom: -0.75rem; right: 1rem; } .request-info-testimonial__site { background: left center no-repeat; background-size: contain; height: 2.25rem; margin-bottom: 1.25rem; text-indent: -999rem; } .request-info-testimonial__site--tp { background-image: url(/graphics/site/requestinfo_logo_trustpilot.svg); } .request-info-testimonial__site--google { font-size: 1.25rem; background-image: url(/graphics/site/requestinfo_logo_google.png); text-indent: 0; font-weight: bold; padding: 0.4rem 0 0 2.625rem; margin-left: -0.3125rem; } .request-info-testimonial__site--ca { background-image: url(/graphics/site/requestinfo_logo_ca.svg); background-size: auto 1.375rem; } .request-info-testimonial__customer { display: flex; align-items: baseline; margin-bottom: 0.25rem; } .request-info-testimonial__customer-name { font-size: 18px; font-size: 1.125rem; font-weight: bold; position: relative; padding-right: 1.5rem; margin-right: 0.375rem; } .request-info-testimonial__customer-name::before { content: ""; position: absolute; right: 0; top: 0.125rem; background-image: url(/graphics/site/requestinfo_verified.svg); background-size: contain; height: 1.125rem; width: 1.125rem; } .request-info-testimonial__customer-verified { font-size: 14px; font-size: 0.875rem; } .request-info-testimonial__stars { display: flex; margin-bottom: 1.25rem; } .request-info-testimonial__stars strong { height: 0; text-indent: -999rem; } .request-info-testimonial__stars div { background-image: url(/graphics/site/requestinfo_rating_star.svg); background-size: contain; height: 1.25rem; width: 1.25rem; } .request-info-testimonial__quote blockquote { margin: 0; } .request-info-testimonial__quote p { padding-bottom: 0; } .coin-store { max-width: 81.25em; padding: 1.125em 1.25em; } @media screen and (min-width: 60em), print { .coin-store { padding-top: 1.5em; } } @media screen and (min-width: 82em), print { .coin-store { padding-top: 2em; } } .coin-store .coin-store__section-heading { background-color: #005581; color: white; float: left; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.15em; margin: 0; padding: 0.625em 0.825em 0.5em; text-transform: uppercase; } .coin-store .sub-heading { all: unset; display: block; font-weight: bold; margin-top: 0.5rem; } .lt-ie9 .coin-store { max-width: 1000px; } .coin-store__subcontent { max-width: 46em; padding: 1em 2em; margin: 0 auto 2em; } @media screen and (min-width: 48em), print { .coin-store__subcontent { padding-left: 17.25em; max-width: 100%; } } @media screen and (min-width: 66em), print { .coin-store__subcontent { max-width: 40em; position: relative; left: 8.125em; padding-left: 2em; } } .coin-store__subcontent .subpage-title { color: #005581; font-weight: normal; line-height: 1.2; margin: 0 0 0.25em; font-size: 36px; font-size: 2.25rem; } .coin-store__subcontent .header-section { line-height: 1.2; color: #005581; font-weight: normal; margin: 1em 0 0.25em; font-size: 21px; font-size: 1.3125rem; } .coin-store__subcontent h4 { margin: 0.25em 0 0.75em; color: #005581; font-weight: normal; font-size: 18px; font-size: 1.125rem; } .alert-storewide { background-color: #d4190c; color: white; font-weight: bold; padding: 0.75em 1.25em; text-align: center; margin: 0 auto 2em; } @media (min-width: 60em) { .alert-storewide { padding-left: 2em; padding-right: 2em; } } @media (min-width: 76em) { .alert-storewide { padding-left: 11.25em; padding-right: 11.25em; } } .purchase-promo-top { background-color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: block; margin: -0.75em auto 1.875em; max-width: 60em; padding: 0.5em 0.625em; text-align: center; } @media screen and (min-width: 48em), print { .purchase-promo-top { display: none; } } .purchase-promo-top .details { color: #646464; font-family: Georgia, serif; font-style: italic; font-size: 12px; font-size: 0.75rem; } .purchase-promo-nav { display: none; } @media screen and (min-width: 48em), print { .purchase-promo-nav { display: block; text-indent: -9999px; background: #eee url(/graphics/ads/store_current_offer.jpg?v=4) center center no-repeat; height: 17.75em; } } .purchase-coins { position: relative; } .purchase-coins .purchase-sub { max-width: 86.6875em; } .lt-ie9 .purchase-coins { margin: 1.125em 0 0; } .purchase-coinNav { font-size: 14px; font-size: 0.875rem; padding: 2.5em 0 0 0; } @media screen and (min-width: 48em), print { .purchase-coinNav { top: 0; padding-top: 0; position: absolute; width: 17em; } } .purchase-coinNav ul { background-color: white; border-top: 1px solid #d1d1d1; clear: both; margin: 0 0 1.625em; padding: 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .purchase-coinNav ul ul { background: url(/graphics/site/bg_nav_side.png) 0 0 repeat-x; box-shadow: none; margin: 0; } .purchase-coinNav li { border-bottom: 1px solid #d1d1d1; } .purchase-coinNav .purchase-coinNav__sub-heading { font-family: Georgia, serif; font-style: italic; letter-spacing: 0.15em; font-size: 11px; font-size: 0.6875rem; margin: 0; padding: 0.5em 1em; text-transform: uppercase; } .purchase-coinNav a { display: block; padding: 0.375em 0.625em; text-decoration: none; } .purchase-coinNav a:hover { background-color: #005581; color: white; } .purchase-storeDesc { font-size: 14px; font-size: 0.875rem; padding: 0 0.7em 2.2em; } @media screen and (min-width: 36em), print { .purchase-storeDesc { overflow: hidden; } } @media screen and (min-width: 36em), print { .purchase-storeDesc-col { float: left; width: 50%; padding: 0 1.875em 0 0; } } @media screen and (min-width: 36em), print { .purchase-storeDesc-col:last-child { padding: 0 0 0 1.875em; } } .purchase-cart { margin-bottom: 1.875em; position: relative; } @media screen and (min-width: 48em), print { .purchase-cart { margin-left: auto; margin-right: auto; max-width: 46.45em; } } .purchase-cart ul { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background-color: white; border-top: 1px solid #d1d1d1; clear: both; list-style: none; margin: 0; padding: 0; } .purchase-cart li { border-top: 1px solid #eaeaea; position: relative; padding: 0.75em 2.25em 0.375em 3.875em; zoom: 1; } .purchase-cart li:before, .purchase-cart li:after { content: ""; display: table; } .purchase-cart li:after { clear: both; } .purchase-cart li:first-child { border-top: none; } @media screen and (min-width: 36em), print { .purchase-cart li { padding: 0.75em 22.75em 0.375em 3.875em; } } .purchase-cart img { position: absolute; top: 0.5em; left: 0.625em; width: 2.5em; } .purchase-cart-header { overflow: hidden; } @media screen and (min-width: 64em), print { .purchase-cart-header { position: absolute; left: -6.25em; } } @media screen and (min-width: 36em), print { .purchase-cart-pricing { position: absolute; right: 7.75em; top: 0.75em; } } .purchase-cart-name { font-weight: bold; font-size: 14px; font-size: 0.875rem; } .purchase-cart-name a { text-decoration: none; } .purchase-cart-name a:hover { text-decoration: underline; } .lt-ie8 .purchase-cart-name { margin: -1.125em 0 0; } .purchase-cart-weight { color: #646464; font-size: 10px; font-size: 0.625rem; letter-spacing: 0.1em; padding: 0 0 0.6em; text-transform: uppercase; } .purchase-cart-price { background-color: #f3f0e7; float: left; font-size: 12px; font-size: 0.75rem; margin: 0.1625em 0 0 -0.575em; padding: 0.5em; } @media screen and (min-width: 24em), print { .purchase-cart-price { font-size: 14px; font-size: 0.875rem; } } input.purchase-cart-qty { border: 1px solid #ccc; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); font-size: 12px; font-size: 0.75rem; padding: 0.5em; position: relative; top: -0.1em; float: left; margin: 0.1625em 0; width: 3em; min-height: 2.5em; } @media screen and (min-width: 24em), print { input.purchase-cart-qty { font-size: 14px; font-size: 0.875rem; } } .purchase-cart-subtotal { float: left; font-size: 12px; font-size: 0.75rem; padding: 0.67em 0 0.5em 0.825em; } @media screen and (min-width: 24em), print { .purchase-cart-subtotal { font-size: 14px; font-size: 0.875rem; } } @media screen and (min-width: 36em), print { .purchase-cart-subtotal { width: 6.875em; text-align: right; } } .purchase-cart-delete { background: url(/graphics/site/icon_remove.png) 0 0 no-repeat; display: block; position: absolute; height: 1.625em; right: 0.3em; top: 0.3em; margin: 0.1875em; text-indent: -9999px; width: 1.625em; } @media screen and (min-width: 36em), print { .purchase-cart-delete { top: 0.875em; right: 0.875em; } } .purchase-cart-delete:hover { opacity: 0.5; } .purchase-cart .purchase-cart-checkoutRow { background-color: #d0dfe7; border-top: 1px solid #d1d1d1; color: #005581; padding: 0.875em 0 1em 0; text-align: center; } @media screen and (min-width: 36em), print { .purchase-cart .purchase-cart-checkoutRow { padding: 0.875em 7.75em 0.375em 0; text-align: right; } } .purchase-cart .purchase-cart-total { padding: 0 0 0.375em; } .purchase-cart .purchase-cart-total span { display: inline-block; font-size: 10px; font-size: 0.625rem; font-weight: bold; letter-spacing: 0.1em; margin: 0 0.6em 0 0; text-transform: uppercase; } .purchase-cart .purchase-cart-update, .purchase-cart .purchase-cart-checkout { margin: 0 0.25em; } @media screen and (min-width: 36em), print { .purchase-cart .purchase-cart-update, .purchase-cart .purchase-cart-checkout { position: absolute; top: 0.625em; } } .purchase-cart .purchase-cart-update:focus, .purchase-cart .purchase-cart-checkout:focus { outline: thin dotted #005581; outline-offset: 0.25rem; } .purchase-cart .purchase-cart-update { display: none; } @media screen and (min-width: 36em), print { .purchase-cart .purchase-cart-update { left: 0.625em; } } @media screen and (min-width: 36em), print { .purchase-cart .purchase-cart-checkout { right: 0.625em; } } .purchase-cart-errors { background-color: #d4190c; color: white; padding: 0.125em 1.25em 0.375em; } .purchase-cart-errors h6 { letter-spacing: 0.1em; margin: 1.125em 0 0.375em; text-transform: uppercase; } .purchase-cart-errors p { font-size: 14px; font-size: 0.875rem; margin: 0 0 0.5em; padding: 0; } .purchase-cart-errors a { color: white; } .purchase-cart-errors ul { border: none; box-shadow: none; background: none; list-style: disc; padding: 0 0 0.75em 1.25em; } .purchase-cart-errors li { border: none; font-size: 14px; font-size: 0.875rem; padding: 0; } @media screen and (min-width: 48em), print { .purchase-coinGrid { padding-left: 16.25em; min-height: 58em; } } .logos-confidence { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; display: none; list-style: none; margin: 0 0 1.5em; text-align: center; padding: 0.75em 0.625em 0; } @media screen and (min-width: 24em), print { .logos-confidence { display: block; } } .lt-ie8 .logos-confidence { overflow: hidden; padding: 0.75em 0; } .logos-confidence li { display: inline-block; margin: 0 0.325em 0.75em; vertical-align: top; } .lt-ie8 .logos-confidence li { display: block; float: left; } .coin-store-detail .logos-confidence { display: block; overflow: hidden; } @media screen and (min-width: 60em), print { .coin-store-detail .logos-confidence li { float: left; margin: 0 0.625em 0.75em 0; } } .call-live { display: inline-block; text-align: left; padding: 0.125em 0 0 2.75em; position: relative; height: 57px; } .call-live::before { background: #005581 url(/graphics/site/logo_call_confidence.png) center center no-repeat; left: 0; content: ""; top: 0; width: 34px; height: 100%; border-radius: 0.5em 0 0 0.5em; position: absolute; } .call-live .heading { font-size: 14px; font-size: 0.875rem; margin: 0 0 0.1em; font-weight: normal; } .call-live .phone { color: #005581; display: block; font-weight: bold; margin: -0.125em 0; font-size: 18px; font-size: 1.125rem; } .call-live .speak { font-size: 10px; font-size: 0.625rem; font-style: italic; } .purchase-coinGrid-header { border-bottom: 1px solid #d1d1d1; overflow: hidden; } .purchase-coinGrid-section { background-color: white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); margin-bottom: 2em; padding: 1.25em 1.25em 0; overflow: hidden; } .lt-ie8 .purchase-coinGrid-section { padding: 0 0 1.125em; } .purchase-coinGrid-coin { position: relative; margin: 0 auto 1.5em; max-width: 21em; } @media screen and (min-width: 40em), print { .purchase-coinGrid-coin { float: left; margin: 0 4% 1.5em 0; width: 48%; } } @media screen and (min-width: 48em), print { .purchase-coinGrid-coin { max-width: 100%; float: none; margin: 0 auto 1.5em; width: auto; } } @media screen and (min-width: 54em), print { .purchase-coinGrid-coin { float: left; margin: 0 8% 1.5em 0; width: 46%; } } @media screen and (min-width: 72em), print { .purchase-coinGrid-coin { margin: 0 5% 1.5em 0; width: 30%; } } @media screen and (min-width: 40em), print { .purchase-coinGrid-coin:nth-child(2n) { margin: 0; } } @media screen and (min-width: 48em), print { .purchase-coinGrid-coin:nth-child(2n) { margin: 0 auto 1.5em; } } @media screen and (min-width: 72em), print { .purchase-coinGrid-coin:nth-child(2n) { margin: 0 5% 1.5em 0; } } @media screen and (min-width: 40em), print { .purchase-coinGrid-coin:nth-child(2n+1) { clear: both; } } @media screen and (min-width: 72em), print { .purchase-coinGrid-coin:nth-child(2n+1) { clear: none; } } @media screen and (min-width: 72em), print { .purchase-coinGrid-coin:nth-child(3n) { margin: 0 0 1.5em 0; } } @media screen and (min-width: 72em), print { .purchase-coinGrid-coin:nth-child(3n+1) { clear: both; } } .purchase-coinGrid-coinImage { display: block; margin: 0 auto; padding: 0 0 0.5em; position: relative; text-align: center; width: 8.125em; } @media screen and (min-width: 24em), print { .purchase-coinGrid-coinImage { left: 0; padding: 0; position: absolute; top: 0; width: 5em; } } .purchase-coinGrid-coinImage img { display: block; max-width: 100%; } .purchase-coinGrid-promoTag { position: absolute; top: 0.625em; right: 0; } @media screen and (min-width: 24em), print { .purchase-coinGrid-promoTag { right: auto; left: -0.625em; top: -1em; } } .purchase-coinGrid-name { font-weight: bold; font-size: 16px; font-size: 1rem; margin: 0; padding: 0 0.625em 0.375em; text-align: center; } @media screen and (min-width: 24em), print { .purchase-coinGrid-name { padding: 0 0.625em 0.375em 5.825em; text-align: left; } } .purchase-coinGrid-name a { text-decoration: none; } .purchase-coinGrid-name a:hover { text-decoration: underline; } .purchase-coinGrid-weights { border-top: 1px solid #e6e4d9; font-size: 14px; font-size: 0.875rem; width: 100%; } @media screen and (min-width: 24em), print { .purchase-coinGrid-weights { margin: 0 0 0 6.25em; width: auto; } } .purchase-coinGrid-weights .link-moreInfo { border-top: 1px solid #e6e4d9; clear: both; display: block; font-size: 14px; font-size: 0.875rem; font-style: italic; padding: 0.425em; text-align: center; } @media screen and (min-width: 24em), print { .purchase-coinGrid-weights .link-moreInfo { text-align: left; } } .purchase-coinGrid-weight { float: left; font-weight: normal; padding: 0.5em; width: 30%; white-space: nowrap; } .lt-ie8 .purchase-coinGrid-weight { width: 22%; } .purchase-coinGrid-weight span { font-size: 10px; font-size: 0.625rem; text-transform: uppercase; } .purchase-coinGrid-price { float: left; padding: 0.5em 0.325em 0.25em 0.625em; width: 44%; } .lt-ie8 .purchase-coinGrid-price { width: 40%; } .purchase-coinGrid-price-call { background: url(/graphics/site/purchase_icon_call.png) 6px 6px no-repeat; color: #6b5d12; float: left; padding: 0.45em 0.325em 0.25em 2em; font-family: Georgia, serif; font-style: italic; font-weight: normal; width: 70%; } .lt-ie8 .purchase-coinGrid-price-call { width: 60%; } .purchase-coinGrid-price-call--button { text-decoration: underline; text-align: left; } .purchase-coinGrid-price-call--button:hover { background-color: transparent; text-decoration: none; } .purchase-coinGrid-priceDiscounted { line-height: 1; padding: 0.25em 0; } .purchase-coinGrid-priceOld { display: block; text-decoration: line-through; } .purchase-coinGrid-priceNew { color: #61a12d; } .purchase-coinGrid-add { float: left; padding: 0.5em 0.3em 0.25em 0.625em; text-align: center; width: 26%; } .lt-ie8 .purchase-coinGrid-add { width: 20%; } .purchase-coinGrid-add button, .purchase-coinGrid-add a { background-color: #a35902; border-radius: 0.5em; color: white; display: inline-block; font-size: 11px; font-size: 0.6875rem; font-weight: bold; margin: 0; padding: 0.325em 0.5em 0.2em; position: relative; top: -0.15em; text-decoration: none; text-transform: uppercase; } .purchase-coinGrid-add button:hover, .purchase-coinGrid-add a:hover { background-color: #713d01; text-decoration: none; } .purchase-coinGrid-add button:focus, .purchase-coinGrid-add a:focus { outline: thin dotted #a35902; outline-offset: 0.25rem; } .purchase-sub { border-top: 0.25em solid #b5d0d6; background-color: #c5dadf; font-size: 12px; font-size: 0.75rem; margin: 0 auto 1em; max-width: 61.625em; padding: 1.5em 2em 0.5em; } .purchase-sub .webPrice { font-family: Georgia, serif; font-style: italic; } .coin-store-detail .purchase-cart { margin-bottom: 2.5em; } @media screen and (min-width: 48em), print { .coin-store-detail .purchase-cart { margin-bottom: 1.875em; } } @media screen and (min-width: 48em), print { .coin-detail-container { float: right; width: 100%; margin: 0 0 0 -16.25em; } } .lt-ie8 .coin-detail-container { margin: 0; width: 43.125em; } .coin-detail { border-top: 1px solid #d7dddf; background-color: white; margin: -1.25em; padding: 1.25em; } @media screen and (min-width: 48em), print { .coin-detail { border-top: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); margin: 0 0 0 16.125em; } } @media screen and (min-width: 70em), print { .coin-detail { padding: 2em 2.5em; } } .coin-detail .subpage-content { box-shadow: none; padding: 0 1.25em; margin: 0; max-width: 40em; } @media screen and (min-width: 60em), print { .coin-detail .subpage-content { padding: 0.625em 1.5em 0; display: flex; align-items: flex-start; max-width: none; } } @media (min-width: 60em) { .coin-detail .subpage-content .editor { font-size: 18px; font-size: 1.125rem; } } @media (min-width: 60em) { .coin-detail .subpage-content .offer-major { margin-left: 2.5rem; margin-bottom: 1.25rem; flex: 1 0 47%; } } @media (min-width: 72em) { .coin-detail .subpage-content .offer-major { margin-left: 5rem; } } .coin-detail .req { color: #005581; } .lt-ie8 .coin-detail { margin: 0; } .coin-detail-header h1 { color: #005581; font-size: 24px; font-size: 1.5rem; line-height: 1.2; font-weight: normal; margin: 0 0 0.5em; } @media screen and (min-width: 48em), print { .coin-detail-header h1 { padding-right: 5.1em; } } .coin-detail-live { background-color: #eee; font-size: 12px; font-size: 0.75rem; margin: 0 0 1em; padding: 0.66em 0.825em; overflow: hidden; } .coin-detail-live .price-up { color: #447120; } .coin-detail-live .price-up .arrow { position: relative; top: -0.8rem; margin-left: 0.125rem; margin-right: 0.25rem; border-left: 0.325rem solid transparent; border-right: 0.325rem solid transparent; border-bottom: 0.6rem solid #447120; } .coin-detail-live .price-down { color: #d4190c; } .coin-detail-live .price-down .arrow { position: relative; top: 0.575rem; margin-left: 0.125rem; margin-right: 0.25rem; border-left: 0.325rem solid transparent; border-right: 0.325rem solid transparent; border-top: 0.6rem solid #d4190c; } .coin-detail-live .livePrice, .coin-detail-live .link-charts { float: left; } .coin-detail-live .livePrice { margin: 0 0.825em 0 0; } .coin-detail-live .livePrice strong { margin: 0 0.33em 0 0; } .coin-detail-live .livePrice img { margin: -0.1625em 0 0; } .coin-detail-live .link-charts { font-weight: bold; font-size: 10px; font-size: 0.625rem; letter-spacing: 0.1em; text-transform: uppercase; } .coin-detail-photo { padding: 0 0.625em 0.75em; text-align: center; } @media screen and (min-width: 48em), print { .coin-detail-photo { position: absolute; width: 9.375em; } } .coin-detail-photo .link-flipCoin { display: block; padding: 0.5em; text-decoration: none; } .coin-detail-photo .link-flipCoin:hover { text-decoration: underline; } .coin-detail-photo img { display: block; margin: 0 auto; max-width: 100%; } .coin-detail-photo span { padding-top: 0.5em; display: block; font-size: 14px; font-size: 0.875rem; } .coin-detail-photo .coin-photo-back { display: none; } .coin-detail-prices { font-size: 14px; font-size: 0.875rem; padding: 0 0 1.75em; /* For the new CEG Logo .coin-detail__notes { @include respond-min(60em) { float: right; width: 35%; } .notes { background-color: #eee; color: $text_med; font-family: $font_serif; @include font-size(12); font-style: italic; padding: 0.825em; @include respond-min(60em) { background-color: transparent; } } } .coin-detail__guarantee { @include font-size(14); padding: 1.25em 0.75em 0.75em; h6 { color: $blue; text-transform: uppercase; @include font-size(12); letter-spacing: 0.15em; margin: 0; } } .coin-detail__guarantee-logo { background: url(/graphics/site/badge_customerExperienceGuarantee.png?v=2) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-position: top left; height: 97px; width: 105px; text-indent: -9999px; margin: 0 auto 0.625em; @include respond-min(48em) { position: absolute; top: 0.625em; right: 0.5em; } @include respond-min(70em) { top: 1.5em; right: 3.125em; } @include old-ie() { display: none; } } */ } @media screen and (min-width: 48em), print { .coin-detail-prices { overflow: hidden; padding-left: 12em; } } @media screen and (min-width: 60em), print { .coin-detail-prices { min-height: 11.5em; padding-bottom: 0.5em; } } .coin-detail-prices table { margin: 0 auto; max-width: 30em; width: 100%; } @media screen and (min-width: 60em), print { .coin-detail-prices table { max-width: 100%; } } .coin-detail-prices caption { height: 1px; margin: -1px; overflow: hidden; } .coin-detail-prices form { margin: 0 0 1.3em; } @media screen and (min-width: 60em), print { .coin-detail-prices form { float: left; width: 60%; } } .coin-detail-prices th { border-bottom: 1px solid #d1d1d1; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1em; padding: 0.55em 0.45em; text-align: left; text-transform: uppercase; } .coin-detail-prices td { padding: 0.375em 0.36em; border-bottom: 1px solid #eee; } .coin-detail-prices input[type=text] { padding: 0.325em; max-width: 5em; } .coin-detail-prices .weight span { font-weight: bold; font-size: 10px; font-size: 0.625rem; text-transform: uppercase; } .coin-detail-prices .callForPrice { color: #6b5d12; font-family: Georgia, serif; font-style: italic; font-weight: normal; } .coin-detail-prices .purchase-coinGrid-price-call { background-position: 0px 6px; padding-left: 1.5em; } .coin-detail-prices .total { background-color: #d0dfe7; font-weight: bold; } .coin-detail-prices .total td { padding-top: 0.5em; padding-bottom: 0.5em; } .coin-detail-prices .total .button { font-size: 14px; font-size: 0.875rem; } .coin-detail-prices .total-desc { color: #3b647a; text-align: right; text-transform: uppercase; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1em; } .coin-detail-prices .total-text { display: none; } .coin-detail-prices .notes { background-color: #eee; color: #646464; font-family: Georgia, serif; font-size: 12px; font-size: 0.75rem; font-style: italic; padding: 0.825em; } @media screen and (min-width: 60em), print { .coin-detail-prices .notes { background-color: transparent; float: right; width: 35%; } } .coin-detail-prices .notes__satisfaction { background: url(/graphics/site/badge_satisfactionGuarantee.png?v=2) center center no-repeat; background-size: 100% 100%; background-position: top left; height: 105px; width: 105px; text-indent: -9999px; margin: 0 auto 0.625em; } @media screen and (min-width: 48em), print { .coin-detail-prices .notes__satisfaction { position: absolute; top: -0.5em; right: 0.25em; } } .coin-detail-errors { background-color: #d4190c; color: white; display: none; font-weight: bold; padding: 0.625em; } @media screen and (min-width: 48em), print { .coin-store-detail .purchase-coinNav { padding: 0; position: static; float: left; } } .table-receipt tr { display: block; padding: 0.375em 0; border-bottom: 1px solid #b5d0d6; } @media screen and (min-width: 40em), print { .table-receipt tr { display: table-row; } } .table-receipt .totalShipping, .table-receipt .summary { background-color: #e5e9ea; padding: 0; } .table-receipt .totalShipping tr, .table-receipt .summary tr { border: none; } .table-receipt .label { font-weight: bold; font-size: 12px; font-size: 0.75rem; padding: 0.5em 0.825em 0.1625em 10em; } @media screen and (min-width: 40em), print { .table-receipt .label { padding: 0.33em 0.825em 0.33em 0.33em; text-align: right; } } @media screen and (min-width: 40em), print { .table-receipt .price, .table-receipt .subtotal { text-align: right; } } .table-receipt .amount { border-bottom: 1px solid #b5d0d6; padding: 0.125em 0.625em 0.375em 7.5em; } @media screen and (min-width: 40em), print { .table-receipt .amount { border: none; padding: 0.25em 0.625em; text-align: right; } } .ty-desc { zoom: 1; } .ty-desc:before, .ty-desc:after { content: ""; display: table; } .ty-desc:after { clear: both; } @media screen and (min-width: 36em), print { .ty-desc__primary { padding-top: 10px; float: left; width: 43%; } } @media screen and (min-width: 48em), print { .ty-desc__primary { width: 53%; } } @media screen and (min-width: 36em), print { .ty-desc__secondary { padding-top: 15px; float: right; width: 50%; } } @media screen and (min-width: 48em), print { .ty-desc__secondary { width: 43%; } } .ty-desc__warning { background-color: #f2cd2e; padding: 18px 22px; border-radius: 6px; font-size: 14px; font-size: 0.875rem; } .ty-desc__warning h6 { font-size: 18px; font-size: 1.125rem; font-style: normal; } .falcon-store-banner { background: #24474f url(/graphics/site/snowfalconcoins/snowfalcon_store_banner_bg.jpg) top left no-repeat; background-size: 900px auto; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); border-radius: 6px; display: block; text-decoration: none; margin-bottom: 2em; overflow: hidden; position: relative; transition: opacity 0.2s ease; } @media screen and (min-width: 42em), print { .falcon-store-banner { background-size: auto; } } .falcon-store-banner:hover { opacity: 0.75; } .falcon-store-banner__title { font-weight: bold; line-height: 1; padding: 6.5em 1em 1em; } @media screen and (min-width: 42em), print { .falcon-store-banner__title { padding: 1.5em 1.5em 1em 25em; } } @media screen and (min-width: 60em), print { .falcon-store-banner__title { position: absolute; width: 42em; top: 50%; margin-top: -3.375em; } } @media screen and (min-width: 82em), print { .falcon-store-banner__title { width: 60em; margin-top: -2.55em; } } .falcon-store-banner__title h6 { color: white; letter-spacing: 0.1em; margin: 0 0 0.25em; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); font-size: 14px; font-size: 0.875rem; } .falcon-store-banner__title h5 { color: #aef1dc; letter-spacing: 0.05em; line-height: 22px; margin: 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); font-size: 24px; font-size: 1.5rem; } @media screen and (min-width: 42em), print { .falcon-store-banner__title h5 { color: #266178; } } .falcon-store-banner__desc { background-color: rgba(0, 0, 0, 0.5); padding: 1em; color: white; } @media screen and (min-width: 60em), print { .falcon-store-banner__desc { padding: 1.5em 1.25em; float: right; width: 30%; } } @media screen and (min-width: 66em), print { .falcon-store-banner__desc { width: 39%; } } @media screen and (min-width: 82em), print { .falcon-store-banner__desc { width: 33%; } } .neverworth-store-banner { background: #24474f url(/graphics/site/store_bg_banner_neverworth.jpg) top left no-repeat; background-size: cover; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); border-radius: 6px; display: block; text-decoration: none; margin-bottom: 1.875rem; font-weight: bold; overflow: hidden; padding: 0.625em 1em; text-align: center; font-size: 30px; font-size: 1.875rem; line-height: 1; color: #fef28b; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 4px 20px rgba(0, 0, 0, 0.4); position: relative; transition: opacity 0.2s ease; } @media (min-width: 48em) { .neverworth-store-banner { background-size: auto; font-size: 48px; font-size: 3rem; margin: 0.625rem 0 2.5rem; padding: 0.5em 1em 0.375em; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.15), 0 3px 14px rgba(0, 0, 0, 0.22), 0 4px 20px rgba(0, 0, 0, 0.3); } } @media (min-width: 54em) { .neverworth-store-banner { background-size: auto; font-size: 54px; font-size: 3.375rem; padding: 0.42em 1em 0.25em; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.15), 0 3px 14px rgba(0, 0, 0, 0.22), 0 4px 20px rgba(0, 0, 0, 0.3); } } .neverworth-store-banner span { font-size: 0.75em; position: relative; top: -0.25em; } .tabs { border-bottom: 1px solid #387a9d; padding-left: 0.3125em; padding-top: 0.625em; margin: 0 -0.3125em 2em; } .tab { display: inline-block; } .tab > a { border-top: 1px solid #387a9d; border-left: 1px solid #387a9d; border-right: 1px solid #387a9d; border-radius: 0.625em 0.625em 0 0; display: block; padding: 0.5em 0.625em 0.3125em; margin-bottom: -1px; border-bottom: 1px solid #387a9d; background-color: #387a9d; text-decoration: none; color: white; font-weight: bold; transition: background-color 0.3s ease; } .tab > a:hover { background-color: rgba(56, 122, 157, 0.8); } .tab.is-selected > a { border-bottom: 1px solid white; background-color: white; color: #387a9d; } .tab.is-selected > a:hover { background-color: rgba(56, 122, 157, 0.25); } .popup-header h2 { text-align: center; } .popup-footer { border-top: 1px dotted #ccc; color: #aaa; font-size: 12px; font-size: 0.75rem; padding: 1.5em 0.875em 3.5em; text-align: center; } html { background-color: #e5e9ea; } .skip-to-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -9999; } .skip-to-main:active, .skip-to-main:focus { background-color: #005581; color: white; border-radius: 0 0 0.625rem 0; top: 0; left: 0; width: auto; height: auto; overflow: auto; font-size: 16px; font-size: 1rem; padding: 0.625rem 1rem; z-index: 9999; } .site-wrapper { position: relative; overflow: hidden; } @media screen and (min-width: 48em), print { .site-wrapper.move-down { padding-top: 16.5625rem; } } @media screen and (min-width: 72em), print { .site-wrapper.move-down { padding-top: 16.9375rem; } } .site-wrapper--nav-open .site-cover { background-color: rgba(0, 0, 0, 0.8); z-index: 999; content: ""; display: block; position: absolute; top: 4rem; left: 0; right: 0; bottom: 0; } @media screen and (min-width: 48em), print { .site-wrapper--nav-open .site-cover { display: none; } } .site-header__wrapper { background-color: white; position: relative; } @media screen and (min-width: 48em), print { .site-header__wrapper.is-collapsed { border-bottom: 0.25em solid #005581; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); position: fixed; z-index: 2000; width: 100%; top: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: headerScrollReveal; animation-name: headerScrollReveal; } } @-webkit-keyframes headerScrollReveal { 0% { transform: translate3d(0, -5em, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes headerScrollReveal { 0% { transform: translate3d(0, -5em, 0); } 100% { transform: translate3d(0, 0, 0); } } @media screen and (min-width: 48em), print { .site-header__wrapper.is-collapsed:before { opacity: 0; } } .site-top { background-color: #182e39; display: none; } @media (min-width: 48em) { .site-top { display: block; } } .site-top__inner { margin: 0 auto; max-width: 81.25rem; padding: 0 0.625rem; display: grid; grid-template-columns: 1fr auto; position: relative; } @media (min-width: 72em) { .site-top__inner { padding-right: 1.25rem; } } .site-top__links { display: flex; } .site-header__wrapper.is-collapsed .site-top__links { display: none; } .site-top__search, .site-top__support, .site-top__logon, .site-top__account, .site-top__logoff { display: inline-block; font-weight: normal; color: white; text-decoration: none; background: none; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; padding: 1.3125rem 0.875rem 1.3125rem 2.5rem; position: relative; border-radius: 0; } @media (min-width: 72em) { .site-top__search, .site-top__support, .site-top__logon, .site-top__account, .site-top__logoff { font-size: 16px; font-size: 1rem; letter-spacing: 0; text-transform: none; width: auto; } } .site-top__search:hover, .site-top__support:hover, .site-top__logon:hover, .site-top__account:hover, .site-top__logoff:hover { background: rgba(255, 255, 255, 0.2); } .site-top__search:focus, .site-top__support:focus, .site-top__logon:focus, .site-top__account:focus, .site-top__logoff:focus { outline: thin dotted white; outline-offset: 0.25rem; } .site-top__search::before, .site-top__support::before, .site-top__logon::before, .site-top__account::before, .site-top__logoff::before { content: ""; display: block; background: center no-repeat; background-size: 90%; position: absolute; left: 0.75rem; top: 50%; transform: translateY(-55%); width: 1.25rem; height: 1.25rem; } .site-top__search span, .site-top__support span, .site-top__logon span, .site-top__account span, .site-top__logoff span { display: none; } @media (min-width: 72em) { .site-top__search span, .site-top__support span, .site-top__logon span, .site-top__account span, .site-top__logoff span { display: inline; } } .site-top__search::before { background-image: url(/graphics/site/header_icon_search.svg); } .site-top__support::before { background-image: url(/graphics/site/header_icon_headset.svg); } .site-top__logon::before { background-image: url(/graphics/site/header_icon_money.svg); } .site-top__account::before { background-size: 110% auto; background-image: url(/graphics/site/header_icon_user.svg); } .site-top__logoff::before { background-size: 110% auto; background-image: url(/graphics/site/header_icon_logout.svg); } .site-top__search-wrap { display: flex; align-items: center; } .site-top__search-form { padding-right: 0.875rem; } .site-top__search-form label { visibility: hidden; position: absolute; top: -999rem; } .site-top__search-form [type=text] { background-color: rgba(255, 255, 255, 0.125); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0.25rem; color: white; font-size: 16px; font-size: 1rem; height: calc(2.5rem - 2px); position: relative; top: 1px; width: 8.75rem; } .site-top__search-form [type=text]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .site-top__search-form [type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .site-top__search-form [type=text]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .site-top__search-form [type=text]:-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .site-top__search-form [type=submit] { background-size: 800px 390px; background-position: -168px -95px; height: 2.5rem; margin-left: -0.625rem; text-indent: -9999px; width: 2.5rem; } .no-webp .site-top__search-form [type=submit] { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .site-top__search-form [type=submit] { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .site-top__search-form [type=submit] { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .site-top__search-form [type=submit] { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .site-top__search-form [type=submit]:focus { outline-color: white; } .site-top__support-both { position: relative; } .site-top__support-wrap { background-color: #182e39; color: white; position: absolute; top: 3.7rem; z-index: 102; padding: 1rem; box-shadow: 0 12px 38px rgba(0, 0, 0, 0.3); border-radius: 0 0 0.375rem 0.375rem; line-height: 1.25; text-align: center; left: 0; width: 14.25rem; } @media (min-width: 72em) { .site-top__support-wrap { top: 4rem; } } .nav-secondary .site-top__support-wrap { left: 50%; top: auto; transform: translateX(-50%); width: 15rem; } .site-top__support-phone { font-size: 18px; font-size: 1.125rem; font-weight: bold; position: relative; padding-left: 1.75rem; } .site-top__support-phone::before { content: ""; display: block; background: url(/graphics/site/header_icon_phone.svg) center no-repeat; background-size: 65%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.625rem; height: 1.625rem; margin-top: -0.1rem; border-radius: 50%; } .site-top__support-phone a { color: #f0cf77; } .site-top__support-email a { color: #f0cf77; } .site-top__call { font-size: 16px; font-size: 1rem; display: flex; align-items: center; position: relative; } @media (min-width: 72em) { .site-top__call { font-size: 20px; font-size: 1.25rem; } } .site-header__wrapper.is-collapsed .site-top__call { position: absolute; right: 1.25rem; top: 1.4rem; } @media (min-width: 48em) { .site-header__wrapper.is-collapsed .site-top__call { z-index: 101; } } @media (min-width: 72em) { .site-header__wrapper.is-collapsed .site-top__call { font-size: 18px; font-size: 1.125rem; top: 1.25rem; } } .site-top__call strong { position: relative; text-indent: -999rem; width: 1.625rem; } @media (min-width: 76em) { .site-top__call strong { width: auto; color: white; text-indent: 0; padding-top: 0.1rem; padding-right: 1.25rem; letter-spacing: 0.1em; text-transform: uppercase; } } @media (min-width: 48em) { .site-header__wrapper.is-collapsed .site-top__call strong { text-indent: 0; width: auto; padding-right: 0.625rem; letter-spacing: 0.1em; text-transform: uppercase; } } @media (min-width: 76em) { .site-header__wrapper.is-collapsed .site-top__call strong { color: #444; } } .site-top__call span { position: relative; padding: 0.5rem 1rem 0.4rem 2.875rem; color: white; font-weight: bold; border-radius: 0.375em; margin-right: auto; background-color: #b13e2c; display: inline-block; } .site-header__wrapper.is-collapsed .site-top__call span { padding: 0 0 0 2.875rem; color: #444; background-color: transparent; } .site-top__call span::before { content: ""; display: block; background: url(/graphics/site/icon_call_red.svg) center no-repeat; background-size: 80%; position: absolute; left: 0.175rem; top: 0.175rem; bottom: 0.175rem; width: 2rem; border-radius: 0.2em; background-color: white; } .site-header__wrapper.is-collapsed .site-top__call span::before { top: 50%; transform: translateY(-55%); height: 2.5rem; width: 2.5rem; bottom: auto; } .site-top__call span strong { display: none; } .site-top__call span a { color: white; text-decoration: none; } @media (min-width: 48em) { .site-header__wrapper.is-collapsed .site-top__call span a { color: #444; text-decoration: underline; } } .site-top__call span a:hover { text-decoration: underline; } .site-header__wrapper.is-collapsed .site-top__call span a:hover { text-decoration: none; } .site-header { position: relative; } @media print { .site-header { display: none; visibility: hidden; } } .site-header__main { margin: 0 auto; max-width: 81.25rem; display: grid; grid-template-columns: auto auto 1fr; align-items: center; padding: 1.25rem; grid-gap: 1.25rem; } @media (min-width: 48em) { .site-header__main { padding: 0.625rem 1.25rem; } } .logo-main { font-size: 1em; margin: 0; position: relative; z-index: 160; } .logo-main a { display: block; text-decoration: none; display: block; background: url(/graphics/site/logo.svg?v=20240325) center no-repeat; text-indent: -999rem; height: 1.875rem; width: 12rem; } @media (min-width: 24em) { .logo-main a { width: 14rem; } } @media screen and (min-width: 48em), print { .logo-main a { height: 2.625rem; } } @media (min-width: 60em) { .logo-main a { background-image: url(/graphics/site/logo_tagline.svg?v=20240325); width: 18rem; height: 4.75rem; } } @media (min-width: 72em) { .logo-main a { width: 21.25rem; } } @media (min-width: 90em) { .logo-main a { width: 22.5rem; } } .site-header__wrapper.is-collapsed .logo-main a { padding: 0; } @media (min-width: 60em) { .site-header__wrapper.is-collapsed .logo-main a { width: 14rem; height: 2.25rem; background-size: 100% auto; background-position: center 0.375rem; } } .logo-main a:hover { opacity: 0.6; } .site-header__transactions { display: none; } @media screen and (min-width: 60em), print { .site-header__transactions { display: block; background-image: url(/graphics/site/header_transaction_badge.png); background-size: contain; height: 7.8125rem; width: 7.8125rem; text-indent: -999rem; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.14)); } } @media screen and (min-width: 60em) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 60em) and (min-device-pixel-ratio: 1.5), screen and (min-width: 60em) and (min-resolution: 144dpi), screen and (min-width: 60em) and (min-resolution: 1.5dppx), print and (-webkit-min-device-pixel-ratio: 1.5), print and (min-device-pixel-ratio: 1.5), print and (min-resolution: 144dpi), print and (min-resolution: 1.5dppx) { .site-header__transactions { background-image: url(/graphics/site/header_transaction_badge@2x.png); } } @media (min-width: 60em) { .site-header__wrapper.is-collapsed .site-header__transactions { display: none; } } .site-header__checks { display: none; gap: 1rem; list-style: none; margin: 0; padding: 0; } @media (min-width: 48em) { .site-header__checks { display: flex; } } @media (min-width: 60em) { .site-header__checks { padding-left: 1.875rem; } } .site-header__checks li { font-size: 14px; font-size: 0.875rem; line-height: 1.2; padding-left: 2.25rem; position: relative; display: flex; align-items: center; } @media (min-width: 60em) { .site-header__checks li { font-size: 16px; font-size: 1rem; } } .site-header__checks li:last-child { display: none; } @media (min-width: 82em) { .site-header__checks li:last-child { display: block; } } .site-header__checks li::before { content: ""; display: block; background: url(/graphics/site/header_icon_checks.svg) center no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 50%; transform: translateY(-55%); width: 1.875rem; height: 1.875rem; } .site-header__wrapper.is-collapsed .site-header__checks { display: none; } .header-search { background-color: #091115; padding: 1rem 0.625rem 0.625rem; text-align: center; } .header-search label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .header-search input { vertical-align: top; } .header-search [type=text] { background-color: rgba(255, 255, 255, 0.125); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0.25rem; color: white; font-size: 16px; font-size: 1rem; height: 2.5rem; height: calc(2.5rem - 2px); position: relative; top: 1px; } @media screen and (min-width: 60em), print { .header-search [type=text] { width: 9em; } } @media screen and (min-width: 66em), print { .header-search [type=text] { width: 10.5em; } } .header-search [type=text]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .header-search [type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .header-search [type=text]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .header-search [type=text]:-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .header-search [type=submit] { background-size: 800px 390px; background-position: -168px -95px; height: 2.5rem; margin-left: -0.625rem; text-indent: -9999px; width: 2.5rem; } .no-webp .header-search [type=submit] { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .header-search [type=submit] { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .header-search [type=submit] { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .header-search [type=submit] { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .header-search [type=submit]:focus { outline-color: white; } .site-header__search { display: none; } @media screen and (min-width: 48em), print { .site-header__search { display: block; padding: 0.625rem 1rem; text-align: left; } } @media screen and (min-width: 60em), print { .site-header__search { position: absolute; top: 4.05em; right: 12.75em; background-color: transparent; padding: 0; z-index: 1; } } @media screen and (min-width: 72em), print { .site-header__search { right: 13.25em; } } .site-header__wrapper.is-collapsed .site-header__search { display: none; } .site-header__mobile-extras { background: rgba(208, 223, 231, 0.25); display: flex; align-items: center; padding: 0.625rem 1.25rem; } @media (min-width: 48em) { .site-header__mobile-extras { display: none; } } .site-header__mobile-extras-call { position: relative; padding: 0.425rem 0.75rem 0.3rem 2rem; color: white; font-size: 12px; font-size: 0.75rem; font-weight: bold; border-radius: 0.375em; margin-right: auto; background-color: #b13e2c; display: inline-block; } .site-header__mobile-extras-call::before { content: ""; display: block; background: url(/graphics/site/icon_call_red.svg) center no-repeat; background-size: 80%; position: absolute; left: 0.125rem; top: 0.125rem; bottom: 0.125rem; width: 1.5rem; border-radius: 0.2em; background-color: white; } .site-header__mobile-extras-call strong { display: none; } .site-header__mobile-extras-call a { color: white; text-decoration: none; } .site-header__mobile-extras-call a:hover { text-decoration: underline; } .site-header-trust { background-color: #e5e9ea; } .site-header-trust__trust { list-style: none; margin: 0; padding: 0.375rem 0 0; display: flex; justify-content: center; } @media (min-width: 24em) { .site-header-trust__trust { gap: 0.625rem; } } @media (min-width: 48em) { .site-header-trust__trust { padding-top: 1rem; } } .site-header-trust__item a { background-size: 840px 45px; background-repeat: no-repeat; display: block; height: 45px; text-indent: -999rem; } @media (min-width: 48em) { .site-header-trust__item a { background-size: 1400px 75px; height: 75px; } } .no-webp .site-header-trust__item a { background-image: url(/graphics/site/header_trust_logos@2x.webp); } .webp .site-header-trust__item a { background-image: url(/graphics/site/header_trust_logos@2x.webp); } .site-header-trust__item--trustpilot a { width: 66px; background-position: 4px 0; } @media (min-width: 48em) { .site-header-trust__item--trustpilot a { width: 116px; background-position: 10px 0; } } .site-header-trust__item--bca a { width: 100px; background-position: -64px 0; } @media (min-width: 48em) { .site-header-trust__item--bca a { width: 168px; background-position: -110px 0; } } .site-header-trust__item--google { display: none; } @media (min-width: 54em) { .site-header-trust__item--google { display: block; } } .site-header-trust__item--google a { width: 82px; background-position: -288px 0; } .site-header-trust__item--consumers a { width: 144px; background-position: -228px 0; } @media (min-width: 48em) { .site-header-trust__item--consumers a { width: 248px; background-position: -380px 0; } } .site-header-trust__item--pma { display: none; } @media (min-width: 54em) { .site-header-trust__item--pma { display: block; } } .site-header-trust__item--pma a { width: 84px; background-position: -636px 0; } .site-header-trust__item--retirementliving { display: none; } @media (min-width: 90em) { .site-header-trust__item--retirementliving { display: block; } } .site-header-trust__item--retirementliving a { opacity: 0.9; width: 150px; background-position: -1182px 0; } .site-header-trust__item--consumeraffairs { display: none; } @media (min-width: 90em) { .site-header-trust__item--consumeraffairs { display: block; } } .site-header-trust__item--consumeraffairs a { opacity: 0.9; width: 176px; background-position: -1009px 0; } .site-header-trust__item--icta, .site-header-trust__item--pcgs, .site-header-trust__item--ngc { display: none; text-indent: -999rem; background-image: url(/graphics/site/header_trust_logos.png?v=20230110); background-size: 1400px 75px; background-repeat: no-repeat; height: 75px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .site-header-trust__item--icta, .site-header-trust__item--pcgs, .site-header-trust__item--ngc { background-image: url(/graphics/site/header_trust_logos@2x.png?v=20230110); } } .no-webp .site-header-trust__item--icta, .no-webp .site-header-trust__item--pcgs, .no-webp .site-header-trust__item--ngc { background-image: url(/graphics/site/header_trust_logos@2x.png); } .webp .site-header-trust__item--icta, .webp .site-header-trust__item--pcgs, .webp .site-header-trust__item--ngc { background-image: url(/graphics/site/header_trust_logos@2x.webp); } @media (min-width: 66em) { .site-header-trust__item--icta { display: block; width: 104px; background-position: -726px 0; } } @media (min-width: 66em) { .site-header-trust__item--pcgs { display: block; width: 88px; background-position: -827px 3px; } } @media (min-width: 72em) { .site-header-trust__item--ngc { display: block; width: 104px; background-position: -910px 3px; } } .menu-scroll-top { display: none; background-size: 800px 390px; background-position: -434px 10px; border: 2px solid #005581; background-color: #005581; border-radius: 3em; position: absolute; top: 0.875rem; left: 15.875rem; width: 2.2em; height: 2.2em; text-indent: -9999px; z-index: 101; } .no-webp .menu-scroll-top { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .menu-scroll-top { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .menu-scroll-top { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .menu-scroll-top { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .menu-scroll-top:hover { background-color: #00334e; } @media screen and (min-width: 48em), print { .site-header__wrapper.is-collapsed .menu-scroll-top { display: block; } } .nav-main__search { display: block; } @media screen and (min-width: 48em), print { .nav-main__search { display: none; } } .nav-secondary { background-color: #091115; text-align: center; } @media screen and (min-width: 48em), print { .nav-secondary { display: none; } } .hidden { display: none; } .screen-reader { display: inline-block; height: 1px; width: 1px; margin: -1px; overflow: hidden; } .site-header { z-index: 100; } .home-banner { z-index: 110; } .menu__button * { pointer-events: none; } .menu__button--mobile { min-width: 4rem; } @media (min-width: 48em) { .menu__button--mobile { display: none; } } .menu__button--desktop { display: none; } @media (min-width: 48em) { .menu__button--desktop { display: block; } } @media (min-width: 48em) { .menu__heading { display: none; } } @media (min-width: 48em) { .menu__dropdown--mobile { display: block; } } .menu__dropdown--desktop.hidden { display: block; } @media (min-width: 48em) { .menu__dropdown--desktop.hidden { display: none; } } .menu { background: #005581; } @media (min-width: 48em) { .menu { background: rgba(208, 223, 231, 0.25); border-bottom: 1px solid #d0dfe7; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); } } @media (min-width: 48em) { .menu__inner { margin: 0 auto; max-width: 81.25rem; display: grid; grid-template-columns: 1fr auto; } } .menu__bar { margin: 0 auto; padding: 0; } @media (min-width: 32em) { .menu__bar { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1.25rem; } } @media (min-width: 48em) { .menu__bar { display: flex; flex-wrap: wrap; align-items: center; grid-row: 1; grid-column: 1; gap: 0; margin: 0; } } .menu__secondary { margin: -0.625rem -1rem 0.625rem; } @media (min-width: 48em) { .menu__secondary { display: none; } } .menu__request { display: none; } @media (min-width: 48em) { .menu__request { display: flex; align-items: center; } } @media (min-width: 82em) { .menu__request { padding-right: 1.25rem; } } .menu__request-button { font-size: 12px; font-size: 0.75rem; background-color: #b13e2c; text-transform: uppercase; letter-spacing: 0.025em; position: relative; padding: 0.425rem 0.75rem 0.3rem 1.625rem; } @media screen and (min-width: 48em), print { .menu__request-button { font-size: 16px; font-size: 1rem; padding-left: 2rem; } } @media (min-width: 72em) { .menu__request-button { font-size: 18px; font-size: 1.125rem; padding: 0.625rem 0.875rem 0.5rem 2.75rem; } } .menu__request-button:hover { background-color: #826f3c; } .menu__request-button:before { background: url(/graphics/site/header_icon_chart.svg) center no-repeat; content: ""; background-size: 70% auto; left: 0.25rem; top: 50%; transform: translateY(-50%); position: absolute; height: 1.25rem; width: 1.25rem; } @media (min-width: 48em) { .menu__request-button:before { height: 1.5rem; width: 1.5rem; left: 0.325rem; } } @media (min-width: 72em) { .menu__request-button:before { left: 0.375rem; height: 2rem; width: 2rem; } } .menu__request-button span { display: none; } @media (min-width: 82em) { .menu__request-button span { display: inline; } } @media (min-width: 48em) { .menu__container { position: relative; } } .menu__container:last-child .menu__button--desktop { border-right: none; } .menu__button:focus-visible { outline: thin dotted white; } @media (min-width: 48em) { .menu__button:focus-visible { outline-color: black; } } .menu__button--mobile { position: absolute; top: 1.125rem; right: 1.25rem; color: white; font-size: 0.75rem; letter-spacing: 0.125rem; text-transform: uppercase; font-weight: bold; padding: 0.625rem 0.425rem 0.5rem 0.5rem; } .menu__button--desktop { width: 100%; color: #34566a; position: relative; padding: 1.375rem 1rem 1.25rem; line-height: 1; letter-spacing: 0.05em; border-radius: 0; font-weight: bold; text-transform: uppercase; text-align: left; background: none; } @media (min-width: 72em) { .menu__button--desktop { font-size: 18px; font-size: 1.125rem; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 48em) { .menu__button--desktop::after { content: ""; width: 0; height: 0; display: inline-block; margin-left: 0.125rem; position: relative; top: -0.175rem; border-left: 0.35rem solid transparent; border-right: 0.35rem solid transparent; border-top: 0.4rem solid #34566a; } } .menu__button--desktop:hover { background-color: white; } @media (min-width: 48em) { .menu__button--desktop.selected { color: #a58d4c; } } @media (min-width: 48em) { .menu__button span { display: none; } } @media (min-width: 66em) { .menu__button span { display: inline; } } .menu__close-icon { position: absolute; top: 0.125rem; left: calc(50% - 9.15px); font-size: 1.875rem; line-height: 1; margin-left: 0.0625rem; } .menu__heading { color: white; font-size: 1rem; letter-spacing: 0.1rem; font-weight: bold; text-transform: uppercase; text-align: center; position: relative; padding-top: 3.5rem; padding-bottom: 0.25rem; margin-top: 0; } .menu__heading::before { content: ""; width: 2.375rem; height: 2.375rem; position: absolute; top: 1rem; left: 50%; margin-left: -1.1875rem; background: url(/graphics/site/sprites@2x.png?v=20200710); background-size: 800px 390px; } .menu__heading--buy-gold::before { background-position: -125px -140px; } .menu__heading--iras::before { background-position: -60px -140px; } .menu__heading--news::before { background-position: 0px -140px; } .menu__heading--about::before { background-position: -193px -140px; } .menu__dropdown { background-color: rgba(0, 0, 0, 0.25); border-radius: 0.5rem; padding: 0.625rem 1rem; } .menu__dropdown--mobile { width: 100%; position: absolute; background: inherit; padding-bottom: 1.5rem; box-shadow: inset 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.45); } @media (min-width: 48em) { .menu__dropdown--mobile { position: relative; z-index: unset; padding-top: 0; padding-bottom: 0; box-shadow: none; } } @media (min-width: 48em) { .menu__dropdown--desktop { position: absolute; margin: 0 1rem; padding: 0.625rem 1rem; padding: 0; margin: 0; width: 20rem; left: 0; margin-top: -0.5rem; padding: 0.625rem; background: white; box-shadow: 0 4px 9px rgba(0, 0, 0, 0.2), 0 12px 38px rgba(0, 0, 0, 0.33); border-top-left-radius: 0; border-top-right-radius: 0; } } .menu__dropdown--desktop::before { content: ""; width: 0; height: 0; position: absolute; top: -0.6rem; left: calc(50% - 0.6rem); border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-bottom: 0.6rem solid #004468; } @media (min-width: 48em) { .menu__dropdown--desktop::before { all: unset; } } .menu__item:last-child .menu__link { border-bottom: none; } .menu__link { display: block; color: white; text-decoration: none; line-height: 1.1; font-size: 18px; font-size: 1.125rem; padding: 0.875rem 0.75rem; } @media (min-width: 48em) { .menu__link { color: #34566a; } } @media (min-width: 48em) { .menu__link.selected { color: #a58d4c; } } .menu__link:hover { background: #00334e; } @media (min-width: 48em) { .menu__link:hover { background: rgba(208, 223, 231, 0.5); } } .menu__link:focus { outline-offset: -0.175rem; } .menu__dropdown { opacity: 1; transform: translateY(0); transition: all 0.25s ease; } .menu__button--mobile.is-closed ~ .menu__dropdown--mobile { opacity: 0; transform: translateY(-1rem); } @media (min-width: 48em) { .menu__button--mobile.is-closed ~ .menu__dropdown--mobile { opacity: 1; transform: translateY(0); } } @media (min-width: 48em) { .menu__button--desktop.is-closed ~ .menu__dropdown--desktop { opacity: 0; transform: translateY(-1rem); } } .site-home { padding-top: 0.875rem; } .home-slides-invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .home-slides-carrousel { background-color: white; position: relative; padding-bottom: 2.5rem; } @media (min-width: 72em) { .home-slides-carrousel { padding-bottom: 0; } } .home-slides-carrousel__container { background-color: black; white-space: nowrap; } .home-slides-carrousel__control__list { position: absolute; list-style-type: none; bottom: 0; margin: 0; right: 0; left: 0; padding-left: 0; text-align: center; } @media (min-width: 72em) { .home-slides-carrousel__control__list { display: none; } } .home-slides-carrousel__control__list__item { display: inline-block; margin: 0 0.5em; } .home-slides-carrousel__control__list__link { display: inline-block; width: 1em; height: 1em; background: white; border: 1px solid #005581; border-radius: 1em; cursor: pointer; } .home-slides-carrousel__control__list__link:focus, .home-slides-carrousel__control__list__link:hover, .home-slides-carrousel__control__list__link:active, .home-slides-carrousel__control__list__link[aria-selected=true] { background-color: #005581; } .home-slides-carrousel__control__list__link:focus, .home-slides-carrousel__control__list__link:hover, .home-slides-carrousel__control__list__link:active { outline: 2px dotted #005581; } .home-slides-carrousel__button-container { display: none; } @media (min-width: 72em) { .home-slides-carrousel__button-container { display: block; position: absolute; top: 50%; z-index: 2; } } .home-slides-carrousel__button__previous { left: -0.25rem; transform: rotateY(180deg); } @media (min-width: 76em) { .home-slides-carrousel__button__previous { left: calc(50% - 36.875rem); } } .home-slides-carrousel__button__next { right: -0.25rem; } @media (min-width: 76em) { .home-slides-carrousel__button__next { right: calc(50% - 36.875rem); } } .home-slides-carrousel__button__button { background: rgba(255, 255, 255, 0.15) url(/graphics/site/home_coins_next.svg) 65% 55% no-repeat; border: 1px solid rgba(255, 255, 255, 0.3); height: 5rem; width: 2.5rem; margin-top: -2.5rem; text-indent: -999rem; } .home-slides-carrousel__button__button:focus { outline: 2px dashed #c2a821; } .home-slides-carrousel__button__button:hover { background-color: rgba(240, 207, 119, 0.4); } .home-slides-carrousel .carrousel__content { -webkit-animation: homeSlidesFadein 1s; animation: homeSlidesFadein 1s; white-space: normal; } .home-slides-carrousel .carrousel__content[aria-hidden=true] { -webkit-animation: homeSlidesFadeout 1s; animation: homeSlidesFadeout 1s; } .home-slides .carrousel__content--second { display: none; } .home-slides-carrousel .carrousel__content--second { display: block; } .home-slides-carrousel .carrousel__content[aria-hidden=true] { display: none; } @-webkit-keyframes homeSlidesFadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes homeSlidesFadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes homeSlidesFadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes homeSlidesFadein { 0% { opacity: 0; } 100% { opacity: 1; } } .home-shrinedemocracy { background: #182b3e center no-repeat; background-size: cover; position: relative; } @media (min-width: 72em) { .home-shrinedemocracy { background-size: auto 100%; } } .no-webp .home-shrinedemocracy { background-image: url(/graphics/site/home_shrinedemocracy_bg.jpg); } .webp .home-shrinedemocracy { background-image: url(/graphics/site/home_shrinedemocracy_bg.webp); } .home-shrinedemocracy__inner { color: white; display: grid; margin: 0 auto; padding: 15rem 2.5rem 2.5rem; max-width: 67.5rem; position: relative; overflow: hidden; } @media (min-width: 48em) { .home-shrinedemocracy__inner { padding: 5rem 2.5rem 3.75rem; } } @media (min-width: 60em) { .home-shrinedemocracy__inner { height: 20.5rem; } } .home-shrinedemocracy__coins { background: url(/graphics/site/home_shrinedemocracy_coins.webp) center no-repeat; background-size: contain; width: 20rem; height: 15rem; position: absolute; top: 0.5rem; right: 50%; margin-right: -10rem; z-index: 1; } @media (min-width: 48em) { .home-shrinedemocracy__coins { width: 20rem; height: 15rem; margin-top: -7.5rem; margin-right: 0; top: 50%; right: -3.125rem; } } @media (min-width: 60em) { .home-shrinedemocracy__coins { right: 0; margin-top: -10rem; width: 25.25rem; height: 20.5rem; } } .home-shrinedemocracy__flag { background: url(/graphics/site/home_shrinedemocracy_flag.webp) center top no-repeat; mix-blend-mode: exclusion; background-size: 100% auto; width: 8rem; height: 15rem; position: absolute; top: -4rem; right: 50%; margin-right: -8rem; } @media (min-width: 48em) { .home-shrinedemocracy__flag { top: 0; width: 11.6875rem; height: 20.5rem; right: 1.25rem; margin-right: 0; } } @media (min-width: 60em) { .home-shrinedemocracy__flag { right: 5rem; } } .home-shrinedemocracy__content { max-width: 18.75rem; margin: 0 auto; } @media (min-width: 48em) { .home-shrinedemocracy__content { margin: 0; max-width: none; } } .home-shrinedemocracy__exclusive { font-size: 12px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.375rem 0.625rem 0.25rem; background-color: rgba(0, 0, 0, 0.5); display: inline-block; margin-bottom: 0.625rem; } @media (min-width: 48em) { .home-shrinedemocracy__exclusive { padding: 0.625rem 1rem; position: absolute; top: 0; left: 2.5rem; } } .home-shrinedemocracy__title { line-height: 1; margin-bottom: 0.75rem; } .home-shrinedemocracy__title em { color: #e2cd8d; display: block; font-size: 18px; font-size: 1.125rem; font-style: normal; letter-spacing: 0.2em; text-transform: uppercase; } @media (min-width: 48em) { .home-shrinedemocracy__title em { font-size: 21px; font-size: 1.3125rem; } } @media (min-width: 72em) { .home-shrinedemocracy__title em { font-size: 24px; font-size: 1.5rem; } } .home-shrinedemocracy__title strong { display: block; font-size: 48px; font-size: 3rem; } @media (min-width: 48em) { .home-shrinedemocracy__title strong { font-size: 42px; font-size: 2.625rem; } } @media (min-width: 54em) { .home-shrinedemocracy__title strong { font-size: 48px; font-size: 3rem; } } @media (min-width: 66em) { .home-shrinedemocracy__title strong { font-size: 54px; font-size: 3.375rem; } } .home-shrinedemocracy__title span { color: #e2cd8d; font-family: Georgia, serif; font-style: italic; font-weight: normal; position: relative; left: -0.05em; } .home-shrinedemocracy__desc { font-size: 18px; font-size: 1.125rem; } @media (min-width: 72em) { .home-shrinedemocracy__desc { font-size: 21px; font-size: 1.3125rem; } } .home-shrinedemocracy__cta .button { background-color: #a58d4c; font-size: 18px; font-size: 1.125rem; padding: 0.625rem 0.875rem 0.5rem; text-transform: uppercase; } .home-glenn { background-color: white; padding-bottom: 1.25rem; } @media (min-width: 48em) { .home-glenn { background: linear-gradient(to bottom, #1f2f3a, #405161) center no-repeat; padding-bottom: 0; } } .home-glenn__content-wrap { background: linear-gradient(to bottom, #1f2f3a, #405161) center no-repeat; position: relative; } @media (min-width: 48em) { .home-glenn__content-wrap { background: none; position: static; } } .home-glenn__inner { color: white; margin: 0 auto; max-width: 78.75rem; } @media (min-width: 48em) { .home-glenn__inner { position: relative; padding: 3.75rem 2.5rem 3.75rem 20rem; } } @media (min-width: 60em) { .home-glenn__inner { padding-left: 27.5rem; padding-right: 3.75rem; } } @media (min-width: 72em) { .home-glenn__inner { padding-right: 5rem; padding-left: 37.5rem; } } .home-glenn__photo { display: none; } @media (min-width: 48em) { .home-glenn__photo { background-image: url(/graphics/site/home_glenn.webp); background-position: center top; background-repeat: no-repeat; background-size: 90% auto; display: block; position: absolute; top: 2rem; left: -5rem; height: calc(100% - 2rem); width: 27.5rem; } } @media (min-width: 60em) { .home-glenn__photo { background-size: 100% auto; width: 32.5rem; } } @media (min-width: 72em) { .home-glenn__photo { left: 0; width: 35rem; } } .home-glenn__content { margin: 0 auto -1.25rem; max-width: 30rem; padding: 2.5rem 1.875rem 4.375rem; position: relative; } @media (min-width: 48em) { .home-glenn__content { margin: 0; max-width: none; padding: 0; } } .home-glenn__content::before { background: center top no-repeat; background-image: url(/graphics/site/home_glenn.webp); background-size: 100% auto; content: ""; display: block; width: 10rem; top: 1.75rem; left: -1.5rem; height: calc(100% - 1.75rem); position: absolute; } @media (min-width: 48em) { .home-glenn__content::before { display: none; } } .home-glenn__quote { margin: 0 0 1rem; padding-left: 7.5rem; position: relative; } @media (min-width: 25.875em) { .home-glenn__quote { padding-left: 8.25rem; } } @media (min-width: 48em) { .home-glenn__quote { padding-left: 0; margin-bottom: 1.875rem; } } @media (min-width: 72em) { .home-glenn__quote { margin-bottom: 2.5rem; } } .home-glenn__quote p { line-height: 1.35; color: #f0cf77; font-size: 16px; font-size: 1rem; font-style: italic; } @media (min-width: 25.875em) { .home-glenn__quote p { font-size: 18px; font-size: 1.125rem; } } @media (min-width: 48em) { .home-glenn__quote p { font-weight: bold; line-height: 1.3; padding-bottom: 1.25rem; font-size: 26px; font-size: 1.625rem; } } @media (min-width: 84em) { .home-glenn__quote p { font-size: 34px; font-size: 2.125rem; } } .home-glenn__quote cite { display: block; font-style: normal; } .home-glenn__quote .home-glenn__quote-cite-1 { display: block; font-size: 18px; font-size: 1.125rem; font-weight: bold; line-height: 1.25; text-transform: uppercase; } @media (min-width: 48em) { .home-glenn__quote .home-glenn__quote-cite-1 { font-size: 24px; font-size: 1.5rem; } } @media (min-width: 84em) { .home-glenn__quote .home-glenn__quote-cite-1 { font-size: 30px; font-size: 1.875rem; } } .home-glenn__quote .home-glenn__quote-cite-2 { display: block; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.02em; } @media (min-width: 48em) { .home-glenn__quote .home-glenn__quote-cite-2 { font-style: italic; font-size: 12px; font-size: 0.75rem; } } @media (min-width: 84em) { .home-glenn__quote .home-glenn__quote-cite-2 { font-size: 14px; font-size: 0.875rem; } } .home-glenn__cta { background-color: white; margin: -2.5rem 0.625rem 0; position: relative; border-radius: 0.3125rem; color: #444; padding: 1.875rem 8.75rem 1.875rem 1.875rem; box-shadow: 0 13px 38px rgba(0, 0, 0, 0.12); } @media (min-width: 32em) { .home-glenn__cta { margin-left: auto; margin-right: auto; max-width: 28.75rem; padding-right: 10.5rem; } } @media (min-width: 48em) { .home-glenn__cta { max-width: none; margin-top: 0; padding-right: 12.5rem; } } .home-glenn__cta h2 { color: #a58d4c; margin: 0 0 0.3125rem; font-size: 18px; font-size: 1.125rem; } @media (min-width: 48em) { .home-glenn__cta h2 { font-size: 21px; font-size: 1.3125rem; } } .home-glenn__cta .button { background-color: #005581; text-transform: uppercase; letter-spacing: 0.025em; position: relative; } @media (min-width: 48em) { .home-glenn__cta .button { font-size: 18px; font-size: 1.125rem; padding: 0.5em 0.875em 0.4em; } } .home-glenn__cta::before { content: ""; display: block; background: url(/graphics/site/home_glenn_brochure.webp) center no-repeat; background-size: contain; height: 10rem; position: absolute; right: -1.5rem; width: 11.25rem; } @media (min-width: 32em) { .home-glenn__cta::before { width: 14rem; right: -2.25rem; } } @media (min-width: 48em) { .home-glenn__cta::before { width: 21.25rem; height: 11.5rem; top: 50%; margin-top: -5.5rem; right: -5.5rem; } } .home-prices { padding: 2.5rem 1.875rem; background-color: white; } @media (min-width: 72em) { .home-prices { padding: 1.875rem; } } .home-prices__inner { margin: 0 auto; max-width: 25rem; padding: 0 0 0.625rem; } @media (min-width: 60em) { .home-prices__inner { max-width: 78.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); align-items: center; display: flex; justify-content: space-between; gap: 1.25rem; padding-bottom: 1.25rem; } } .home-prices__title-wrap { position: relative; } .home-prices__title { margin: 0 0 0.625rem; position: relative; } @media (min-width: 60em) { .home-prices__title { margin-bottom: 0; } } @media (min-width: 84em) { .home-prices__title { top: 0.1rem; } } .home-prices__title button { text-transform: uppercase; letter-spacing: 0.2em; color: #646464; font-size: 14px; font-size: 0.875rem; font-weight: normal; padding-left: 0; padding-right: 1rem; background: none; position: relative; } .home-prices__title button:hover { color: #a58d4c; pointer-events: cursor; } .home-prices__title button::before, .home-prices__title button::after { content: ""; display: block; border-left: 0.35rem solid transparent; border-right: 0.35rem solid transparent; border-top: 0.35rem solid #a58d4c; position: absolute; top: 50%; margin-top: -0.25rem; right: 0; } .home-prices__title button::after { border-top: 0.35rem solid white; margin-top: -0.35rem; z-index: 1; } .home-prices__title-controls { position: absolute; top: 2.5rem; left: 0; background-color: white; padding: 1.25rem; box-shadow: 0 12px 38px rgba(0, 0, 0, 0.25); border-radius: 0.25rem; width: 15rem; z-index: 99; } @media (min-width: 60em) { .home-prices__title-controls { width: 25rem; } } .home-prices__title-controls a:focus { outline: 2px dotted #005581; } .home-prices__timespan { display: flex; margin-bottom: 1rem; flex-direction: column; } @media (min-width: 60em) { .home-prices__timespan { flex-direction: row; } } .home-prices__timespan a { flex: 1; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; font-weight: bold; padding: 0.425em 0.625em 0.325em; text-transform: uppercase; background-color: white; text-align: center; color: #005581; text-decoration: none; border: 2px solid #005581; border-bottom-width: 0; } @media (min-width: 60em) { .home-prices__timespan a { border-bottom-width: 2px; border-right-width: 0; } } .home-prices__timespan a:first-child { border-top-left-radius: 0.375em; border-top-right-radius: 0.375em; } @media (min-width: 60em) { .home-prices__timespan a:first-child { border-top-right-radius: 0; border-top-left-radius: 0.375em; border-bottom-left-radius: 0.375em; } } .home-prices__timespan a:last-child { border-bottom-left-radius: 0.375em; border-bottom-right-radius: 0.375em; border-bottom-width: 2px; } @media (min-width: 60em) { .home-prices__timespan a:last-child { border-bottom-left-radius: 0; border-top-right-radius: 0.375em; border-bottom-right-radius: 0.375em; border-right-width: 2px; } } .home-prices__timespan a.is-current { background-color: #005581; color: white; } .home-prices__type { display: flex; flex-direction: column; } @media (min-width: 60em) { .home-prices__type { flex-direction: row; } } .home-prices__type button { flex: 1; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.1em; text-transform: uppercase; background-color: white; color: #005581; border-radius: 0; border: 2px solid #005581; } @media (min-width: 60em) { .home-prices__type button { border-right-width: 0; } } .home-prices__type button:first-child { border-top-left-radius: 0.375em; border-top-right-radius: 0.375em; } @media (min-width: 60em) { .home-prices__type button:first-child { border-top-right-radius: 0; border-top-left-radius: 0.375em; border-bottom-left-radius: 0.375em; } } .home-prices__type button:last-child { border-bottom-left-radius: 0.375em; border-bottom-right-radius: 0.375em; border-bottom-width: 2px; } @media (min-width: 60em) { .home-prices__type button:last-child { border-bottom-left-radius: 0; border-top-right-radius: 0.375em; border-bottom-right-radius: 0.375em; border-right-width: 2px; } } .home-prices__type button.is-selected { background-color: #005581; color: white; } .home-prices__list-wrapper { display: none; } .home-prices__list-wrapper.is-current { display: block; } .home-prices__list { font-size: 16px; font-size: 1rem; list-style: none; margin: 0; padding: 0; } @media (min-width: 60em) { .home-prices__list { display: flex; gap: 1.875rem; font-size: 14px; font-size: 0.875rem; } } @media (min-width: 72em) { .home-prices__list { font-size: 16px; font-size: 1rem; } } @media (min-width: 84em) { .home-prices__list { font-size: 18px; font-size: 1.125rem; gap: 3.75rem; } } .home-prices__item { display: grid; border-top: 1px solid rgba(0, 0, 0, 0.1); grid-template-columns: 1fr 5rem 5rem; padding: 0.5rem 0 0.375rem 0; } @media (min-width: 60em) { .home-prices__item { border-top: none; display: flex; gap: 1rem; } } .home-prices__metal { font-weight: bold; } .home-prices__change { text-align: right; font-weight: bold; position: relative; color: #4e8124; padding-right: 1rem; } .home-prices__change.is-down { color: #d4190c; } .home-prices__change:after { content: ""; border-left: 0.275rem solid transparent; border-right: 0.275rem solid transparent; border-bottom: 0.4rem solid #579129; display: block; position: absolute; right: 0.1rem; top: 0.375rem; } @media (min-width: 60em) { .home-prices__change:after { top: 0.3125rem; } } @media (min-width: 84em) { .home-prices__change:after { top: 0.5rem; } } .home-prices__change.is-down::after { border-top: 0.4rem solid #d4190c; border-bottom: none; } .home-prices__sr-only { width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; text-indent: -999rem; } .home-prices__charts-link { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 1rem; text-align: center; } @media (min-width: 60em) { .home-prices__charts-link { padding-top: 0; border-top: none; } } .home-prices__charts-link button { background-color: transparent; border: 2px solid rgba(52, 86, 106, 0.25); color: #34566a; letter-spacing: 0.05em; padding: 0.75rem 0.875rem 0.625rem; line-height: 1; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .home-prices__charts-link button:hover { background-color: rgba(52, 86, 106, 0.25); } .home-prices__charts-link button span { display: none; } @media (min-width: 84em) { .home-prices__charts-link button span { display: inline; } } .home-research { background: white right bottom no-repeat; background-size: 150% auto; } @media (min-width: 84em) { .home-research { background-size: auto; } } .no-webp .home-research { background-image: url(/graphics/site/home_bg_research.jpg); } .webp .home-research { background-image: url(/graphics/site/home_bg_research.webp); } .home-research__inner { margin: 0 auto; max-width: 28.75rem; padding: 0 1.875rem 5rem; } @media (min-width: 48em) { .home-research__inner { display: grid; align-items: start; grid-template-columns: 1fr 1fr; grid-gap: 3.75rem; padding-top: 1.25rem; max-width: 78.75rem; } } @media (min-width: 60em) { .home-research__inner { grid-template-columns: 0.75fr 1fr; padding-top: 2.5rem; padding-bottom: 6.25rem; } } @media (min-width: 84em) { .home-research__inner { grid-template-columns: 31.875rem 1fr; padding-left: 0; padding-right: 0; } } .home-research__report { margin-bottom: 1.25rem; padding-top: 100%; position: relative; } @media (min-width: 84em) { .home-research__report { margin-bottom: 0; } } .home-research__report picture { position: absolute; top: 2%; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.21); -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .home-research__report picture:nth-child(1) { left: 3%; width: 72%; z-index: 3; -webkit-animation-name: showHomeResearchImage1; animation-name: showHomeResearchImage1; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .home-research__report picture:nth-child(2) { top: 3.5%; left: 24%; width: 65%; z-index: 2; -webkit-animation-name: showHomeResearchImage2; animation-name: showHomeResearchImage2; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .home-research__report picture:nth-child(3) { top: 5%; left: 40%; width: 57%; -webkit-animation-name: showHomeResearchImage3; animation-name: showHomeResearchImage3; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes showHomeResearchImage1 { 0% { opacity: 0; transform: scale(0.8) translateY(50%); } 100% { opacity: 1; transform: rotateZ(-3deg); } } @keyframes showHomeResearchImage1 { 0% { opacity: 0; transform: scale(0.8) translateY(50%); } 100% { opacity: 1; transform: rotateZ(-3deg); } } @-webkit-keyframes showHomeResearchImage2 { 0% { opacity: 0; transform: scale(0.8) translateY(80%); } 100% { opacity: 1; transform: rotateZ(1deg); } } @keyframes showHomeResearchImage2 { 0% { opacity: 0; transform: scale(0.8) translateY(80%); } 100% { opacity: 1; transform: rotateZ(1deg); } } @-webkit-keyframes showHomeResearchImage3 { 0% { opacity: 0; transform: scale(0.8) translateY(100%); } 100% { opacity: 1; transform: rotateZ(5deg); } } @keyframes showHomeResearchImage3 { 0% { opacity: 0; transform: scale(0.8) translateY(100%); } 100% { opacity: 1; transform: rotateZ(5deg); } } .home-research__title-sub { color: #34566a; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; margin: 0 0 0.25rem; text-transform: uppercase; } @media (min-width: 60em) { .home-research__title-sub { font-size: 14px; font-size: 0.875rem; } } .home-research__title { color: #a58d4c; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; line-height: 1.15; margin: 0 0 0.875rem; } @media (min-width: 60em) { .home-research__title { font-size: 36px; font-size: 2.25rem; } } @media (min-width: 72em) { .home-research__title { font-size: 42px; font-size: 2.625rem; } } .home-research__title-lower { font-size: 18px; font-size: 1.125rem; font-weight: bold; text-transform: uppercase; } .home-research__title-lower strong { text-decoration: underline; } .home-research__desc { max-width: 30rem; padding-bottom: 1.875rem; } .home-research__form { max-width: 33.75rem; } .home-research__form label { color: #34566a; display: block; font-weight: bold; } .home-research__form [type=text], .home-research__form [type=email] { width: 100%; max-width: 100%; } @media (min-width: 60em) { .home-research__form .mini-form__pair { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1.875rem; } } .home-research__form .mini-form__field { padding-bottom: 1.25rem; } .home-research__form .mini-form__submit { grid-column: 1/3; } .home-research__form .mini-form__submit [type=submit] { padding: 0.625rem 1rem; font-size: 16px; font-size: 1rem; background-color: #a58d4c; margin-right: 0.625rem; } .home-research__form .mini-form__submit [type=submit]:focus { outline: 2px dashed #c2a821; } .home-research__form .mini-form__submit [type=submit]:hover { background-color: #826f3c; } .home-research__form .mini-form__privacy { font-size: 14px; font-size: 0.875rem; font-style: italic; color: #646464; } .home-research__form .cta-privacy label { color: #444; } .home-research__errors { background-color: #d4190c; color: white; padding: 1.25rem; margin-bottom: 1.25rem; } .home-research__errors ul { margin-bottom: 0; } .home-research__errors-heading { margin: 0 0 1.25rem; } .home-products { background: #1e3d4d center bottom no-repeat; color: white; } .no-webp .home-products { background-image: url(/graphics/site/homepage_coins_bg.jpg); } .webp .home-products { background-image: url(/graphics/site/homepage_coins_bg.webp); } .home-products .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .home-products .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .home-products .slick-list:focus { outline: none; } .home-products .slick-list.dragging { cursor: pointer; cursor: hand; } .home-products .slick-slider .slick-track, .home-products .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .home-products .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .home-products .slick-track:before, .home-products .slick-track:after { display: table; content: ""; } .home-products .slick-track:after { clear: both; } .home-products .slick-loading .slick-track { visibility: hidden; } .home-products .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .home-products [dir=rtl] .slick-slide { float: right; } .home-products .slick-slide img { display: block; } .home-products .slick-slide.slick-loading img { display: none; } .home-products .slick-slide.dragging img { pointer-events: none; } .home-products .slick-initialized .slick-slide { display: block; } .home-products .slick-loading .slick-slide { visibility: hidden; } .home-products .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .home-products .slick-arrow.slick-hidden { display: none; } .home-products__inner { margin: 0 auto; } @media (min-width: 72em) { .home-products__inner { max-width: 78.75rem; display: grid; grid-template-columns: 22.5rem minmax(0, 1fr); align-items: start; grid-gap: 1.25rem; } } @media (min-width: 84em) { .home-products__inner { grid-gap: 3.75rem; grid-template-columns: 27.5rem minmax(0, 1fr); } } .home-products__inner h2 { color: #f0cf77; font-weight: normal; font-size: 24px; font-size: 1.5rem; margin: 0 0 0.625rem; } .home-iras { background-color: rgba(21, 41, 51, 0.6); position: relative; } @media (min-width: 84em) { .home-iras { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22); top: -0.625rem; } } .home-iras__inner { margin: 0 auto; max-width: 28.75rem; padding: 5rem 1.875rem; } @media (min-width: 84em) { .home-iras__inner { padding: 5.625rem 3.125rem 3.75rem; } } .home-iras__inner ul { padding: 0.625rem 0 0; margin: 0 0 1rem 1.875rem; } .home-iras__inner ul li { padding-left: 0.25rem; padding-bottom: 0.875rem; } .home-iras__inner ul li::marker { color: #a58d4c; } .home-iras__inner .button__wrapper { text-align: center; } .home-iras__inner .button { padding: 0.625rem 1rem; background-color: #a58d4c; } .home-iras__inner .button:focus { outline: 2px dashed #c2a821; } .home-iras__inner .button:hover { background-color: #826f3c; } .home-coins__inner { margin: 0 auto; max-width: 28.75rem; padding: 5rem 1.875rem; } @media (min-width: 48em) { .home-coins__inner { max-width: none; } } @media (min-width: 60em) { .home-coins__inner { padding-left: 3.75rem; padding-right: 3.75rem; } } @media (min-width: 72em) { .home-coins__inner { padding-left: 1.875rem; padding-right: 1.875rem; } } @media (min-width: 84em) { .home-coins__inner { padding: 5rem 0; } } .home-coins__slider { padding: 0 2.5rem; margin: 0 -1.875rem 5rem; } @media (min-width: 84em) { .home-coins__slider { margin: 0 0 5rem; } } .home-coins__coins { padding: 0; margin: 0; } .home-coins__coins .slick-arrow { background: rgba(0, 0, 0, 0.5) url(/graphics/site/home_coins_next.svg) 65% 55% no-repeat; position: absolute; top: 50%; height: 5rem; margin-top: -2.5rem; width: 2rem; text-indent: -999rem; } .home-coins__coins .slick-arrow:focus { outline: 2px dashed #c2a821; } .home-coins__coins .slick-prev { left: -2.5rem; transform: rotateZ(180deg); } .home-coins__coins .slick-next { right: -2.5rem; } .home-coins__coin { text-align: center; padding: 0 1rem; } .home-coins__coin .button { background-color: #a58d4c; } .home-coins__coin-link { display: block; text-decoration: none; } .home-coins__coin-link:hover .home-coins__photo { transition: 0.2s ease all; transform: scale(1.05); } .home-coins__coin-link:hover .home-coins__name { transition: 0.2s ease all; color: rgba(240, 207, 119, 0.75); } .home-coins__coin-link:hover .button { background-color: #826f3c; } .home-coins__photo { max-width: 8.75rem; margin: 0 auto 0.375rem; } .home-coins__name { color: #f0cf77; font-weight: bold; line-height: 1.25; margin-bottom: 0.25rem; } .home-coins__details { color: white; font-size: 14px; font-size: 0.875rem; margin-bottom: 0.75rem; } .home-coins__details em { margin-right: 0.25rem; } h2.home-coins__reviews-title { font-size: 18px; font-size: 1.125rem; letter-spacing: 0.2em; text-align: center; margin: 0 0 1.25rem; } .home-testimonials-wrapper { position: relative; z-index: 1; margin: 0 -1.25rem; } .home-testimonials { width: 100%; list-style: none; padding: 0; margin: 0; } .home-testimonials.slick-slider .slick-dots { list-style: none; margin: 1.25rem 0 0; padding: 1.375rem 0 0; display: flex; border-top: 1px solid rgba(255, 255, 255, 0.1); justify-content: center; gap: 1rem; } .home-testimonials.slick-slider .slick-dots button { display: block; background: none; text-indent: -999rem; position: relative; width: 1rem; height: 1rem; background-color: rgba(255, 255, 255, 0.35); padding: 0; border-radius: 50%; } .home-testimonials.slick-slider .slick-dots button:focus { outline: 2px dashed #c2a821; } .home-testimonials.slick-slider .slick-dots .slick-active button { background: #a58d4c; } .home-testimonials.slick-slider .home-testimonials__carousel-slide:not(.slick-active) { box-shadow: none; } .home-testimonials.slick-slider .slick-list { padding-bottom: 1rem; } .home-testimonials.slick-slider .slick-track { display: flex !important; } .home-testimonials.slick-slider .slick-slide { height: inherit !important; position: relative; } .home-testimonials.slick-slider .slick-slide:focus-visible { outline: none; } .home-testimonials.slick-slider .slick-slide:focus-visible::after { content: ""; width: calc(100% - 6px); height: calc(100% - 6px); position: absolute; top: 0; left: 0; border: 3px solid #f0c71d; } .home-testimonials__carousel-slide { width: 100%; height: 100%; overflow: hidden; transition: box-shadow 0.4s ease; margin: 0 1.25rem; } .home-testimonials__rating-inner { background: rgba(165, 141, 76, 0.4); padding: 0.625rem; display: flex; grid-gap: 0.625rem; justify-content: center; align-items: center; } .home-testimonials__ratings { display: flex; justify-content: center; align-items: center; } .home-testimonials__ratings .visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .home-testimonials__ratings .icon { width: 1.5rem; margin: 0 0.1rem; height: 1.5rem; background: url(/graphics/site/home_testimonials_star.svg) left top no-repeat; } .home-testimonials__ratings .icon--star-half { background-image: url(/graphics/site/home_testimonials_starhalf.svg); } .home-testimonials__rating-source { font-weight: bold; line-height: 1; padding-top: 0.1875rem; } .home-testimonials__review { padding-top: 1.25rem; height: calc(100% - 4.5rem); display: flex; flex-direction: column; justify-content: flex-start; } .home-testimonials__review blockquote { margin: 0 0 1.5rem; align-self: flex-start; line-height: 1.5; } .home-testimonials__review figcaption { width: 100%; margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; } .home-testimonials__customer { font-size: 1.125rem; line-height: 1.2; font-weight: bold; text-align: right; flex: 1 0 auto; color: #f0cf77; } .home-testimonials__customer em { color: white; display: block; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; font-style: normal; font-weight: normal; letter-spacing: 0.15em; } .home-testimonials__verified { color: #f0cf77; font-size: 13px; font-size: 0.8125rem; text-align: left; letter-spacing: 0.2em; text-transform: uppercase; } @media (min-width: 32rem) { .home-testimonials__verified { display: flex; justify-content: center; align-items: center; grid-gap: 0.375rem; } } @media (min-width: 32rem) { .home-testimonials__verified::before { content: ""; display: inline-block; width: 1.5rem; height: 1.5rem; background: url(/graphics/site/home_testimonials_check.svg) left top no-repeat; } } .home-end { background-color: white; } @media (min-width: 60em) { .home-end__inner { align-items: start; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2.5rem; margin: 0 auto; max-width: 78.75rem; overflow: hidden; padding: 0 1.25rem; } } @media (min-width: 84em) { .home-end__inner { grid-gap: 5rem; padding-left: 0; padding-right: 0; } } .home-end__inner h2 { font-weight: normal; font-size: 24px; font-size: 1.5rem; margin: 0 0 1.25rem; } .home-news { margin: 0 auto; max-width: 28.75rem; padding: 5rem 1.875rem; } @media (min-width: 72em) { .home-news { max-width: none; padding: 5rem 2.5rem; } } @media (min-width: 84em) { .home-news { padding: 5rem 0; } } .home-news h2 { color: #34566a; } .home-news__story { padding-bottom: 2.5rem; } @media (min-width: 72em) { .home-news__story { display: grid; grid-template-columns: 7.5rem 1fr; grid-gap: 1.875rem; padding-bottom: 1.25rem; } } .home-news__story .home-news__news-photo { padding-bottom: 1.25rem; max-width: 7.5rem; } @media (min-width: 84em) { .home-news__story .home-news__news-photo { padding-bottom: 0; } } @media (min-width: 60em) { .home-news__story .home-news__news-photo img { width: 7.5rem; height: 7.5rem; -o-object-fit: cover; object-fit: cover; } } .home-news__story .home-news__date { margin-bottom: 1rem; } .home-news__title { font-size: 24px; font-size: 1.5rem; line-height: 1.25; margin: 0 0 0.3125rem; } .home-news__title a { color: #86723e; text-decoration: none; } .home-news__title a:hover { color: #4e4224; } .home-news__date { font-size: 14px; font-size: 0.875rem; font-style: italic; } .home-news__older h3 { color: #34566a; font-size: 14px; font-size: 0.875rem; font-weight: normal; letter-spacing: 0.15em; text-transform: uppercase; margin: 0 0 1rem; } .home-news__older ul { list-style: none; margin: 0; padding: 0; } .home-news__news-item { display: grid; grid-template-columns: 4rem 1fr; grid-gap: 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 1.25rem 0; } @media (min-width: 84em) { .home-news__news-item { align-items: center; } } .home-news__news-item img { width: 4rem; height: 4rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .home-news__news-item .home-news__title { font-size: 16px; font-size: 1rem; } .home-blog { margin: 0 auto; max-width: 28.75rem; padding: 0 1.875rem 5rem; } @media (min-width: 60em) { .home-blog { padding-top: 5rem; } } @media (min-width: 72em) { .home-blog { max-width: none; padding: 5rem 2.5rem; } } @media (min-width: 84em) { .home-blog { padding: 5rem 0; } } .home-blog h2 { color: #34566a; } .home-blog__story { padding-bottom: 2.5rem; } @media (min-width: 72em) { .home-blog__story { display: grid; grid-template-columns: 7.5rem 1fr; grid-gap: 1.875rem; padding-bottom: 1.25rem; } } .home-blog__story .home-blog__news-photo { max-width: 7.5rem; padding-bottom: 1.25rem; } @media (min-width: 84em) { .home-blog__story .home-blog__news-photo { padding-bottom: 0; } } .home-blog__story .home-blog__date { margin-bottom: 1rem; } .home-blog__title { font-size: 24px; font-size: 1.5rem; line-height: 1.25; margin: 0 0 0.3125rem; } .home-blog__title a { color: #86723e; text-decoration: none; } .home-blog__title a:hover { color: #4e4224; } .home-blog__date { font-size: 14px; font-size: 0.875rem; font-style: italic; } .home-blog__older h3 { color: #34566a; font-size: 14px; font-size: 0.875rem; font-weight: normal; letter-spacing: 0.15em; text-transform: uppercase; margin: 0 0 1rem; } .home-blog__older ul { list-style: none; margin: 0; padding: 0; } .home-blog__news-item { display: grid; grid-template-columns: 4rem 1fr; grid-gap: 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 1.25rem 0; } @media (min-width: 84em) { .home-blog__news-item { align-items: center; } } .home-blog__news-item img { width: 4rem; height: 4rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .home-blog__news-item .home-blog__title { font-size: 16px; font-size: 1rem; } .home-about-span { background-color: rgba(138, 118, 65, 0.9); color: white; } .home-about-span__inner { margin: 0 auto; max-width: 78.75rem; } .home-about__inner { margin: 0 auto; max-width: 28.75rem; padding: 5rem 1.875rem; display: grid; grid-gap: 5rem; } @media (min-width: 60em) { .home-about__inner { padding: 5rem 3.125rem; grid-template-columns: 1fr 1fr; grid-gap: 5rem; max-width: none; align-items: center; } } @media (min-width: 84em) { .home-about__inner { padding-left: 0; padding-right: 0; } } .home-about__inner .title--home { margin-top: 0; } .home-about__desc { padding-bottom: 0.625rem; } @media (min-width: 72em) { .home-about__desc { padding-bottom: 1.25rem; } } @media (min-width: 84em) { .home-about__desc p { font-size: 18px; font-size: 1.125rem; } } .home-about__desc a { font-weight: bold; color: white; } .home-about__video-launch { display: block; position: relative; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); transition: 0.2s all ease; margin-bottom: 0.25rem; } .home-about__video-launch:focus { outline-color: rgba(255, 255, 255, 0.75); outline-width: 2px; outline-offset: 2px; } .home-about__video-launch:hover { opacity: 0.7; } .home-about__video-launch::before { content: ""; position: absolute; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)); top: 0; right: 0; bottom: 0; left: 0; } .home-about__video-launch-label { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; color: white; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; font-size: 18px; font-size: 1.125rem; } .home-about__video-launch-label::before { content: ""; display: block; width: 4.375rem; height: 4.375rem; background: url(/graphics/site/home_about_play.svg) center no-repeat; background-size: contain; margin: 0 auto 0.25rem; } @media (min-width: 84em) { .home-about__video-launch-label::before { width: 7.5rem; height: 7.5rem; } } .home-about__more-videos { text-align: center; display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } @media (min-width: 84em) { .home-about__more-videos { grid-row: 2; align-self: start; margin-bottom: auto; } } .home-about__more-videos .button { border-radius: 0.375em; font-size: 14px; font-size: 0.875rem; letter-spacing: 0.05em; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; padding: 0.3rem 0.25rem 0.2rem; width: 11.375rem; display: inline-flex; align-items: center; justify-content: center; } .home-about__more-videos .button:focus { outline: 2px dotted rgba(255, 255, 255, 0.75); } .home-about__more-videos .button:hover { background-color: rgba(0, 0, 0, 0.7); } .home-about__more-videos .button:before { background-image: url(/graphics/site/home_about_videos.svg); background-repeat: no-repeat; background-position: center left; background-size: 65% auto; content: ""; display: block; height: 2rem; width: 1.5rem; position: relative; top: -0.15rem; } .home-about__more-videos .button:last-child:before { background-image: url(/graphics/site/home_about_trophy.svg); top: -0.05rem; } .home-banner { bottom: 0; background-color: white; box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.33); line-height: 1; position: fixed; width: 100%; display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media screen and (min-width: 32em), print { .home-banner { display: none !important; } } .home-banner.is-expanded { position: absolute; z-index: 1000; left: 0.625em; width: auto; right: 0.625em; top: 0.625em; bottom: auto; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fadeInHomeBanner; animation-name: fadeInHomeBanner; } .home-banner.is-expanded .cta-privacy { line-height: 1.2; } @-webkit-keyframes fadeInHomeBanner { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInHomeBanner { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .home-banner__close { position: absolute; right: 8px; top: -12px; width: 21px; height: 21px; background-color: white; border-radius: 100px; text-indent: -9999px; background-size: 9px 9px; background-position: 6px 6px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2); z-index: 1; } .no-webp .home-banner__close { background-image: url(/graphics/site/home_banner_close.png); } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .home-banner__close { background-image: url(/graphics/site/home_banner_close@2x.png); } } .webp .home-banner__close { background-image: url(/graphics/site/home_banner_close.webp); } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .home-banner__close { background-image: url(/graphics/site/home_banner_close@2x.webp); } } .home-banner.is-expanded .home-banner__close { top: -6px; right: -6px; } .home-banner__close:hover { background-color: #aec8d6; } .home-banner__link { background-color: #005581; border-radius: 0; display: block; color: white; font-weight: normal; padding: 14px 12px 10px 114px; width: 100%; text-align: left; text-decoration: none; transition: background-color 0.2s ease; } @media screen and (min-width: 26em), print { .home-banner__link { padding-left: 140px; } } @media screen and (min-width: 30em), print { .home-banner__link { padding-left: 170px; } } .home-banner__link:hover { background-color: #182e39; } .home-banner.is-expanded .home-banner__link:hover { background-color: #005581; } .home-banner__img { background: 0 0 no-repeat; background-size: 91px 59px; width: 91px; height: 59px; position: absolute; left: 10px; top: 14px; } @media screen and (min-width: 26em), print { .home-banner__img { left: 30px; top: 18px; } } @media screen and (min-width: 30em), print { .home-banner__img { left: 60px; } } .no-webp .home-banner__img { background-image: url(/graphics/site/home_banner_kit.png); } .webp .home-banner__img { background-image: url(/graphics/site/home_banner_kit.webp); } .home-banner__title { color: #f0cf77; font-size: 17px; font-size: 1.0625rem; font-weight: bold; letter-spacing: 0.025em; margin: 0; text-transform: uppercase; } @media screen and (min-width: 28em), print { .home-banner__title { font-size: 24px; font-size: 1.5rem; } } .home-banner__desc { line-height: 1.3; font-size: 15px; font-size: 0.9375rem; margin-bottom: 0.25rem; } @media screen and (min-width: 28em), print { .home-banner__desc { font-size: 18px; font-size: 1.125rem; line-height: 1.2; } } .home-banner__button-shape { font-size: 13px; font-size: 0.8125rem; background-color: #a58d4c; position: relative; line-height: 1.1; padding: 0.425rem 0.5rem 0.325rem; } .home-banner__button-shape:hover { background-color: #a58d4c; } .home-banner__call { background-color: #00334e; color: white; font-style: italic; font-size: 14px; font-size: 0.875rem; padding: 10px; text-align: center; } .home-banner__call strong { font-style: normal; } .home-banner__call a { color: white; font-weight: bold; font-style: normal; } .home-banner__call a:hover { text-decoration: none; } .home-banner__note { font-style: italic; color: #646464; font-size: 13px; font-size: 0.8125rem; padding-bottom: 1.25em; } .home-banner__form { display: none; background-color: white; padding: 1em; max-width: 22em; margin: 0 auto; } .home-banner.is-expanded .home-banner__form { display: block; } .home-banner__form label { display: block; font-weight: bold; padding-bottom: 0.2em; font-size: 13px; font-size: 0.8125rem; } .home-banner__form input { font-size: 16px; font-size: 1rem; padding: 0.25em 0.5em 0.15em; max-width: 100%; width: 100%; } .home-banner__form [type=submit] { padding: 0.5em; } .home-banner__form fieldset { display: block; padding-bottom: 0.75em; } .home-banner__form fieldset:nth-of-type(1), .home-banner__form fieldset:nth-of-type(2) { width: 50%; min-width: 1em; float: left; padding-right: 0.5em; } .home-banner__form fieldset:nth-of-type(2) { padding-right: 0; padding-left: 0.5em; } .home-banner__form fieldset:nth-of-type(3) { clear: both; } .home-banner__form fieldset:nth-of-type(3) input { width: 100%; max-width: 100%; } .home-banner__form .input-text-phone-1, .home-banner__form .input-text-phone-2 { width: 2.75em; } .home-banner__form .input-text-phone-3 { width: 3.25em; } .home-banner__form .row-submit { padding-top: 0.5em; padding-bottom: 0; } .home-banner__errors { display: none; background-color: #8c1008; color: white; margin-bottom: 1em; border-radius: 0.5em; padding: 1em 1em 0.25em; } .home-banner__errors h6 { font-size: 14px; font-size: 0.875rem; margin: 0 0 0.5em; } .home-banner__errors ul { font-size: 14px; font-size: 0.875rem; margin: 0; padding: 0 0 0.5em 1.25em; } .home-banner__errors li { padding-bottom: 0.25em; } .site-footer__wrapper { background-color: #26282a; color: white; padding: 1.25em; } @media screen and (min-width: 48em), print { .site-footer__wrapper { padding: 3.125rem 2.5rem; } } @media print { .site-footer__wrapper { display: none; } } .site-footer { max-width: 24rem; margin: 0 auto; position: relative; } @media screen and (min-width: 48em), print { .site-footer { zoom: 1; max-width: 78.75rem; } .site-footer:before, .site-footer:after { content: ""; display: table; } .site-footer:after { clear: both; } } @media (min-width: 84em) { .site-footer { display: grid; grid-template-columns: 20rem 1fr; } } @media (min-width: 84em) { .site-footer::before { display: none; } } .site-footer a:focus { outline-color: #c5e7f8; } .site-footer__reveal-link { color: white; display: block; padding: 0.75em 0.5em 0.5em 1.75em; font-size: 12px; font-size: 0.75rem; text-decoration: none; letter-spacing: 0.15em; font-weight: bold; margin: 0 auto 1.5em; position: relative; text-transform: uppercase; width: 9.25em; } .site-footer__reveal-link.is-used { opacity: 0; transform: translateY(-3em); position: absolute; left: 50%; margin-left: -9em; } .site-footer__reveal-link:hover { color: #68a0bc; } .site-footer__reveal-link:before { background-size: 800px 390px; background-position: -391px -2px; content: ""; display: block; height: 13px; top: 0.75em; left: 0; margin-right: 0.25em; position: absolute; width: 13px; } .no-webp .site-footer__reveal-link:before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .site-footer__reveal-link:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .site-footer__reveal-link:before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .site-footer__reveal-link:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } @media screen and (min-width: 48em), print { .site-footer__reveal-link { display: none; visibility: hidden; } } .site-footer__contact { padding-bottom: 3em; } @media screen and (min-width: 48em), print { .site-footer__contact { float: left; width: 50%; padding: 0 1.25em 1.25em 0; position: static; left: auto; top: auto; } } @media screen and (min-width: 64em), print { .site-footer__contact { border-top: 1px solid #444; border-right: 1px solid #444; margin-top: 0.625em; padding-right: 2.5em; padding-bottom: 0; margin-bottom: 1.25em; width: 25%; } } @media (min-width: 84em) { .site-footer__contact { width: auto; margin-bottom: 0; } } .site-footer__newsletter { margin-bottom: 2em; } @media (min-width: 84em) { .site-footer__newsletter { margin-bottom: 1.25rem; } } .site-footer__newsletter .site-footer__newsletter-heading { font-size: 21px; font-size: 1.3125rem; font-weight: normal; margin: 0 0 0.125em; } @media screen and (min-width: 64em), print { .site-footer__newsletter .site-footer__newsletter-heading { display: inline-block; background-color: #26282a; padding: 0.5em 0.5em 0; position: relative; top: -1.125em; left: -0.5em; margin: 0; } } .site-footer__newsletter p { color: #d0d0d0; padding: 0 0 0.875rem; font-size: 14px; font-size: 0.875rem; } @media screen and (min-width: 64em), print { .site-footer__newsletter p { margin-top: -0.625em; } } .site-footer__newsletter label { color: white; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; font-size: 12px; font-size: 0.75rem; } .site-footer__newsletter input[type=email] { border: none; height: 2.75em; width: 100%; max-width: calc(100% - 5.6rem); border-top-right-radius: 0; border-bottom-right-radius: 0; } .js .site-footer__newsletter input[type=submit] { height: 2.75em; padding: 0.25em; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0.1rem; right: 0; width: 5.5rem; } .site-footer__newsletter .cta-privacy { opacity: 0.8; } .site-footer__newsletter .cta-privacy label { letter-spacing: normal; } .site-footer__newsletter-errors { background-color: #d4190c; font-weight: bold; color: white; font-size: 14px; font-size: 0.875rem; margin-bottom: 0.625em; padding: 0.625em 1em; display: none; } .site-footer__newsletter-fields { position: relative; display: flex; flex-wrap: wrap; } .site-footer__newsletter-fields label { width: 100%; } .site-footer__social { background-color: black; list-style: none; margin: 0 0 1.5em; padding: 0.875em 0.875em 0.425em; text-align: center; } @media (min-width: 84em) { .site-footer__social { margin-bottom: 0; } } .site-footer__social li { display: inline-block; margin: 0 0.2em 0.5em; } .site-footer__social a { display: block; height: 24px; background-size: 800px 390px; text-decoration: none; text-indent: -9999px; width: 24px; overflow: hidden; } .no-webp .site-footer__social a { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .site-footer__social a { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .site-footer__social a { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .site-footer__social a { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .site-footer__social .facebook { background-position: 0 -228px; } .site-footer__social .google { background-position: -68px -228px; } .site-footer__social .linkedin { background-position: -102px -228px; } .site-footer__social .twitter { background-position: -34px -228px; } .site-footer__social .youtube { background-position: -136px -228px; } .site-footer__trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; } @media screen and (min-width: 64em), print { .site-footer__trust { position: absolute; left: 30%; left: calc(25% + 1.5rem); justify-content: flex-start; right: 0; top: -0.5rem; padding-right: 7rem; } } @media screen and (min-width: 70em), print { .site-footer__trust { padding-right: 9rem; } } @media (min-width: 84em) { .site-footer__trust { padding-top: 1.25rem; padding-right: 0; } } .site-footer__trust li { display: inline-block; vertical-align: top; margin: 0.375em 0.85rem; height: 34px; background-size: 800px 390px; text-indent: -9999px; } .no-webp .site-footer__trust li { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .site-footer__trust li { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .site-footer__trust li { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .site-footer__trust li { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .site-footer__trust .site-footer__item--bca { background-position: -424px -265px; width: 68px; } .site-footer__trust .site-footer__item--bca a { display: block; height: 34px; } .site-footer__item--pcgs { background-position: -5px -265px; width: 50px; } .site-footer__item--nhc { background-position: -75px -265px; width: 57px; } li.site-footer__item--icta { background-position: -325px -260px; height: 45px; width: 80px; } .site-footer__item--bca { background-position: -214px -265px; width: 60px; } .site-footer__item--pma { background-position: 290px -257px; width: 50px; } .site-footer__item--pma a { display: block; height: 50px; } li.site-footer__item--pma { height: 50px; } .site-footer__item--bbb a, .site-footer__item--trustpilot a, .site-footer__item--google a, .site-footer__item--consumers a { display: block; height: inherit; } li.site-footer__item--bbb { background-position: -218px -254px; width: 44px; height: 60px; } @media screen and (min-width: 64em), print { li.site-footer__item--bbb { margin-left: 0.5rem; margin-right: 0.5rem; } } .site-footer__item--trustpilot { background-position: -202px -265px; width: 108px; } .site-footer__item--google { background-position: -573px -257px; width: 50px; } li.site-footer__item--google { height: 50px; } .site-footer__item--consumers { background-position: -634px -265px; width: 154px; } li.site-footer__item--badge { position: absolute; left: -999em; visibility: hidden; } @media screen and (min-width: 64em), print { li.site-footer__item--badge { visibility: visible; background-position: -274px 0; display: block; width: 100px; height: 100px; left: auto; right: -0.875rem; text-indent: -9999px; top: -0.5rem; } } @media (min-width: 84em) { li.site-footer__item--badge { right: -2.25rem; top: 0; } } .site-footer__links { position: absolute; top: -999em; left: -999em; } .site-footer--expanded .site-footer__links { position: static; left: auto; top: auto; } @media screen and (min-width: 48em), print { .site-footer__links { float: right; width: 50%; padding: 0.625em 0 1.25em 1.25em; visibility: visible; position: static; left: auto; top: auto; } } @media screen and (min-width: 64em), print { .site-footer__links { width: 75%; padding: 8.875em 0 0 0; } } @media (min-width: 84em) { .site-footer__links { padding-top: 6.875rem; display: grid; grid-template-columns: repeat(3, 1fr); width: auto; } } .site-footer__link-list { border-top: 1px solid #444; padding: 1px 0 1.5em; } @media screen and (min-width: 64em), print { .site-footer__link-list { border-right: 1px solid #444; float: left; width: 33.333%; padding: 1px 0 0.5em 2.5em; } } @media (min-width: 84em) { .site-footer__link-list { float: none; width: auto; padding-bottom: 1.5rem; } } @media screen and (min-width: 64em), print { .site-footer__link-list:last-child { border-right: none; } } .site-footer__link-list .site-footer__link-list-heading { display: inline-block; background-color: #26282a; padding: 0.5em; position: relative; top: -1.125em; left: -0.5em; letter-spacing: 0.1em; font-size: 14px; font-size: 0.875rem; margin: 0; text-transform: uppercase; } .site-footer__link-list ul { list-style: none; padding: 0; margin: -1em 0 0; } .site-footer__link-list a { color: #c5e7f8; text-decoration: none; display: block; padding: 0.125rem 0; } .site-footer__link-list a:hover { color: white; } .footer-links--optional { display: none; visibility: hidden; } @media screen and (min-width: 48em), print { .footer-links--optional { display: block; visibility: visible; } } .copyright { border-top: 1px solid #444; font-size: 14px; font-size: 0.875rem; padding-top: 1.25em; color: #aaa; } @media screen and (min-width: 48em), print { .copyright { clear: both; } } @media screen and (min-width: 64em), print { .copyright { padding-top: 1.25em; position: relative; } } @media (min-width: 84em) { .copyright { grid-column: 1/3; } } .copyright__disclaimer { font-style: italic; text-align: center; max-width: 50em; margin: 0 auto; } @media screen and (min-width: 72em), print { .copyright__disclaimer { text-align: left; margin-left: 0; margin-right: 0; } } .copyright__disclaimer--system { margin-bottom: 0.5em; } .copyright__powered { border-top: 1px solid #444; padding-top: 0.833em; margin-top: 1.5em; text-align: center; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; margin-bottom: 1em; text-transform: uppercase; } @media (min-width: 84em) { .copyright__powered { padding-top: 1.25rem; } } .copyright__powered a { text-decoration: none; border-bottom: 1px solid #646464; color: #aaa; } .copyright__powered a:hover { color: white; } .copyright__links { text-align: center; } @media screen and (min-width: 72em), print { .copyright__links { position: absolute; right: 0; top: 1.25em; width: 10rem; text-align: right; } } .copyright__links a { display: inline-block; font-size: 13px; font-size: 0.8125rem; margin: 0 0.25em 0.5em; text-decoration: none; border-bottom: 1px solid #646464; color: #aaa; } @media (min-width: 72em) { .copyright__links a { margin-bottom: 0.625rem; } } .copyright__links a:hover { color: white; } .site-footer__customercare { border-top: 1px solid #444; color: #aaa; font-size: 14px; font-size: 0.875rem; padding: 1em 0; text-align: center; } @media screen and (min-width: 48em), print { .site-footer__customercare { clear: both; display: flex; } } @media screen and (min-width: 64em), print { .site-footer__customercare { position: relative; } } @media (min-width: 84em) { .site-footer__customercare { grid-column: 1/3; } } .site-footer__customercare__wrap { margin-bottom: 1.25rem; } @media (min-width: 48em) { .site-footer__customercare__wrap { margin-bottom: 0; } } .site-footer__customercare__desc { display: inline-block; } .site-footer__customercare__button { display: inline-block; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; border: 2px solid rgba(170, 170, 170, 0.6); background-color: transparent; color: #aaa; font-weight: normal; margin-left: 0.5em; } .site-footer__customercare__button:hover { border-color: #005581; color: white; } .site-footer__customercare__accessibility { display: block; width: 4.5rem; margin: 0 auto; } @media (min-width: 48em) { .site-footer__customercare__accessibility { margin-right: 0; } } .site-footer__customercare__trustlink { color: #aaa; display: block; margin-left: 1em; padding-top: 1em; } @media screen and (min-width: 70em), print { .site-footer__customercare__trustlink { display: inline-block; padding: 0; } } .site-footer__customercare__trustlink a { color: #aaa; text-decoration: none; } .site-footer__customercare__trustlink a:hover { color: white; } .site-footer__phone-link-forMobile { color: white; margin: 1em 0 0.5em; text-align: center; } @media screen and (min-width: 48em), print { .site-footer__phone-link-forMobile { display: none; visibility: hidden; } } .site-footer__phone-link-forMobile:before { background-size: 800px 390px; background-position: -97px -98px; content: ""; display: inline-block; height: 30px; top: 0.5em; margin-right: 0.25em; position: relative; width: 30px; } .no-webp .site-footer__phone-link-forMobile:before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .site-footer__phone-link-forMobile:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .site-footer__phone-link-forMobile:before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .site-footer__phone-link-forMobile:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } @media screen and (min-width: 60em), print { .site-footer__phone-link-forMobile:before { top: -0.325em; } } .site-footer__phone-link-forMobile a { color: white; } .sidebar.is-expanded { margin-bottom: 0.5rem; } .nav-side { font-size: 14px; font-size: 0.875rem; } .js .nav-side > ul { transition: max-height 1s ease; overflow: hidden; max-height: 0; visibility: hidden; } @media screen and (min-width: 48em), print { .js .nav-side > ul { max-height: 100%; visibility: visible; } } .js .nav-side.is-expanded > ul { max-height: 30em; visibility: visible; } .nav-side ul { margin: 0; padding: 0; } .nav-side ul ul a { border: none; padding: 0.85em 0.75em 0.625em 2em; } .nav-side a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #414141; display: block; padding: 0.875em 0.75em 0.625em; text-decoration: none; } .nav-side a:hover { background-color: rgba(104, 160, 188, 0.25); } .nav-side .active a { font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-side .active ul a { font-weight: normal; } .nav-side .active .active { border: none; } .nav-side .active .active a { font-weight: bold; } .nav-side-header { margin: 0; } .nav-side-header a { text-transform: uppercase; letter-spacing: 0.15em; background-color: white; border-radius: 0.5em; border-bottom: none; color: #005581; font-size: 10.5px; font-size: 0.65625rem; display: block; position: relative; padding-left: 2.75em; } @media screen and (min-width: 48em), print { .nav-side-header a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 0.925em; border-radius: 0; background-color: transparent; font-size: 13px; font-size: 0.8125rem; line-height: 1.2; } } .nav-side-header a:before { display: block; content: ""; left: 0.875em; top: 50%; margin-top: -8px; margin-right: 0.5em; position: absolute; background-size: 800px 390px; background-position: -411px -2px; height: 13px; width: 13px; } .no-webp .nav-side-header a:before { background-image: url(/graphics/site/sprites.png?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .no-webp .nav-side-header a:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } .webp .nav-side-header a:before { background-image: url(/graphics/site/sprites.webp?v=20230703); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .webp .nav-side-header a:before { background-image: url(/graphics/site/sprites@2x.webp?v=20230703); } } @media screen and (min-width: 48em), print { .nav-side-header a:before { display: none; } } .nav-side-header a:hover { color: #182e39; } .is-expanded .nav-side-header a { border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 1.125em; background-color: transparent; } .is-expanded .nav-side-header a:before { display: none; } .sidebar-form { transition: max-height 0.75s ease 0.5s; overflow: hidden; max-height: 0; visibility: hidden; } .sidebar.is-expanded .sidebar-form, .sidebar-form.sidebar-form--always { padding-top: 1.5em; max-height: 40em; visibility: visible; } @media screen and (min-width: 48em), print { .sidebar-form { padding-top: 1.5em; max-height: 40em; visibility: visible; } } .sidebar-form h6 { margin: 0 0 1em; font-weight: normal; color: #005581; line-height: 1.2; font-size: 16px; font-size: 1rem; } .sidebar-form p { font-size: 14px; font-size: 0.875rem; } .sidebar-form form { border-radius: 0.25em; padding: 1em; background-color: #c5dadf; } .sidebar-form label { display: block; font-size: 12px; font-size: 0.75rem; font-weight: bold; padding-bottom: 0.25em; text-transform: uppercase; } .sidebar-form .sidebar-form__input { padding-bottom: 0.625em; } .sidebar-form input[type=text], .sidebar-form input[type=email] { max-width: 100%; width: 100%; padding: 0.5em 0.5em 0.4em; } .sidebar-form .sidebar-form__input--phone input[type=text] { width: auto; } .sidebar-form .sidebar-form__submit { border-top: 1px dashed rgba(104, 160, 188, 0.5); padding-top: 0.5em; text-align: center; } .sidebar-form .sidebar-form__submit input { padding: 0.6em 1em 0.5em; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .sidebar-form .sidebar-form__privacy { margin-top: 0.5em; font-style: italic; font-size: 12px; font-size: 0.75rem; } .sidebar-offer { transition: max-height 0.75s ease 0.75s; max-height: 0; visibility: hidden; display: none; } .sidebar.is-expanded .sidebar-offer { max-height: 15em; visibility: visible; display: block; } @media screen and (min-width: 48em), print { .sidebar-offer { max-height: 15em; visibility: visible; display: block; } } .sidebar-offer a { margin-top: 1em; width: 100%; } .sidebar-offer a:focus { outline: 0.0625rem dotted #182e39; outline-offset: 0.25rem; } .sidebar-offer .button-full { display: block; max-width: 233px; margin: 1em auto 0; } .sidebar-offer__logo { display: block; margin: 1em auto 0; } .ad-holder { padding: 0 0 1.5em; text-align: center; } .ad-holder img { max-width: 100%; }