/* dancing-script-700 - latin */ @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 700; src: local(""), url("../fonts/dancing-script-v16-latin-700.woff2") format("woff2"), url("../fonts/dancing-script-v16-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-300 - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-regular.eot"); /* IE9 Compat Modes */ src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-regular.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-regular.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-regular.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-300italic - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300italic.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300italic.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300italic.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600 - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600.eot"); /* IE9 Compat Modes */ src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-italic - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-italic.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-italic.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-italic.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600italic - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600italic.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600italic.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600italic.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700italic - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700italic.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700italic.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700italic.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800 - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800.eot"); /* IE9 Compat Modes */ src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800italic - greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800italic.woff2") format("woff2"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800italic.woff") format("woff"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800italic.ttf") format("truetype"), url("../fonts/open-sans-v16-greek-ext_latin_greek_latin-ext_cyrillic_vietnamese_cyrillic-ext-800italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `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; } /* Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Improves appearance and consistency in all browsers. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve 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 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=shift-toward][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top]{transform:translateY(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom]{transform:translateY(10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left]{transform:translateX(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right]{transform:translateX(10px)}:root { --bodyColor: #414141; --body-bg: #7a7a7a; --headingColor: HSL(0 0% 30% / 60%); --headerDarkGray: HSL(0 0% 30% / 100%); --orangeColor: HSL(28 100% 55% / 100%); --orangeColorLight: HSL(28 100% 55% / 50%); --orangeColorAlt: #e99421; --headerHeight: 5.125rem; } @media screen and (min-width: 21.25em) { :root { --headerHeight: 6.125rem; } } html { height: 100%; font-size: 100%; overflow-x: hidden; } body { height: 100%; margin: 0; padding: 0; font-family: "Open Sans", sans-serif; color: var(--bodyColor); background: var(--body-bg); font-size: inherit; overflow-x: hidden; } img { max-width: 100%; height: auto; display: block; } .body-copy { font-size: 1rem; line-height: 1.5em; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0; } @media screen and (min-width: 360px) { .nowrap { white-space: nowrap; } } .clearfix::after { content: ""; clear: both; display: block; } .max-width-wrapper { width: 100%; max-width: 87.5rem; margin: 0 auto; padding-inline: 1rem; } @media screen and (min-width: 640px) { .max-width-wrapper { padding-inline: 2rem; } } @media screen and (min-width: 1200px) { .max-width-wrapper { padding-inline: 3rem; } } .max-width-wrapper.no-padding { padding: 0; } .max-width-wrapper.no-inline-padding { padding-inline: 0; } .site-container { margin: 0 auto; width: 100%; max-width: 1400px; background: white; position: relative; } .site-container::before, .site-container::after { content: ''; width: 2rem; position: absolute; height: 100%; top: 0; background: var(--body-bg); } .site-container::before { left: -2rem; } .site-container::after { right: -2rem; } .center-on-mobile { text-align: center; } @media screen and (min-width: 1200px) { .center-on-mobile { text-align: left; } } .ez2-highlight { color: #fa0002; } .flex-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-content.two-col > .flex-item { width: 50%; padding: 0 1rem; } .flex-content.two-col > .flex-item img { width: 100% !important; height: auto !important; } .flex-content-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-content-align-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .display-none-lg { display: none; text-align: left; } @media screen and (max-width: 1400px) { .display-none-lg { text-align: center; margin: 3rem 0 0 0; font-size: 30px; } } .display-none-lg span { display: block; } .display-none-lg span:nth-of-type(2) { font-weight: normal; } .display-none-lg span.ez2-highlight, .display-none-lg span.nowrap { display: inline; } .display-none-md { display: block; } h2, h3 { padding: 0; margin: 1rem 0 .25rem; } h1, h2, h3, h4, h5, h6 { line-height: 1.1em; } span.gold { display: inline !important; color: HSL(54, 94%, 50%); } span.red { display: inline !important; color: HSL(0, 100%, 40%); } .vertical-center { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } i.fas { color: #ffffff; font-weight: 900; margin-left: 3px; } .weight300 { font-weight: 300; } .regular { font-weight: 400; } .weight500 { font-weight: 500; } .semibold { font-weight: 600; } .weight700 { font-weight: 700; } .standard-page-headline { text-align: center; font-size: 1.75rem; font-size: clamp(1.25rem, 3vw, 2.5rem); line-height: 1.2em; } .standard-page-subhead { margin-bottom: 2em; text-align: center; font-weight: 600; font-style: italic; font-size: 1.25rem; font-size: clamp(1rem, 2.25vw, 1.75rem); line-height: 1.2em; } .globalHeadlineRig { color: #4d4d4f; margin-bottom: .5em; font-size: 2.5rem; font-size: clamp(2.5rem, calc(6vw + 1rem), 6rem); } .globalHeadlineRig.text-center { text-align: center; } .globalHeadlineRig * { margin: 0; padding: 0; } .globalHeadlineRig__pre-title { font-size: .48em; font-weight: 400; line-height: 1em; letter-spacing: .16em; } @media screen and (min-width: 640px) { .globalHeadlineRig__pre-title { font-weight: 300; } } .globalHeadlineRig__main-title { font-size: 1em; font-weight: 800; line-height: 1em; letter-spacing: .02em; } .globalHeadlineRig__sub-title { margin-top: .35em; font-size: .4em; letter-spacing: .05em; font-weight: 400; line-height: 1.4em; } @media screen and (min-width: 640px) { .globalHeadlineRig__sub-title { font-weight: 300; } } .globalHeadlineRig__sub-title.italic { font-style: italic; } h3.globalHeadline { color: var(--headingColor); font-size: 2.5rem; font-size: clamp(2.5rem, 10vw, 11rem); margin: .2em 0; } h3.globalHeadline .sectionHeadline, h3.globalHeadline .sectionHeadline2 { text-align: left; line-height: 1.2em; letter-spacing: -.01em; font-weight: 500; display: block; margin-left: -.05em; } h3.globalHeadline .sectionHeadline.uppercase, h3.globalHeadline .sectionHeadline2.uppercase { text-transform: uppercase; line-height: .8em; padding-top: .25em; } h3.globalHeadline .sectionSubHead { display: block; font-size: 1.5rem; font-size: clamp(1.5rem, 7vw, 6.25rem); text-align: left; margin-left: -.001em; line-height: 1em; letter-spacing: normal; } h3.globalHeadline .sectionSubHead.small { margin-left: 0; line-height: 1.05em; margin-top: .25em; font-size: 1.5rem; font-size: clamp(1.2rem, 5vw, 3.125rem); } .sub-headline { font-size: 2rem; font-size: clamp(1.5rem, 3vw, 2rem); text-align: center; margin-bottom: 1rem; } @media only screen and (max-width: 1400px) { .display-none-lg { display: block; text-align: center; } .display-none-md { display: none; text-align: center; } } @media only screen and (max-width: 960px) { .display-none-lg { display: block; } .display-none-md { display: none; } } @media only screen and (max-width: 768px) { #mainHeadlineContent .flex-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #mainHeadlineContent ul { width: 100%; } } .text-bold { font-weight: bold; } .italic { font-style: italic; } .orange-bar { height: 12px; background: #e58d1a; -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.16); } .no-margin-bottom { margin-bottom: 0 !important; } .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .no-padding-bottom { padding-bottom: 1px !important; } .no-padding-top { padding-top: 1px !important; } body .padding-top-2rem { padding-top: 2rem; } .relative { position: relative; overflow-x: hidden; } .road-bg { margin-top: -6px; padding-top: 2rem; } @media screen and (min-width: 40em) { .road-bg { background: url("/assets/images/road2.png") no-repeat top center/100%; } } .road-bg.border-top { position: relative; margin-top: 0; } .road-bg.border-top::before { content: ''; position: absolute; top: 3px; left: 0; right: 0; width: 90%; border-top: 1px solid #ccc; display: none; margin: 0 auto; } @media screen and (min-width: 40rem) { .road-bg.border-top::before { display: block; } } .click-here-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; color: #3d4d5d; line-height: 1em; } .click-here-button.white { color: white; } .click-here-button.orange { color: #E58D1A; } .click-here-button.black { color: #181818; } .click-here-button :first-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; padding: 0; } .click-here-button :last-child { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-style: italic; } .click-here-button.large :last-child { font-size: 1.8rem; } .click-here-button.thin :last-child { font-weight: 300; } .click-here-button.semibold :last-child { font-weight: 600; } .click-here-button.bold :last-child { font-weight: 700; } .is-white { color: #fff; } a { color: #ff8319; } a.box-link { text-decoration: none; } h1.headline, h2.headline { font-size: 1.2rem; line-height: 1.2em; margin: 1.2em 0 .65em 0; padding: 0 1rem; } @media screen and (min-width: 720px) { h1.headline, h2.headline { font-size: 2rem; } } @media screen and (min-width: 1400px) { h1.headline, h2.headline { font-size: 3rem; } } .specs-table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid #c0c0c0; background: HSL(0, 0%, 25%); } .specs-table.no-top-border { border: none; } .specs-table thead th { background: HSL(210, 1%, 42%); color: #fff; font-weight: 600; text-align: left; border-right: 1px solid #c0c0c0; padding: .5em !important; } .specs-table thead th:first-child { border-left: 1px solid HSL(0, 0%, 25%); } .specs-table thead th:last-child { border-color: HSL(0, 0%, 25%); } .specs-table tbody tr:nth-child(odd) td { background-color: HSL(0, 0%, 100%); } .specs-table tbody tr:nth-child(odd) td:first-child { background-color: HSL(180, 3%, 93%); } .specs-table tbody tr:nth-child(even) td { background-color: HSL(0, 0%, 100%); } .specs-table tbody tr:nth-child(even) td:first-child { background-color: HSL(220, 4%, 84%); } .specs-table tbody td { padding: .5em !important; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .specs-table tbody td:first-child { border-left: 1px solid #c0c0c0; } .specs-table tbody tr.divider td, .specs-table tbody tr.divider td:first-child { background: HSL(220, 1%, 42%); color: #fff; font-weight: 600; border: none; } .specs-table tbody tr.divider:first-child td, .specs-table tbody tr.divider:first-child td:first-child { border-inline: 1px solid HSL(0, 0%, 25%); } .specs-table tbody tr.divider + tr td { border-top: none; } .specs-table tbody tr.no-bottom-border td { border-bottom: none; } .content-banner { position: relative; overflow: hidden; height: 580px; height: clamp(280px, 75vw, 580px); } .content-banner picture { height: 100%; } .content-banner img { display: block; } .content-banner .background-image { height: 100%; position: absolute; inset: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .content-banner .background-image img { max-width: none; width: auto; height: 100%; } .content-banner .foreground { position: absolute; inset: 0; width: 100%; height: 100%; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content-banner .foreground div.content { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: center; padding-block: 1rem; } .content-banner .foreground div.foreground-image { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; } .content-banner .foreground div.foreground-image img { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%; width: auto; } .flex-body-container { display: block; width: 100%; margin-block: 1rem; } @media screen and (min-width: 1200px) { .flex-body-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flex-body-container .content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } @media screen and (min-width: 1200px) { .flex-body-container .content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 70ch; } } @media screen and (min-width: 1200px) { .flex-body-container .content.grow { max-width: 50ch; } } @media screen and (min-width: 1200px) { .flex-body-container .content.grow-limited { max-width: 60ch; } } .flex-body-container .content .text-content { max-width: 70ch; } .flex-body-container .image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 80%; margin: .5rem auto; } .flex-body-container .image img { width: 100%; height: auto; display: inline-block; } .flex-body-container .image.keep-right { text-align: right; } .flex-body-container .image.keep-right img { display: block; margin-inline: auto; } @media screen and (min-width: 580px) { .flex-body-container .image { width: 45%; float: right; margin: 0 0 1rem 1rem; padding: 0; } } @media screen and (min-width: 1200px) { .flex-body-container .image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; float: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-body-container .image.keep-right img { margin-right: 0; } .flex-body-container .image > * { width: 80%; display: block; margin: 0 0 0 auto; } .flex-body-container .image.wide > * { width: 100%; } } .flex-body-container.reverse { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 1200px) { .flex-body-container.reverse .content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1200px) { .flex-body-container.reverse .image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .flex-body-container.reverse .image > * { margin: 0 auto 0 0; } } .flex-body-container.image-bottom-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 480px) { .flex-body-container.image-bottom-mobile { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1200px) { .flex-body-container.image-bottom-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .content { font-size: 1rem; } .content * { font-size: 1em; } @media screen and (min-width: 480px) { .content div:first-child, .content p:first-child, .content ul:first-child { padding-top: 0; margin-top: 0; } } .content.grow { font-size: 1em; font-size: clamp(1em, calc(1vw + .75em), 1.5em); } .content.grow-limited { font-size: 1em; font-size: clamp(1em, calc(.75vw + .75em), 1.125em); } .content .larger { font-size: 1.25em; } .content .text-content { margin-bottom: 1em; line-height: 1.5em; } .content ul.text-content { margin-left: 1.5rem; } .content .big-text { font-size: 1.25rem; font-size: clamp(1.25rem, calc(2vw + 1rem), 2rem); line-height: 1.2em; margin-bottom: .25em; } .content .big-text.loose-leading { line-height: 1.4em; } .content .big-text.spaced { letter-spacing: .015em; } .content .big-text.light { color: #4d4d4f; } .content *:not(.big-text).loose-leading { line-height: 1.6em; } .content *:not(.big-text).spaced { letter-spacing: .015em; } .content *:not(.big-text).light { color: #4d4d4f; } .content *:not(.big-text).grow { font-size: clamp(1em, calc(1vw + .75em), 1.25em); } .calibration-special { display: grid; position: relative; border-radius: 4px; background: #f1f1f1; -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.3); padding: .5rem; margin-bottom: 2rem; grid-template-rows: repeat(4, -webkit-max-content); grid-template-rows: repeat(4, max-content); } @media screen and (min-width: 520px) { .calibration-special { grid-template-rows: repeat(3, -webkit-max-content) -webkit-min-content; grid-template-rows: repeat(3, max-content) min-content; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; } } @media screen and (min-width: 840px) { .calibration-special { grid-template-rows: -webkit-min-content 1fr -webkit-min-content; grid-template-rows: min-content 1fr min-content; grid-template-columns: 1fr -webkit-max-content -webkit-max-content; grid-template-columns: 1fr max-content max-content; position: relative; } } @media screen and (min-width: 1180px) { .calibration-special { grid-template-rows: -webkit-max-content; grid-template-rows: max-content; grid-template-columns: 1fr -webkit-max-content -webkit-max-content 1fr; grid-template-columns: 1fr max-content max-content 1fr; position: relative; } } .calibration-special__graphic { width: 100%; } .calibration-special__graphic img { display: block; margin: 0 auto; position: absolute; -o-object-fit: contain; object-fit: contain; width: 90%; height: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .2; } @media screen and (min-width: 520px) { .calibration-special__graphic { grid-column: 1; grid-row-start: 1; grid-row-end: 5; padding-right: 1rem; } .calibration-special__graphic img { position: static; opacity: 1; top: 0; left: 0; width: 196px; height: auto; -o-object-fit: initial; object-fit: initial; -webkit-transform: none; -ms-transform: none; transform: none; } } @media screen and (min-width: 840px) { .calibration-special__graphic { grid-row-start: 2; grid-row-end: 3; height: 100%; position: relative; } .calibration-special__graphic img { position: absolute; height: 100%; width: auto; min-width: 90px; } } @media screen and (min-width: 1180px) { .calibration-special__graphic { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } } .calibration-special__headline { font-family: 'Open Sans', sans-serif; font-weight: 800; color: #4d4d4f; text-align: center; font-size: 2.5rem; font-size: MAX(calc(8vw + 1rem), 2.5rem); line-height: 1em; margin: .5em 0 0; -webkit-transform: scaleY(1.2); -ms-transform: scaleY(1.2); transform: scaleY(1.2); width: 100%; } @media screen and (min-width: 520px) { .calibration-special__headline { grid-row: 1; grid-column: 2; margin: 0; font-size: MAX(8vw, 2.5rem); -ms-flex-item-align: end; align-self: end; } } @media screen and (min-width: 840px) { .calibration-special__headline { grid-row-start: 2; grid-row-end: 3; grid-column-end: 3; font-size: 4.75rem; font-size: clamp(4.75rem, 9.5vw, 7.75rem); place-self: center; margin-right: .05em; } } @media screen and (min-width: 1180px) { .calibration-special__headline { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; margin-right: 0; font-size: clamp(4.75rem, 7.5vw, 6.75rem); } } .calibration-special__price { color: #ff8318; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 4.625rem; font-size: MAX(calc(18vw + 1rem), 4.625rem); line-height: 1em; width: -webkit-min-content; width: -moz-min-content; width: min-content; margin: 0 auto; position: relative; text-shadow: -0.0125em 0.0125em 0.0125em rgba(0, 0, 0, 0.3); -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); } @media screen and (min-width: 520px) { .calibration-special__price { grid-row: 2; grid-column: 2; font-size: MAX(10vw, 4rem); } } @media screen and (min-width: 840px) { .calibration-special__price { grid-row-start: 2; grid-row-end: 3; grid-column: 3; font-size: clamp(4.75rem, 11vw, 8.75rem); place-self: center; } } @media screen and (min-width: 1180px) { .calibration-special__price { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; font-size: clamp(4.75rem, 8.5vw, 7.625rem); margin-left: 2rem; } } .calibration-special__price::before { font-family: 'Open Sans', sans-serif; content: '$'; position: absolute; font-weight: 700; top: .5em; left: -1ch; font-size: .25em; line-height: 1em; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3); } .calibration-special__note { margin-top: 1.5em; font-size: 0.875rem; color: #474747; text-align: center; font-weight: 300; grid-row: 5; } @media screen and (min-width: 520px) { .calibration-special__note { grid-row: 4; grid-column: 2; margin-top: 0; -ms-flex-item-align: end; align-self: end; } } @media screen and (min-width: 840px) { .calibration-special__note { text-align: right; justify-self: end; grid-row: 1; grid-column: 3; } } @media screen and (min-width: 1180px) { .calibration-special__note { grid-row-start: 1; grid-row-end: 2; grid-column-start: 4; grid-column-end: 5; -ms-flex-item-align: start; align-self: start; justify-self: end; margin-top: .5rem; } } .calibration-special__tagline { grid-row: 4; color: #ff8318; font-family: 'Dancing Script', sans-serif; font-weight: 700; width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; margin: -.5em auto 0; padding-left: 1em; font-size: 2rem; font-size: MAX(calc(1rem + 5vw), 2rem); -webkit-transform: rotate(350deg); -ms-transform: rotate(350deg); transform: rotate(350deg); text-shadow: 1px -1px 0 #f1f1f1, 0px -2px 0 #f1f1f1, 1px 1px 0 #f1f1f1, -2px 0px 0 #f1f1f1; } @media screen and (min-width: 520px) { .calibration-special__tagline { padding-left: .5em; grid-row: 3; grid-column: 2; margin-top: -.75em; font-size: MAX(calc(1rem + 2.5vw), 2rem); } } @media screen and (min-width: 840px) { .calibration-special__tagline { grid-row: 3; grid-column: 3; font-size: MAX(calc(1rem + 2.5vw), 2rem); -webkit-transform: rotate(355deg); -ms-transform: rotate(355deg); transform: rotate(355deg); } } @media screen and (min-width: 1180px) { .calibration-special__tagline { grid-row-start: 1; grid-row-end: 2; grid-column-start: 4; grid-column-end: 5; -ms-flex-item-align: end; align-self: end; justify-self: start; font-size: clamp(2rem, calc(1rem + 2.5vw), 3.3125rem); -webkit-transform: none; -ms-transform: none; transform: none; } } /* Banner Isolation Wrapper */ .banner-isolation { width: 100%; max-width: 1400px; margin-block: 2rem; margin-inline: auto; } @media screen and (min-width: 751px) { .banner-isolation { margin-block: 4rem; } } .banner-isolation.no-margin-block { margin-block: 0 !important; } /* Content banners */ .page-content-banner { position: relative; isolation: isolate; } .page-content-banner__background { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; opacity: 0; position: absolute; z-index: -1; } .page-content-banner.maintain-aspect .page-content-banner__image { position: static; } .page-content-banner__graphic img { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%; width: auto; } .page-content-banner__graphic.allow-clip img { left: 50%; right: unset; margin: auto; height: 100%; max-width: none; width: auto; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); } .page-content-banner__graphic.support img { left: 0; height: 90%; -webkit-transform: translatex(-40%); -ms-transform: translatex(-40%); transform: translatex(-40%); } @media screen and (min-width: 360px) { .page-content-banner__graphic.support img { left: 10%; } } @media screen and (min-width: 400px) { .page-content-banner__graphic.support img { left: 30%; } } @media screen and (min-width: 480px) { .page-content-banner__graphic.support img { left: 50%; height: 90%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); } } .page-content-banner__foreground { width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } @media screen and (min-width: 751px) { .page-content-banner__foreground { padding: 2rem; } } .page-content-banner__foreground.content-top { padding-bottom: 0; } .page-content-banner__foreground.content-top .page-content-banner__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .page-content-banner__foreground.content-top .page-content-banner__graphic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; } .page-content-banner__foreground.content-bottom { padding-top: 0; } .page-content-banner__foreground.content-bottom .content-banner__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .page-content-banner__foreground.content-bottom .content-banner__graphic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .page-content-banner__foreground.no-graphic { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content-banner__foreground.no-graphic.content-top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-content-banner.maintain-aspect .page-content-banner__foreground { position: absolute; z-index: 1; inset: 0; } .page-content-banner__content { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; } .page-content-banner__content * { margin-top: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .page-content-banner__content.text-center { text-align: center; } .page-content-banner__content.blended-bg { position: relative; padding: 1rem; } .page-content-banner__content.blended-bg::before { content: ''; z-index: -1; inset: 0; width: 100%; height: 100%; position: absolute; } .page-content-banner__content.blended-bg::after { content: ''; z-index: -2; inset: 0; width: 100%; height: 100%; position: absolute; } .page-content-banner__content.blended-bg.dark-text::before { background: rgba(200, 200, 200, 0.9); mix-blend-mode: screen; } .page-content-banner__content.blended-bg.light-text::before { background: rgba(41, 50, 56, 0.9); mix-blend-mode: multiply; } .page-content-banner__content.blended-bg.desaturated::after { background: white; mix-blend-mode: saturation; } .page-content-banner__content.dark-text { color: #181818; } .page-content-banner__content.light-text { color: #fff; } .page-content-banner__content.fixed-180 { height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 640px) { .page-content-banner__content.fixed-180 { height: 180px; } } .page-content-banner__content.fixed-180 h1, .page-content-banner__content.fixed-180 h2 { margin-bottom: 0 !important; } .page-content-banner__content.white-glow h1, .page-content-banner__content.white-glow h2, .page-content-banner__content.white-glow h3, .page-content-banner__content.white-glow h4, .page-content-banner__content.white-glow h5, .page-content-banner__content.white-glow h6 { color: #181818; position: relative; isolation: isolate; } .page-content-banner__content.white-glow h1::before, .page-content-banner__content.white-glow h2::before, .page-content-banner__content.white-glow h3::before, .page-content-banner__content.white-glow h4::before, .page-content-banner__content.white-glow h5::before, .page-content-banner__content.white-glow h6::before { content: ''; position: absolute; width: 100%; height: 100%; background: white; border-radius: 50%; left: 0; top: 0; z-index: -1; opacity: .8; -webkit-box-shadow: 0 0 50px 49px white, 0 0 10px 10px white; box-shadow: 0 0 50px 49px white, 0 0 10px 10px white; } .page-content-banner__content.bg-rounded::before { border-radius: 2px; } .page-content-banner__content .text-shadow { text-shadow: 0.05em 0.05em 0.125em rgba(0, 0, 0, 0.4); } .uppercase { text-transform: uppercase; } .taller { -webkit-transform: scaleY(1.2); -ms-transform: scaleY(1.2); transform: scaleY(1.2); } .extra-bold { font-weight: 800; } .loose-leading { line-height: 1.2em; } .extra-loose-leading { line-height: 1.3em; } .paragraph-leading { line-height: 1.5em; } .tight-leading { line-height: 1em; } .extra-tight-leading { line-height: .9em; } .orange-text { color: #f47c20; } .responsive-banner { width: 100%; max-width: 1400px; margin: 0 auto; overflow: hidden; height: 415px; position: relative; } .responsive-banner img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; max-width: none; } @media screen and (max-width: 800px) { .responsive-banner img { height: 100%; width: auto; } } @media screen and (max-width: 800px) { .responsive-banner { height: 53vw; } } button.hsi-button, a.hsi-button { display: inline-block; padding: .375em 1em; background: #ff8300; border-radius: 3px; border: none; font-size: 1.125rem; font-weight: 600; color: #fff; text-decoration: none; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; cursor: pointer; } button.hsi-button:hover, a.hsi-button:hover { background: #eb6200; } button.hsi-button.bold, a.hsi-button.bold { font-weight: 700; } button.hsi-button.extra-bold, a.hsi-button.extra-bold { font-weight: 800; } button.hsi-button.small, a.hsi-button.small { font-size: 1rem; font-weight: normal; } button.hsi-button.grow, a.hsi-button.grow { font-size: 1rem !important; font-size: clamp(1rem, calc(1vw + .75rem), 1.25rem) !important; } button.hsi-button.white, a.hsi-button.white, .orange-bg button.hsi-button, .orange-bg a.hsi-button { background: #fff; color: #ff8300; -webkit-transition: color .2s ease, -webkit-box-shadow .2s ease; transition: color .2s ease, -webkit-box-shadow .2s ease; -o-transition: box-shadow .2s ease, color .2s ease; transition: box-shadow .2s ease, color .2s ease; transition: box-shadow .2s ease, color .2s ease, -webkit-box-shadow .2s ease; } button.hsi-button.white:hover, a.hsi-button.white:hover, .orange-bg button.hsi-button:hover, .orange-bg a.hsi-button:hover { color: #eb6200; background: #fff; -webkit-box-shadow: 0.125em 0.125em 0.25em 0 rgba(0, 0, 0, 0.3); box-shadow: 0.125em 0.125em 0.25em 0 rgba(0, 0, 0, 0.3); } .flex-grid-container { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden !important; } .flex-grid-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .flex-grid-container div.flex-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -1rem; } .flex-grid-container div.flex-grid > div { padding-left: 1rem; padding-right: 1rem; } .flex-grid-container div.flex-grid.flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-grid-container div.flex-grid.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.catalog-grid { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; width: 100%; max-width: 1080px; margin: 3rem auto 6rem; padding: 0; text-align: center; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; row-gap: 4rem; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } ul.catalog-grid * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 600px) { ul.catalog-grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 900px) { ul.catalog-grid { grid-template-columns: 1fr 1fr 1fr; } } ul.catalog-grid li { margin: 0; padding: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 18.75rem; justify-self: center; } ul.catalog-grid h2, ul.catalog-grid h3, ul.catalog-grid h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.3em; margin: 0; padding: 0; color: #282828; } ul.catalog-grid h2:nth-child(2), ul.catalog-grid h3:nth-child(2), ul.catalog-grid h4:nth-child(2) { margin: 1rem 0 0 0; } ul.catalog-grid h2.bold, ul.catalog-grid h3.bold, ul.catalog-grid h4.bold { font-weight: 700; } ul.catalog-grid h2.sku, ul.catalog-grid h3.sku, ul.catalog-grid h4.sku { font-weight: normal; font-size: .875rem; margin: 1rem 0 .25rem 0; } ul.catalog-grid p { color: #282828; font-weight: 300; margin: 0; padding: 0; font-size: .875em; line-height: 1.4em; } ul.catalog-grid img { display: block; width: auto; max-width: 17.75rem; max-height: 8.125rem; margin: 0 auto; height: auto; } ul.catalog-grid img.new-icon, ul.catalog-grid img.outlet-icon { width: auto; max-width: 3rem; position: absolute; z-index: 10; top: 0; left: 0; } ul.catalog-grid a { color: inherit; text-decoration: none; } ul.catalog-grid a:hover { text-decoration: none; } @media screen and (max-width: 840px) { .no-mobile-img { display: none; } } header.site-header { background: #4d4e50; padding: 0; position: sticky; top: 0; z-index: 9998; } header.site-header .max-width-wrapper { position: relative; padding: .5rem; } @media screen and (min-width: 21.25em) { header.site-header .max-width-wrapper { padding: 1rem; } } @media screen and (min-width: 60em) { header.site-header .max-width-wrapper { padding: 0 2rem !important; } } header.site-header div.flex-content { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 66px; } @media screen and (min-width: 60em) { header.site-header div.flex-content { height: 118px; } } header.site-header div.logo-container { -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 0; } @media screen and (min-width: 60em) { header.site-header div.logo-container { padding: .5rem 1rem .5rem 0; } } header.site-header div.logo-container #humboldtLogo { max-width: none; width: 100px; height: auto; } @media screen and (min-width: 60em) { header.site-header div.logo-container #humboldtLogo { max-width: 160px; width: 100%; } } header.site-header h1, header.site-header h6 { font-size: 1rem; padding: 0 .5rem 0 .5rem; color: white; margin: auto 0; font-weight: 600; } @media screen and (min-width: 340px) { header.site-header h1, header.site-header h6 { padding-left: .75rem; padding-right: .75rem; } } @media screen and (min-width: 370px) { header.site-header h1, header.site-header h6 { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 450px) { header.site-header h1, header.site-header h6 { font-size: 1.125rem; padding-right: 1.25rem; } } @media only screen and (min-width: 60em) { header.site-header h1, header.site-header h6 { font-size: 2rem; padding-left: 0; padding-right: 0; margin-bottom: 0; } } header.site-header #certified-logos { display: none; margin-left: auto; margin-top: auto; margin-bottom: 1rem; } @media screen and (min-width: 67.5em) { header.site-header #certified-logos { display: block; } } header.site-header .header-mid { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } @media screen and (max-width: 60em) { header.site-header nav.main-navigation > ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 1rem; position: absolute; background: #fff; right: 0; top: var(--headerHeight); overflow: hidden; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; max-width: 20rem; width: 100%; -webkit-box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; max-height: 0; -webkit-transition: opacity .2s ease, max-height 0ms linear .2s, -webkit-transform .2s ease; transition: opacity .2s ease, max-height 0ms linear .2s, -webkit-transform .2s ease; -o-transition: transform .2s ease, opacity .2s ease, max-height 0ms linear .2s; transition: transform .2s ease, opacity .2s ease, max-height 0ms linear .2s; transition: transform .2s ease, opacity .2s ease, max-height 0ms linear .2s, -webkit-transform .2s ease; overflow-y: auto; } header.site-header nav.main-navigation li { font-weight: 600; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; width: 100%; border-bottom: 1px solid var(--orangeColorLight); } header.site-header nav.main-navigation li:last-child { border-bottom: none; } header.site-header nav.main-navigation li a, header.site-header nav.main-navigation li > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--bodyColor); text-decoration: none; width: 100%; padding: .5rem 2rem; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } header.site-header nav.main-navigation li a .fas, header.site-header nav.main-navigation li > span .fas { color: var(--bodyColor); } header.site-header nav.main-navigation li a:hover, header.site-header nav.main-navigation li > span:hover { background: var(--orangeColor); color: #fff; } header.site-header nav.main-navigation li.dd ul { overflow: hidden; height: 0; } header.site-header nav.main-navigation li.dd.open ul { height: auto; } header.site-header nav.main-navigation li.dd:not(.sub-only-mobile) > a { padding-right: .25rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header.site-header nav.main-navigation li.dd:not(.sub-only-mobile) > ul { margin-left: 1rem; } header.site-header nav.main-navigation li.dd:not(.sub-only-mobile) > ul li { font-weight: normal; border: 0; } header.site-header nav.main-navigation li.dd.sub-only-mobile > a { display: none; } header.site-header nav.main-navigation li.dd.sub-only-mobile ul { height: auto; } } @media screen and (min-width: 60em) { header.site-header nav.main-navigation .extra-text { display: none; } } @media screen and (min-width: 75em) { header.site-header nav.main-navigation .extra-text { display: inline; } } @media screen and (min-width: calc(60em + 1px)) { header.site-header nav.main-navigation > ul { padding-left: 0; margin-top: 0.75rem; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1em; } header.site-header nav.main-navigation > ul li { font-size: 14px; color: white; list-style-type: none; margin-left: 1rem; padding-right: 1rem; border-right: 1px solid #aaa; } header.site-header nav.main-navigation > ul li.mobile-only { display: none; } } @media screen and (min-width: calc(60em + 1px)) and (max-width: 83.75em) { header.site-header nav.main-navigation > ul li { margin-left: .5rem; padding-right: .375rem; } } @media screen and (min-width: calc(60em + 1px)) { header.site-header nav.main-navigation > ul li a { text-decoration: none; color: white; padding-bottom: 0.5rem; } header.site-header nav.main-navigation > ul li a:hover { text-decoration: underline; } header.site-header nav.main-navigation > ul li.dd ul { display: none; position: absolute; background-color: #ffffff; color: black; z-index: 1000; } header.site-header nav.main-navigation > ul li.dd:hover ul { display: block; margin-top: 0; border-left: 0.5px solid #dcdcdc; border-right: 0.5px solid #dcdcdc; } header.site-header nav.main-navigation > ul li.dd ul li { min-width: 180px; padding: 0; border-right: 0; margin-left: 0; border-bottom: 0.5px solid #dcdcdc; } header.site-header nav.main-navigation > ul li.dd ul a { color: #000000; padding: 5px; display: block; width: 100%; text-decoration: none; -webkit-transition: background .1s ease; -o-transition: background .1s ease; transition: background .1s ease; } header.site-header nav.main-navigation > ul li.dd ul a:hover { background: #eee; } header.site-header nav.main-navigation > ul li.desktop-first { margin-left: 0 !important; } header.site-header nav.main-navigation > ul li:last-child { border-right: 0 !important; } } @media screen and (min-width: 67.5em) { header.site-header nav.main-navigation > ul li { font-size: 16px; } } header.site-header div.hamburger { margin: auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -ms-flex: none; flex: none; } header.site-header div.hamburger button { border: 0; background: transparent; cursor: pointer; position: relative; isolation: isolate; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 1.6125rem; width: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header.site-header div.hamburger button span { width: 100%; height: .25rem; background: #fff; border-radius: .25rem; -webkit-transition: background-color 50ms linear; -o-transition: background-color 50ms linear; transition: background-color 50ms linear; } header.site-header div.hamburger button span::before, header.site-header div.hamburger button span::after { content: ''; position: absolute; height: .25rem; width: 100%; left: 0; background: #fff; border-radius: .25rem; -webkit-transition: bottom 50ms linear, top 50ms linear, -webkit-transform 50ms ease-out; transition: bottom 50ms linear, top 50ms linear, -webkit-transform 50ms ease-out; -o-transition: bottom 50ms linear, top 50ms linear, transform 50ms ease-out; transition: bottom 50ms linear, top 50ms linear, transform 50ms ease-out; transition: bottom 50ms linear, top 50ms linear, transform 50ms ease-out, -webkit-transform 50ms ease-out; } header.site-header div.hamburger button span::before { top: 0; } header.site-header div.hamburger button span::after { bottom: 0; } @media screen and (min-width: calc(60em + 1px)) { header.site-header div.hamburger { display: none; } } header.site-header.menu-open nav.main-navigation ul { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-height: calc(100vh - var(--headerHeight)); -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; -o-transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; } header.site-header.menu-open div.hamburger button span { background: #4d4e50; } header.site-header.menu-open div.hamburger button span::before { top: 50%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } header.site-header.menu-open div.hamburger button span::after { bottom: 50%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translateY(50%) rotate(-45deg); -ms-transform: translateY(50%) rotate(-45deg); transform: translateY(50%) rotate(-45deg); } body div.nav-mask { position: fixed; inset: 0; top: -5000px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; opacity: 0; z-index: -1; pointer-events: none; -webkit-transition: top 0ms linear 200ms, opacity 200ms ease, -webkit-transform 200ms ease; transition: top 0ms linear 200ms, opacity 200ms ease, -webkit-transform 200ms ease; -o-transition: top 0ms linear 200ms, opacity 200ms ease, transform 200ms ease; transition: top 0ms linear 200ms, opacity 200ms ease, transform 200ms ease; transition: top 0ms linear 200ms, opacity 200ms ease, transform 200ms ease, -webkit-transform 200ms ease; } body.body-menu-active div.nav-mask { top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; z-index: 1000; pointer-events: all; -webkit-transition: top 0ms linear, opacity 200ms ease, -webkit-transform 200ms ease; transition: top 0ms linear, opacity 200ms ease, -webkit-transform 200ms ease; -o-transition: top 0ms linear, opacity 200ms ease, transform 200ms ease; transition: top 0ms linear, opacity 200ms ease, transform 200ms ease; transition: top 0ms linear, opacity 200ms ease, transform 200ms ease, -webkit-transform 200ms ease; } @media screen and (min-width: 60em) { body div.nav-mask { display: none !important; } } footer { position: relative; background: #E2DFDF; padding: 2rem 2rem; margin-top: 1rem; } @media screen and (max-width: 480px) { footer { padding: 1rem; } } footer .footer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 768px) { footer .footer-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } footer .footer-wrapper > ul, footer .footer-wrapper > div { width: 33%; } @media screen and (max-width: 768px) { footer .footer-wrapper > ul, footer .footer-wrapper > div { width: 100%; } } footer .footer-wrapper .footer-links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; margin: 0 auto; } @media screen and (max-width: 768px) { footer .footer-wrapper .footer-links-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } footer .footer-wrapper .footer-links-wrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; } @media screen and (max-width: 768px) { footer .footer-wrapper .footer-links-wrapper ul { margin-left: 0 !important; } } footer .footer-wrapper .footer-links-wrapper ul li:first-of-type { margin-left: 0 !important; } footer .footer-wrapper .footer-links-wrapper ul li { font-size: 1rem !important; margin-left: 1rem !important; } @media screen and (max-width: 768px) { footer .footer-wrapper .footer-links-wrapper ul li { margin-left: 1rem !important; } } footer .footer-wrapper .footer-links-wrapper ul li:hover { text-decoration: underline; } footer .footer-wrapper > div#informed_footer { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; } footer .footer-wrapper > div#informed_footer h4 { white-space: nowrap; padding: 1rem; } footer .footer-wrapper > div#informed_footer img { max-width: 106px; height: 106px; } footer .footer-wrapper > div#informed_footer a.footer_signup_button { display: block; width: 230px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: url(/assets/images/turquois-button.jpg); font-size: .8em; text-decoration: none; white-space: nowrap; margin: 1rem 0 1rem 1rem; } @media screen and (max-width: 640px) { footer .footer-wrapper > div#informed_footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 1rem 0; } footer .footer-wrapper > div#informed_footer a.footer_signup_button { margin: 1rem 0; } } footer h3 { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 30px; padding: 0 0 25px 0; margin: 0; letter-spacing: -0.02em; font-weight: 500; } footer h3 a:first-of-type { text-decoration: underline; font-weight: 800; } @media screen and (max-width: 480px) { footer h3 { font-size: 1.5rem; } } footer ul { font-size: .73em; text-align: left; } footer li { margin: 0 0 3px 0; padding: 0; line-height: 1.8em; font-family: 'Open Sans', sans-serif; font-weight: 100; list-style-type: none; } @media screen and (max-width: 768px) { footer li { text-align: center; } } footer a { text-decoration: none; color: black; } footer #footer_icons { margin: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } footer #footer_icons a:first-child { margin-left: 28px; } @media screen and (max-width: 480px) { footer #footer_icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer #footer_icons a:first-child { margin-left: 0; } footer #footer_icons a:last-child { margin-top: 1rem; } } footer #footer_icons p.hmc-link { font-weight: 700; font-size: .75rem; text-align: center; } footer p.copyright { font-size: 14px; text-align: center; } footer p.copyright a { color: #474747; } video { width: 100%; } .glide { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .glide * { -webkit-box-sizing: inherit; box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -ms-touch-action: pan-Y; touch-action: pan-Y; overflow: hidden; margin: 0; padding: 0; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; will-change: transform; } .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__slide { width: 100%; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide--rtl { direction: rtl; } .glide__arrow { position: absolute; display: block; top: 50%; z-index: 2; color: white; text-transform: uppercase; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); opacity: 1; cursor: pointer; -webkit-transition: opacity 150ms ease, border 300ms ease-in-out; -o-transition: opacity 150ms ease, border 300ms ease-in-out; transition: opacity 150ms ease, border 300ms ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; } .glide__arrow:focus { outline: none; } .glide__arrow:hover { border-color: white; } .glide__arrow--left { left: 2em; } .glide__arrow--right { right: 2em; } .glide__arrow--disabled { opacity: 0.33; } .glide__bullets { position: absolute; z-index: 2; bottom: 2em; left: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .glide__bullet { background-color: rgba(255, 255, 255, 0.5); width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; cursor: pointer; line-height: 0; -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); margin: 0 0.25em; } .glide__bullet:focus { outline: none; } .glide__bullet:hover, .glide__bullet:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); } .glide__bullet--active { background-color: white; } .glide--swipeable { cursor: grab; cursor: -webkit-grab; } .glide--dragging { cursor: grabbing; cursor: -webkit-grabbing; } .glide { height: 550px; position: relative; } .glide__track { height: 100%; } .glide__slides { height: 100%; } .glide__slide { height: 100%; position: relative; } .glide__slide a { color: #000; text-decoration: none; } .glide__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .glide__slide__content { background: rgba(255, 255, 255, 0.92); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 2rem; font-size: 1rem; font-size: clamp(1rem, calc(1.5vw + .85rem), 2rem); text-align: center; } @media screen and (min-width: 480px) { .glide__slide__content { font-size: 1.3125rem; font-size: clamp(1.3125rem, calc(1.75vw + .75rem), 2.25rem); } } @media screen and (min-width: 640px) { .glide__slide__content { left: 2em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgba(255, 255, 255, 0.75); } } .glide__slide__content p { font-size: 1em; margin-bottom: .85em; } .glide__slide__content p.small { font-size: .8em; } .glide__slide__content p.x-small { font-size: .5em; font-size: MAX(0.85rem, 0.5em); } .glide__slide__content p.larger { font-size: 1.2em; } .glide__slide__content p.slide-title { font-weight: 800; font-size: 1.4em; line-height: .9em; } .glide__slide__content p.slide-title.lg { font-size: 1.866667em; margin-bottom: .5em; } .glide__slide__content p.slide-title.xl { font-size: 2.6667em; margin-bottom: .5em; } .glide__slide__content .hsi-button { font-size: .93333em; font-size: MIN(1.5rem, 0.93333em); } .glide .glide__bullets { width: auto; bottom: -1.25rem; top: unset; right: unset; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: auto; } @media screen and (min-width: 768px) { .glide .glide__bullets { right: 1rem; top: unset; left: unset; -webkit-transform: none; -ms-transform: none; transform: none; } } .glide .glide__bullets .glide__bullet { background: var(--orangeColorLight); cursor: pointer; } .glide .glide__bullets .glide__bullet:focus, .glide .glide__bullets .glide__bullet:focus-visible { border: none; outline: none !important; -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px var(--orangeColorLight); box-shadow: 0 0 0 2px white, 0 0 0 4px var(--orangeColorLight); } .glide .glide__bullets .glide__bullet.glide__bullet--active { background: var(--orangeColor); -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px var(--orangeColor); box-shadow: 0 0 0 2px white, 0 0 0 4px var(--orangeColor); } p.body-copy { margin-bottom: 1rem; } ul.body-copy li { margin-bottom: .5rem; } ul.normal { list-style: disc; margin-left: 1.5rem; } ul.normal li { list-style: disc; } div.page-banner img { display: block; height: auto; width: 100%; max-width: 2800px; } div.cal-special-container { max-width: 1500px; margin: .5rem auto 2rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; } div.cal-special-container img { -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3); } div.cal-special-container .desktop { display: block; } div.cal-special-container .mobile { display: none; } div.cal-special-container > div { width: 50%; } div.cal-special-container > div.right { padding-left: 10px; } div.cal-special-container > div.left { padding-right: 10px; } @media screen and (max-width: 680px) { div.cal-special-container { display: block; } div.cal-special-container .desktop { display: none; } div.cal-special-container .mobile { display: block; } } .gauge-intro { margin-top: 2rem; background: var(--orangeColorAlt); color: #fff; text-align: center; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); } @media screen and (min-width: 768px) { .gauge-intro { margin-top: 3.5rem; } } @media screen and (min-width: 768px) { .gauge-intro__layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .gauge-intro__content { padding-top: 1.5rem; padding-bottom: 1rem; display: inline-block; margin-inline: auto; text-align: left; font-size: 1rem; font-size: clamp(1rem, calc(.8vw + .75rem), 1.5rem); } @media screen and (min-width: 768px) { .gauge-intro__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-inline: 0; } } .gauge-intro__content h2 { font-size: 1.5em; font-weight: 700; margin: 0 0 .4em 0; line-height: 1.1em; } .gauge-intro__content ul { font-size: 1em; font-weight: 300; margin: 0; padding: 0 0 0 1.25em; } .gauge-intro__content li { margin: 0 0 .6em 0; padding: 0; line-height: 1.4em; } .gauge-intro__graphic { width: 100%; } .gauge-intro__graphic img { display: block; margin-inline: auto; max-width: 380px; width: 60%; height: auto; } @media screen and (min-width: 768px) { .gauge-intro__graphic { width: 28%; min-width: 330px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; } .gauge-intro__graphic img { height: 110%; width: auto; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (min-width: 1200px) { .gauge-intro__graphic { width: 35%; } } section#nuclearGauges { position: relative; margin-top: 4rem; padding-bottom: 2rem; } section#nuclearGauges div#ezGauge, section#nuclearGauges div#ez2Gauge, section#nuclearGauges div#sdGauge { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#nuclearGauges div#ezGauge div.gauge-photo img, section#nuclearGauges div#ez2Gauge div.gauge-photo img, section#nuclearGauges div#sdGauge div.gauge-photo img { display: block; margin-inline: auto; width: 100%; max-width: 150px; height: auto; } @media screen and (min-width: 580px) { section#nuclearGauges div#ezGauge div.gauge-photo img, section#nuclearGauges div#ez2Gauge div.gauge-photo img, section#nuclearGauges div#sdGauge div.gauge-photo img { max-width: 225px; } } @media screen and (min-width: 960px) { section#nuclearGauges div#ezGauge, section#nuclearGauges div#ez2Gauge, section#nuclearGauges div#sdGauge { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section#nuclearGauges div#ezGauge div.gauge-photo, section#nuclearGauges div#ez2Gauge div.gauge-photo, section#nuclearGauges div#sdGauge div.gauge-photo { width: 40%; } section#nuclearGauges div#ezGauge div.gauge-photo img, section#nuclearGauges div#ez2Gauge div.gauge-photo img, section#nuclearGauges div#sdGauge div.gauge-photo img { width: 100%; max-width: none; } section#nuclearGauges div#ezGauge div#ezGauge-content, section#nuclearGauges div#ezGauge div#ez2Gauge-content, section#nuclearGauges div#ezGauge div#sdGauge-content, section#nuclearGauges div#ez2Gauge div#ezGauge-content, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content, section#nuclearGauges div#ez2Gauge div#sdGauge-content, section#nuclearGauges div#sdGauge div#ezGauge-content, section#nuclearGauges div#sdGauge div#ez2Gauge-content, section#nuclearGauges div#sdGauge div#sdGauge-content { width: 60%; } } section#nuclearGauges div#ezGauge div#ezGauge-content, section#nuclearGauges div#ezGauge div#ez2Gauge-content, section#nuclearGauges div#ezGauge div#sdGauge-content, section#nuclearGauges div#ez2Gauge div#ezGauge-content, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content, section#nuclearGauges div#ez2Gauge div#sdGauge-content, section#nuclearGauges div#sdGauge div#ezGauge-content, section#nuclearGauges div#sdGauge div#ez2Gauge-content, section#nuclearGauges div#sdGauge div#sdGauge-content { margin-top: 1rem; } @media screen and (min-width: 960px) { section#nuclearGauges div#ezGauge div#ezGauge-content, section#nuclearGauges div#ezGauge div#ez2Gauge-content, section#nuclearGauges div#ezGauge div#sdGauge-content, section#nuclearGauges div#ez2Gauge div#ezGauge-content, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content, section#nuclearGauges div#ez2Gauge div#sdGauge-content, section#nuclearGauges div#sdGauge div#ezGauge-content, section#nuclearGauges div#sdGauge div#ez2Gauge-content, section#nuclearGauges div#sdGauge div#sdGauge-content { margin-top: 0; } } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-flex-wrapper, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-flex-wrapper, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-flex-wrapper, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-flex-wrapper, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-flex-wrapper, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-flex-wrapper, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-flex-wrapper, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-flex-wrapper, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-flex-wrapper > div, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-flex-wrapper > div, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-flex-wrapper > div, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-flex-wrapper > div, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-flex-wrapper > div, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-flex-wrapper > div, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-flex-wrapper > div, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-flex-wrapper > div, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-flex-wrapper > div { width: 100%; margin-bottom: 0; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-flex-wrapper span.icon, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-flex-wrapper span.icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60px; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-flex-wrapper .gauge-button-wrap, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-flex-wrapper .gauge-button-wrap { margin-block: 2rem; width: 100%; padding-left: 0; text-align: center; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-flex-wrapper .hsi-button, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-flex-wrapper .hsi-button { font-size: 1.125em; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-descriptions-wrapper, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-descriptions-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 360px) { section#nuclearGauges div#ezGauge div#ezGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-descriptions-wrapper, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-descriptions-wrapper, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-descriptions-wrapper, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-descriptions-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-descriptions-wrapper:first-child, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-descriptions-wrapper:first-child { margin-top: 0; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-descriptions-wrapper span.icon, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-descriptions-wrapper span.icon { width: 52px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } section#nuclearGauges div#ezGauge div#ezGauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#ezGauge div#ez2Gauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#ezGauge div#sdGauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#ez2Gauge div#ezGauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#ez2Gauge div#ez2Gauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#ez2Gauge div#sdGauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#sdGauge div#ezGauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#sdGauge div#ez2Gauge-content .icon-descriptions-wrapper span.icon img, section#nuclearGauges div#sdGauge div#sdGauge-content .icon-descriptions-wrapper span.icon img { width: 100% !important; margin-top: .375rem !important; margin-bottom: .25rem; } section#nuclearGauges div#ez2Gauge, section#nuclearGauges div#ezGauge { margin-bottom: 3rem; padding-bottom: 2rem; } @media screen and (min-width: 960px) { section#nuclearGauges div#ez2Gauge div.gauge-photo, section#nuclearGauges div#ezGauge div.gauge-photo { padding-right: 1rem; } } section#nuclearGauges div#ezGauge { padding-top: 1rem; } section#nuclearGauges div#ezGauge { padding-top: 1rem; } section#nuclearGauges div#ezGauge div.gauge-photo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 960px) { section#nuclearGauges div#ezGauge div.gauge-photo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 1rem; } } section#nuclearGauges div#ezGauge div#ezGauge-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 960px) { section#nuclearGauges div#ezGauge div#ezGauge-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 1400px) { section#nuclearGauges div#ezGauge { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .is-bold { font-weight: 800; } .clickSpan { font-size: 18px; color: #ffffff; font-style: italic; font-weight: normal; } .redClick .clickSpan, .redClick a { color: #3d4d5d; text-decoration: none; } .redClick .clickSpan:hover, .redClick a:hover { text-decoration: none; } @media only screen and (max-width: 1400px) { section#nuclearGauges header { position: relative; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#nuclearGauges header img { display: none; } section#nuclearGauges header div#mainHeadlineContent { margin: 0 auto; } section#nuclearGauges header ul { display: block; } section#altCompactionGauges { background-position: left; background-size: cover; background-repeat: no-repeat; } } div.compaction-banner .page-content-banner__foreground .page-content-banner__content.blended-bg.dark-text::before, div.support-banner .page-content-banner__foreground .page-content-banner__content.blended-bg.dark-text::before, div.rentals-banner .page-content-banner__foreground .page-content-banner__content.blended-bg.dark-text::before { background-color: HSL(46deg 100% 50%/66%); } div.compaction-banner .page-content-banner__foreground .page-content-banner__content.blended-bg.light-text.orange::before, div.support-banner .page-content-banner__foreground .page-content-banner__content.blended-bg.light-text.orange::before, div.rentals-banner .page-content-banner__foreground .page-content-banner__content.blended-bg.light-text.orange::before { background-color: HSL(46deg 100% 50%/66%); } div.compaction-banner h1, div.compaction-banner h2, div.support-banner h1, div.support-banner h2, div.rentals-banner h1, div.rentals-banner h2 { font-size: 1.5rem; font-size: clamp(1.5rem, calc(2vw + 1rem), 2.4rem); letter-spacing: 0.03em; } div.compaction-banner h1.larger, div.compaction-banner h2.larger, div.support-banner h1.larger, div.support-banner h2.larger, div.rentals-banner h1.larger, div.rentals-banner h2.larger { font-size: 2rem; font-size: clamp(1.5rem, calc(3vw + 1rem), 3.5rem); } div.compaction-banner h1 .prefer-no-widow, div.compaction-banner h2 .prefer-no-widow, div.support-banner h1 .prefer-no-widow, div.support-banner h2 .prefer-no-widow, div.rentals-banner h1 .prefer-no-widow, div.rentals-banner h2 .prefer-no-widow { white-space: normal; } @media screen and (min-width: 380px) { div.compaction-banner h1 .prefer-no-widow, div.compaction-banner h2 .prefer-no-widow, div.support-banner h1 .prefer-no-widow, div.support-banner h2 .prefer-no-widow, div.rentals-banner h1 .prefer-no-widow, div.rentals-banner h2 .prefer-no-widow { white-space: nowrap; } } div.compaction-banner.mobile .page-content-banner__foreground { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } div.compaction-banner.mobile .page-content-banner__foreground .page-content-banner__content h2 { margin-top: .5em; } div.compaction-banner.mobile .click-here-button.large :last-child { font-size: clamp(1rem, calc(1vw + 1rem), 1.5rem); } div.support-banner h1, div.support-banner h2 { margin-top: 0; } @media screen and (min-width: 440px) { div.support-banner h1, div.support-banner h2 { margin-top: 0; } } div.support-banner .blended-bg { margin-bottom: 1rem; } div.support-banner .blended-bg h1 { margin: 0; } div.rentals-banner .page-content-banner__foreground { padding-top: 2rem !important; } .home-training { padding-top: 1rem; } @media screen and (min-width: 993px) { .home-training { padding-top: 3rem; } } .home-training .flex-body-container { padding-top: 0; } @media screen and (min-width: 480px) { .home-training .flex-body-container { padding-top: 1rem; } } .home-training .flex-body-container .content > div { margin-bottom: 1.5rem; } @media screen and (max-width: 820px) { section#calibrationAndRepairs h3.globalHeadline { margin-bottom: 0; } } section#calibrationAndRepairs h4 { font-size: 25px; margin-bottom: 0px; } section#calibrationAndRepairs > div > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#calibrationAndRepairs > div > div > div a { margin-right: auto; } section#calibrationAndRepairs #calibration-image { position: relative; max-width: 31.25rem; margin-left: 3rem; } @media only screen and (max-width: 1400px) { section#calibrationAndRepairs #calibration-image { position: relative; top: 0; max-width: 525px; } } @media only screen and (max-width: 1020px) { section#calibrationAndRepairs #calibration-image { max-width: 300px; position: relative; top: 0; margin: 0 0 0 2rem; } } @media only screen and (max-width: 768px) { section#calibrationAndRepairs #calibration-image { position: relative; max-width: 450px; width: 100%; top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto; display: block; } } section#calibrationAndRepairs #calibrationContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section#calibrationAndRepairs #calibrationContent p.textLeft { margin-top: -5px; color: #ffffff; } @media only screen and (max-width: 768px) { section#calibrationAndRepairs #calibrationContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#calibrationAndRepairs #calibrationContent > a { margin: 0 auto; } } section#calibrationAndRepairs #calibrationDesc { max-width: 660px; } @media only screen and (max-width: 1400px) { section#calibrationAndRepairs #calibrationDesc { width: 546px; } } @media only screen and (max-width: 768px) { section#calibrationAndRepairs #calibrationDesc { width: auto !important; text-align: left; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 1rem; } section#calibrationAndRepairs #calibrationDesc h4 { font-size: 1.25rem !important; text-align: left; } } section#calibrationAndRepairs #calibrationDesc p { margin-top: 1rem; } section#calibrationAndRepairs span#calibration { font-size: 200px; font-weight: 500 !important; display: block; } @media only screen and (max-width: 1400px) { section#calibrationAndRepairs span#calibration { line-height: 90px; } } @media only screen and (max-width: 960px) { section#calibrationAndRepairs span#calibration { font-size: 3rem; line-height: 50px; } } @media only screen and (max-width: 768px) { section#calibrationAndRepairs span#calibration { font-size: 30px; color: #4d4e50; } } section#calibrationAndRepairs span#and-repairs { display: block; } div.containRed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } div.containRed div.redImage { max-width: 70px; } div.containRed div.containRed_text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 0; } div.containRed a { text-decoration: none; } div.containRed p { color: #3d4d5d; font-size: 18px; font-style: italic; margin-top: 25px; } div.containOrange { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } div.containOrange div.orangeImg { max-width: 70px; } div.containOrange div.containOrange_text { padding: 10px 0; } div.containOrange a { text-decoration: none; } div.containOrange p { color: #e58d1a; font-size: 18px; font-style: italic; } div.containOrange span.clickSpan { color: #E58D1A; } section#training { position: relative; } @media screen and (max-width: 820px) { section#training h3.globalHeadline { margin-bottom: 0; } } section#training #calibrationContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 1400px) { section#training #calibrationContent { margin-top: initial; } } @media only screen and (max-width: 960px) { section#training #calibrationContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#training #calibrationContent > img { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 40%; } @media only screen and (max-width: 960px) { section#training #calibrationContent > img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } @media only screen and (max-width: 1400px) { section#training { position: relative; top: 0; } } section#training span#radiationSafety { font-size: 90px; font-weight: 500 !important; text-align: center; } @media only screen and (max-width: 1400px) { section#training span#radiationSafety { line-height: 90px; font-weight: bold; } } @media only screen and (max-width: 960px) { section#training span#radiationSafety { font-size: 3rem; line-height: 50px; } } @media only screen and (max-width: 768px) { section#training span#radiationSafety { font-size: 30px; color: #4d4e50; } } section#training h4 { font-size: 25px; } section#training a { display: block; margin-right: auto; color: #4d4e50; font-style: italic; font-size: 1.2rem; } section#training div.containRed div.redImage { max-width: none; } section#training #training-img { width: 100%; max-width: 600px; } section#training #trainingDesc { margin-left: 2rem; padding-left: 2rem; } @media only screen and (max-width: 1400px) { section#training #trainingDesc { width: 546px; margin: 0 auto 0 0; } } @media only screen and (max-width: 960px) { section#training #trainingDesc { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 0; } } @media only screen and (max-width: 768px) { section#training #trainingDesc { width: auto; text-align: left; } section#training #trainingDesc h4 { font-size: 1.25rem !important; text-align: left; } section#training #trainingDesc a { margin-right: auto !important; margin-top: 1rem; } section#training #trainingDesc a img { max-width: 100%; height: auto; width: auto; } } section#training #trainingDesc h4 { padding: 1rem 0 0.5rem 0; } @media only screen and (min-width: 1400px) { section#training #trainingDesc > div { margin-top: 10px; } } section#support { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #e58d1a; margin-top: 150px; background-image: url("../../assets/images/NUKE_Support Page_REALLY.png"); } @media only screen and (max-width: 1400px) { section#support { margin-top: 100px; } } @media only screen and (max-width: 1200px) { section#support { margin-top: 50px; } } section#support div#support-content { padding: 5rem 0; display: inline-block; } @media screen and (max-width: 960px) { section#support div#support-content { display: block; text-align: center; padding: 2rem 0; } } section#support div#support-content h3 { font-size: 100px; } @media screen and (max-width: 960px) { section#support div#support-content h3 { font-size: 30px; } } section#support div#support-content a { width: 130px; display: block; margin: auto; } @media screen and (max-width: 960px) { section#support div#support-content a { margin: auto; } } @media only screen and (max-width: 768px) { section#support div#support-content a { width: auto; } } section#support div#support-content a img { width: 100%; } a.banner-link { display: block; color: #000 !important; text-decoration: none !important; } .ship-ez { width: 100%; background-color: #e58d1a; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 2em; margin: 10rem auto 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 720px) { .ship-ez { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .ship-ez a { text-decoration: none; } .ship-ez h2 { margin-top: 20px; color: #ffffff; font-weight: normal; text-align: center; line-height: 1.2em; font-size: 5rem; } @media screen and (max-width: 1040px) { .ship-ez h2 { font-size: 4rem; } } @media screen and (max-width: 948px) { .ship-ez h2 { font-size: 2.8rem; } } .ship-ez .copy-col { margin-right: 2em; } @media screen and (max-width: 720px) { .ship-ez .copy-col { margin-right: 0; } } .ship-ez .ez-left-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2em; margin-top: 1rem; } @media screen and (max-width: 1040px) { .ship-ez .ez-left-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .ship-ez .ez-left-col .together { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1040px) { .ship-ez .ez-left-col .together { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .ship-ez .ez-left-col .together button { white-space: nowrap; margin: 0 1rem; } .ship-ez .ez-left-col p { margin: 0; color: #fff; font-size: 1.25rem; } @media screen and (max-width: 948px) { .ship-ez .ez-left-col p { font-size: 1rem; text-align: center; } } .ship-ez .ez-left-col .italic { font-family: open_sansitalic, sans-serif; } .ship-ez .ez-guy { margin-top: -8em; width: 100%; max-width: 339px; } section#support-header { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #e58d1a; background-image: url("../../assets/images/NUKE_Support Page_REALLY.png"); } section#support-header div#support-content { padding: 5rem 0; display: inline-block; } @media screen and (max-width: 960px) { section#support-header div#support-content { display: block; text-align: center; padding: 2rem 0; } } section#support-header div#support-content h3 { font-size: 100px; } @media screen and (max-width: 960px) { section#support-header div#support-content h3 { font-size: 30px; } } section#support-header div#support-content a { width: 130px; display: block; margin: auto; } @media screen and (max-width: 960px) { section#support-header div#support-content a { margin: auto; } } section#support-header div#support-content a img { width: 100%; } section#altCompactionGauges { width: 100%; background-image: url(/assets/images/green-black-background.jpg); position: relative; background-size: cover; background-repeat: no-repeat; background-position: bottom; overflow: hidden; color: white; } section#altCompactionGauges div#altCompactionGauges-content { position: absolute; margin-top: -282px; padding: 0 9rem 0 0; max-width: 800px; margin-left: 52% !important; /*@media screen and (max-width: 1500px) { margin-left:0!important; padding:0 8rem; max-width: 100%; display: flex; flex-direction: column; align-items: center; }*/ } @media screen and (max-width: 1400px) { section#altCompactionGauges div#altCompactionGauges-content { margin-top: -285px; padding: 0 2rem; } } @media screen and (max-width: 1200px) { section#altCompactionGauges div#altCompactionGauges-content { margin-left: 41% !important; } } @media screen and (max-width: 1050px) { section#altCompactionGauges div#altCompactionGauges-content { margin-left: 33% !important; } } @media screen and (max-width: 890px) { section#altCompactionGauges div#altCompactionGauges-content { margin-left: 20% !important; } } @media screen and (max-width: 749px) { section#altCompactionGauges div#altCompactionGauges-content { margin-top: -542px; padding: 0 2rem; min-width: 100%; } } section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 38px; } @media screen and (max-width: 1550px) { section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 36px; } } @media screen and (max-width: 1490px) { section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 30px; } } @media screen and (max-width: 1285px) { section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 28px; } } @media screen and (max-width: 756px) { section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 27px; } } @media screen and (max-width: 506px) { section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 24px; } } @media screen and (max-width: 443px) { section#altCompactionGauges div#altCompactionGauges-content h3 { font-size: 20px; } } section#altCompactionGauges p.body-copy { font-size: 17px; line-height: 24px; padding-right: 25px; } @media screen and (max-width: 749px) { section#altCompactionGauges p.body-copy { font-size: 16px; line-height: 22px; margin-bottom: 0; } } @media screen and (max-width: 960px) { section#altCompactionGauges a img { margin: 0; } } section#altCompactionGauges .banner-pic { position: relative; overflow: hidden; width: 100%; } a.edg-banner { display: block; margin: 0 auto; text-decoration: none; color: #fff; height: 294px; } img.banner-pic-green { width: 1400px; overflow: hidden; height: 294px; max-width: none; } .fade-bg { padding-top: 50px; } @media only screen and (max-width: 1400px) { .edg-banner { padding: 0 !important; } #altCompactionGauges { direction: rtl; overflow: hidden; } div#altCompactionGauges-content { direction: ltr; } } @media only screen and (max-width: 749px) { img.banner-pic-green { width: 749px; overflow: hidden; height: 529px; } a.edg-banner { height: 529px; } } .body-menu-active { overflow: hidden; } .standard-form { width: 100%; font-size: 1rem; --input-line-height: 1.5em; --input-padding-block: .375em; --input-padding-inline: .5em; --input-border-size: 1px; --input-border-color: #59595b; --input-border-style: solid; --input-border-radius: .125rem; --input-forced-height: calc((var(--input-padding-block) * 2) + var(--input-line-height) + (var(--input-border-size) * 2)); } .standard-form, .standard-form *, .standard-form *::before, .standard-form *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .standard-form input, .standard-form select, .standard-form textarea { font-family: 'Open Sans', sans-serif; font-size: MAX(1rem, 1em); line-height: var(--input-line-height); background: white; padding: var(--input-padding-block) var(--input-padding-inline); border: var(--input-border-size) var(--input-border-style) var(--input-border-color); border-radius: var(--input-border-radius); height: var(--input-forced-height); } .standard-form select { padding-right: MAX(1.5rem, var(--input-padding-inline)); padding-top: calc(.3rem - 1px); padding-bottom: calc(.3rem - 1px); } .standard-form textarea { min-height: calc((var(--input-line-height) * 3) + (var(--input-padding-block) * 2)); height: auto; } .standard-form div.input-row, .standard-form div.input { margin: 0; padding: 0 0 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .standard-form div.input-row > div, .standard-form div.input > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .standard-form div.input-row .max-width-content, .standard-form div.input .max-width-content { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .standard-form div.input-row label, .standard-form div.input label { width: 100%; margin: 0; padding: 0 0 .175rem 0; } .standard-form div.input-row input, .standard-form div.input-row select, .standard-form div.input-row textarea, .standard-form div.input input, .standard-form div.input select, .standard-form div.input textarea { width: 100%; } .standard-form div.input-row textarea, .standard-form div.input textarea { min-height: 9.375rem; } .standard-form div.input-row input[type="checkbox"], .standard-form div.input-row input[type="radio"], .standard-form div.input input[type="checkbox"], .standard-form div.input input[type="radio"] { width: auto; padding: 0; line-height: normal; } .standard-form div.input-row.checkbox, .standard-form div.input.checkbox { display: block; } .standard-form div.input-row.checkbox.split, .standard-form div.input.checkbox.split { display: grid; } .standard-form div.input-row.checkbox label, .standard-form div.input.checkbox label { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: .25em; } .standard-form div.input-row.checkbox label input, .standard-form div.input.checkbox label input { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; width: 1.5em; height: 1.5em; border: var(--input-border-size) var(--input-border-style) var(--input-border-color); } .standard-form div.input-row.checkbox label > span, .standard-form div.input.checkbox label > span { display: inline-block; margin-top: .25em; } .standard-form div.input-row.center, .standard-form div.input.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .standard-form div.input-row.notrequired label, .standard-form div.input.notrequired label { color: #767676; } .standard-form div.input-row.error, .standard-form div.input.error { color: #c00; } .standard-form div.input-row.error input, .standard-form div.input-row.error select, .standard-form div.input-row.error textarea, .standard-form div.input.error input, .standard-form div.input.error select, .standard-form div.input.error textarea { border-color: #c00; } .standard-form div.input-row:not(.error) .error, .standard-form div.input:not(.error) .error { display: none; } .standard-form div.input-row p.error, .standard-form div.input p.error { margin-bottom: 0; } .standard-form div.input-row p.note, .standard-form div.input p.note { line-height: 1.2em; font-style: italic; margin: .125rem 0; padding: 0; color: #676767; } .standard-form div.input-row :nth-child(3), .standard-form div.input-row :nth-child(4), .standard-form div.input :nth-child(3), .standard-form div.input :nth-child(4) { margin-top: .25rem !important; } .formError { border: 1px solid #c00 !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .overlay_form { font-size: 1rem; width: 100%; max-width: 720px; } .overlay_form, .overlay_form *, .overlay_form *::before, .overlay_form *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .overlay_form div.screen-shot img { width: 100%; height: auto; max-width: 260px; } .infomail_form div.flex-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .infomail_form div.flex-grid > div { width: 100%; margin: 0 0 1rem 0; } @media (min-width: 30em) { .infomail_form div.flex-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .infomail_form div.flex-grid > div { width: auto; } } .infomail_form p.instruction { color: #59595b; font-style: italic; margin: 8px 0 0 0; } .infomail_form div.screen-shot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .infomail_form div.screen-shot img { width: 100%; height: auto; max-width: 260px; } .infomail_form .infomail_button_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .infomail_form .infomail_button_row div.gre-wrapper #nlsu-recaptcha { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0.78); -ms-transform: scale(0.78); transform: scale(0.78); } .infomail_form .infomail_button_row div.pop-form-buttons { position: relative; margin: 1rem 0; } .infomail_form .infomail_button_row div.pop-form-buttons button { margin: 0 1rem; } .infomail_form .infomail_button_row div.pop-form-buttons button.form-cancel { border: none; background: none; border-bottom: 1px solid black; font-size: 1rem; font-weight: 700; } .infomail_form .infomail_button_row div.pop-form-buttons img.wait_spin { position: absolute; top: .5rem; right: 5px; } @media (min-width: 40.75em) { .infomail_form .infomail_button_row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .infomail_form .infomail_button_row div.gre-wrapper { height: 80px; } .infomail_form .infomail_button_row div.gre-wrapper #nlsu-recaptcha { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .infomail_form .infomail_button_row div.buttons { margin: 0; } .infomail_form .infomail_button_row div.buttons button { margin: 0 0 0 1rem; } } .semi-bold { font-weight: 600; } div.news-signup { margin-bottom: 1rem; position: relative; padding: 1.5rem 1rem; background: var(--orangeColor); color: #fff; border-radius: 5px; } div.news-signup.discrete { background: transparent; color: #000; border: .1875rem solid #6f6f6f; border-radius: .3125rem; } div.news-signup .news-signup-icon { display: none; } div.news-signup .news-signup-icon img { width: 55px; height: auto; display: block; } @media (min-width: 30em) { div.news-signup .news-signup-icon { display: block; } } div.news-signup .news-signup-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } div.news-signup .news-signup-toggle label { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .5rem; font-weight: var(--fw-semi-bold); line-height: 1.4em; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } div.news-signup .news-signup-toggle input { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: .25rem; width: 1.25rem; height: 1.25rem; } div.news-signup .news-topics { overflow: hidden; width: 100%; margin: 0 auto; height: auto; max-height: 0; text-align: center; -webkit-transition: max-height .2s ease-out; -o-transition: max-height .2s ease-out; transition: max-height .2s ease-out; } div.news-signup .news-topics p { line-height: 1.4em; text-align: left; font-weight: 600; margin-block: 1rem; } div.news-signup .news-topics > div { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: .5rem; } div.news-signup .news-topics label { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: .25rem; } div.news-signup .news-topics label input { width: 1.25rem; height: 1.25rem; } div.news-signup:not(.discrete) input { accent-color: white; } div.news-signup .news-signup-toggle.checked + .news-topics { max-height: 8rem; } .overlay_box_shipping { max-height: 800px; } .overlay_box, .overlay_box_signUp, .overlay_box_shipping { position: static; border: 1px solid #818285; border-bottom: 16px solid #818285; background: #fff; padding: 30px; z-index: 9999; display: none; overflow-y: scroll; max-width: 800px; } @media screen and (max-width: 620px) { .overlay_box, .overlay_box_signUp, .overlay_box_shipping { border: 0; top: 0 !important; left: 0 !important; right: 0 !important; } } .mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: 10000; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-y: scroll; } @media screen and (max-width: 992px) { .mask { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } } .overlay_box div.overlay_loading { padding: 100px; text-align: center; } .overlay_box h3, overlay_box_signUp h3 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; border-bottom: 1px solid #ccc; margin-top: 0; padding-top: 0; padding-bottom: 4px; margin-bottom: 16px; text-align: left; } textarea { resize: none; } .form-cancel { margin-right: 45px; padding: 0; border: none; background: none; border-bottom: 1px solid black; font-size: 11px; margin-top: 13px; padding-bottom: 2px; line-height: 11px; font-family: 'Open Sans',sans-serif; font-weight: 600; } .cartGreenBold { display: inline-block; font-family: 'Open Sans', sans-serif; text-decoration: none !important; color: #fff !important; text-align: center; white-space: nowrap; padding: 0 18px; height: 38px; line-height: 38px; font-size: 14px; border: 0; background: #3c961a -webkit-gradient(linear, left top, left bottom, from(#8fdc76), color-stop(#4db22a), color-stop(#3c961a), to(#3c961a)) repeat scroll 0 0; background: #3c961a -webkit-linear-gradient(#8fdc76, #4db22a, #3c961a, #3c961a) repeat scroll 0 0; background: #3c961a -o-linear-gradient(#8fdc76, #4db22a, #3c961a, #3c961a) repeat scroll 0 0; background: #3c961a linear-gradient(#8fdc76, #4db22a, #3c961a, #3c961a) repeat scroll 0 0; } #qr_form { font-size: 11px; } #qr_form p { margin: 0 0 8px 0; padding: 0; } #qr_form p label { display: block; line-height: 18px; margin: 0; padding: 0; } #tech-questions { font-size: 14px; font-family: 'Open Sans', sans-serif; text-align: center; margin-right: 24px !important; padding: 18px 0 !important; line-height: 21px; } #tech-questions a { color: black; } .form-cancel { margin-right: 45px; padding: 0; border: none; background: none; border-bottom: 1px solid black; font-size: 11px; margin-top: 13px; padding-bottom: 2px; line-height: 11px; font-family: 'Open Sans', sans-serif; } #qr_form p label.inline_radio { display: inline-block; vertical-align: top; margin-right: 20px; } #qr_form p label.inline_radio input { vertical-align: middle; margin-right: 2px; } #qr_form form #qr_left label { font-family: 'Open Sans', sans-serif; } #qr_form form #qr_left label input[type="radio"] { margin-right: 5px; } p.qrRequired { display: none; } #qr_left { float: left; width: 264px; } #qr_right { float: left; width: 200px; padding-left: 20px; border-left: 1px solid #ccc; } #qr_right input { width: 190px; padding: .5rem; height: 14px; border: 1px solid #878a85; } #qr_right select { width: 200px; padding: 2px 4px; height: 20px; border: 1px solid #878a85; } #qr_left textarea { width: 234px; height: 190px; } #qr_button_row { padding-top: 20px; clear: both; } #qr_button_row input { float: right; } img.wait_spin { display: none; } #qr_button_row img.wait_spin { float: right; } .astmMailingList { background-image: url(../../assets/images/metal-background.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 15px; padding: 20px 15px; } @media screen and (max-width: 620px) { #cat_left { text-align: center !important; } #cat_left img { margin: auto; } } @media screen and (max-width: 620px) { #catreq_button_row, #cat_left, #cat_right, #astm_button_row, #qr_left, #qr_right, #qr_left textarea, #qr_right textarea, #qr_left p, #qr_right p, #qr_left input, #qr_right input { float: none !important; display: inline-block !important; text-align: left !important; padding: 0 !important; margin: 0 !important; width: 100% !important; } } .astmMailingList .mailingListContent { overflow: hidden; width: 240px; margin: 0 auto; height: 0; } .astmMailingList .mailingListContent.contentOpen { height: 94px; } .astmMailingList .mailingListContent input[type='checkbox'] { float: none; } .astmMailingList .mailingListContent p { font-size: 14px; font-family: 'Open Sans'; } .astmMailingList .mailingListContent label { padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 78px; margin: 5px 10px; font-size: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .astmMailingList .mailingListContent label input[type="checkbox"] { margin-right: 5px; } .astmMailingList img { position: absolute; } .astmMailingList label { display: block; padding-left: 80px; position: relative; padding-top: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .astmMailingList label p { font-size: 14px; color: black; font-family: 'Open Sans', sans-serif; font-weight: 600; display: inline-block; padding: 0 10px 0 30px !important; } .astmMailingList label .astmCheckbox input[type="checkbox"] { float: none !important; } .astmMailingList label .astmCheckbox { display: inline-block; position: absolute; height: 15px; width: 15px; top: 7px; } .astmMailingList label .astmCheckbox .astmStyledcheckbox { height: 15px; top: 0; background: white; left: 0; right: 0; border: 2px solid black; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .astmMailingList label .astmCheckbox .astmStyledcheckbox img { top: -6px; visibility: hidden; } .astmMailingList label .astmCheckbox .astmStyledcheckbox img.checked { visibility: visible; } #astm_form { font-size: 12px; width: auto; margin: 0 auto; } #astm_form p { margin: 0 0 8px 0; padding: 0; } #astm_form p label { display: block; line-height: 18px; margin: 0; padding: 0; } #astm_form p input { width: 100%; padding: 2px 4px; height: 24px; border: 1px solid #878a85; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #astm_form p select { width: 100%; padding: 2px 4px; height: 24px; border: 1px solid #878a85; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #astm_button_row { padding-top: 15px; clear: both; } #astm_button_row input { float: right; } #astm_button_row img.wait_spin { float: right; } #astm_form p.instruction { color: #59595b; font-family: 'Open Sans'; margin: 8px 0 0 0; } #astm_form p#guide-download-options label { display: inline-block; width: auto; padding-top: 8px; } #astm_form p#guide-download-options input { display: inline-block; width: auto; height: auto; vertical-align: middle; } /* newsletter signup form */ #nlsu_form { font-size: 12px; width: 280px; margin: 0 auto; } #nlsu_form .signup-header { padding: 10px; margin-bottom: 16px; position: relative; } #nlsu_form .signup-header h3 { margin-bottom: 0; font-weight: bold; border-bottom: none; padding-left: 55px; } #nlsu_form .signup-header img { position: absolute; width: 45px; } #nlsu_form p { margin: 0 0 8px 0; padding: 0; } #nlsu_form p label { display: block; line-height: 18px; margin: 0; padding: 0; } #nlsu_form p input { width: 100%; padding: 2px 4px; height: 24px; border: 1px solid #878a85; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #nlsu_form p select { width: 100%; padding: 2px 4px; height: 24px; border: 1px solid #878a85; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #nlsu_button_row { padding: 25px 0 5px; clear: both; text-align: center; } #nlsu_button_row input { margin: 0; display: inline-block; } #nlsu_button_row input:first-of-type { margin-right: 15px; } #nlsu_form #newsletter_signup_form .nlsu_interested { margin-top: 15px; } #nlsu_form #newsletter_signup_form .nlsu_interested .instruction { color: black; text-align: center; font-size: 13px; margin-bottom: 10px; } #nlsu_form #newsletter_signup_form .nlsu_interested p.interested_label { display: inline-block; width: 34%; position: relative; padding-left: 18px !important; } p.interested_label label input { position: absolute; left: 0; top: 5px; width: auto !important; height: auto !important; } #nlsu_button_row img.wait_spin { float: right; } #nlsu_form p.instruction { color: #59595b; font-family: 'Open Sans'; margin: 8px 0 0 0; } /* catalog request form */ #catalog_form { font-size: 11px; } #catalog_form p { margin: 0 0 8px 0; padding: 0; } #catalog_form p label { display: block; line-height: 18px; margin: 0; padding: 0; } #cat_left { float: left; width: 156px; } #cat_left img { display: block; } #cat_left p { margin-left: 6px; margin-top: 20px; padding-right: 20px; } #cat_right { float: left; width: 280px; padding-left: 20px; border-left: 1px solid #ccc; } #cat_right input { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 2px 4px; height: 25px; border: 1px solid #878a85; } #cat_right select { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 2px 4px; height: 25px; border: 1px solid #878a85; } #cat_right p.newsletter label { width: 100%; height: auto; } #cat_right p.newsletter input { width: auto; height: auto; } #catreq_button_row { padding-top: 20px; clear: both; } .catalog-submit { text-align: right; } /*#catreq_button_row input {*/ /*float: right;*/ /*}*/ img.wait_spin { display: none; } #catreq_button_row img.wait_spin { float: right; } @charset "UTF-8"; section#introduction { font-family: "Open Sans", sans-serif; padding-bottom: 3rem; } section#introduction .hero-image { width: 100%; } @media screen and (max-width: 992px) { section#introduction .app-head-image { margin-bottom: 2rem; } } section#introduction .datasheetButton { display: block; height: auto; max-width: 300px; margin: -1rem auto 2rem auto; } @media screen and (max-width: 1200px) { section#introduction .datasheetButton { margin: 1rem auto 2rem auto; } } section#introduction .datasheetButton img { width: 100%; } section#introduction #ez-gauge-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#introduction #ez-gauge-desc p { width: 50%; padding-right: 4rem; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-desc p { width: 100%; padding-right: initial; } } section#introduction #ez-gauge-desc p.body-copy-centered { width: 100%; max-width: 80ch; text-align: center; padding-right: initial; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-desc p.body-copy-centered { max-width: none; padding-right: initial; text-align: left; } } section#introduction #ez-gauge-app-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-app-desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#introduction #ez-gauge-app-desc p.body-copy-centered { width: 100%; max-width: 80ch; text-align: center; padding-right: initial; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-app-desc p.body-copy-centered { max-width: none; padding-right: initial; text-align: left; } } section#introduction #ez-gauge-app-desc .video-col-left { width: 55%; padding-right: 2rem; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-app-desc .video-col-left { width: 100%; padding-right: 0; } } section#introduction #ez-gauge-app-desc .video-col-left a img { border-radius: 5px; -webkit-box-shadow: 0 10px 20px grey, 0 6px 6px grey; box-shadow: 0 10px 20px grey, 0 6px 6px grey; margin-bottom: 2rem; } section#introduction #ez-gauge-app-desc .video-col-left #spotlight-video, section#introduction #ez-gauge-app-desc .video-col-left .gauge-app { margin-bottom: 2rem; } section#introduction #ez-gauge-app-desc .video-col-right { width: 39%; padding-left: 2rem; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-app-desc .video-col-right { width: 100%; padding-left: 0; } } section#introduction #ez-gauge-app-desc .video-col-right img { margin: 0 0 2rem 0; } section#introduction #ez-gauge-desc-icons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 3rem; } @media screen and (max-width: 992px) { section#introduction #ez-gauge-desc-icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper { width: 50%; margin-top: initial; margin-bottom: 2rem; padding-right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1400px) { section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper { margin-left: initial; margin-right: initial; } } @media screen and (max-width: 992px) { section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper { width: 100%; padding-right: initial; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } } section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 1rem; } section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper .icon img { margin-top: .375rem; } @media only screen and (max-width: 960px) { section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper .icon { margin-right: 1rem !important; } } @media only screen and (max-width: 768px) { section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper .icon { margin-right: 1rem !important; } } section#introduction #ez-gauge-desc-icons .icon-descriptions-wrapper .icon img { width: 50px; } section#qr-codes { margin-bottom: 5rem; } section#qr-codes h3.app { color: #4d4d4f; width: 100%; text-align: center; font-size: 2rem; margin-bottom: 2rem; } section#qr-codes .qr-outer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; gap: 4%; margin: 0 auto; } section#qr-codes .qr-outer-container .qr-inner-container { text-align: center; max-width: 20%; } @media screen and (max-width: 768px) { section#qr-codes .qr-outer-container .qr-inner-container { max-width: 30%; margin-bottom: 3rem; } } @media screen and (max-width: 550px) { section#qr-codes .qr-outer-container .qr-inner-container { max-width: 40%; } } @media screen and (max-width: 375px) { section#qr-codes .qr-outer-container .qr-inner-container { max-width: 50%; } } section#qr-codes .qr-outer-container .qr-inner-container a img.qr-image { margin: 0 auto; width: 100%; height: auto; } section#qr-codes .qr-outer-container .qr-inner-container a img.app-store { margin: 0 auto; max-height: 80px; } div#specifications { background-image: url("../../assets/images/ez-gauge/specifications.png"); background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div#specifications h2 { font-size: 120px; margin: auto; color: white; display: block; width: auto; text-shadow: -4px 7px 18px rgba(0, 0, 0, 0.5); margin-block: .25em; } @media screen and (max-width: 1400px) { div#specifications h2 { font-size: 80px; text-align: center; } } @media screen and (max-width: 992px) { div#specifications h2 { font-size: 40px; margin-block: .75em; } } @media screen and (max-width: 768px) { div#specifications h2 { font-size: 34px; } } .specs-nav-sentinel { position: absolute; top: -118px; } #specification-nav { background: #4d4e50; padding: 1rem 0; position: sticky; top: 98px; z-index: 1; } @media screen and (min-width: 961px) { #specification-nav { top: 118px; } } #specification-nav nav ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.25rem; font-size: clamp(0.875rem, 1.5vw, 1.25rem); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } #specification-nav nav ul li { list-style-type: none; color: white; border-left: 1px solid white; padding-left: 1rem; margin-left: 1rem; white-space: nowrap; } #specification-nav nav ul li:first-child { border-left: none; } #specification-nav nav ul li a { text-decoration: none; color: white; } #specification-nav nav ul li a:hover { text-decoration: underline; } #specification-nav nav ul li.label { display: none; } #specification-nav.stuck { background: HSL(34, 100%, 44%); } #specification-nav.stuck nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; font-size: clamp(0.875rem, 1.5vw, 1rem); } #specification-nav.stuck nav ul li.label { font-weight: 800; display: block; border: none; margin: 0; } @media screen and (max-width: 870px) { #specification-nav { padding: .25em 0; } #specification-nav div.max-width-wrapper { padding-right: .25rem; } #specification-nav nav ul { padding-left: 1rem; font-size: .8rem !important; } #specification-nav nav ul li { list-style-type: disc; border: none; padding: 0 1rem 0 .05rem; margin: 0 0 .5rem .2rem; } #specification-nav nav ul li::marker { content: '\2022'; margin-right: .25em; } #specification-nav nav ul li a { text-decoration: underline; } } @media screen and (max-width: 360px) { #specification-nav { display: none; } } #specifications-tables-app { margin-top: 2rem; padding-bottom: 6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #specifications-tables-app .max-width-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .max-width-wrapper-gps { margin: 0 auto; width: 100%; max-width: 80rem; padding: 0 2rem; } .max-width-wrapper-gps .subheadline { font-weight: 300; font-style: italic; font-size: 3rem; } @media screen and (max-width: 48rem) { .max-width-wrapper-gps .subheadline { line-height: 3.2rem; } } .max-width-wrapper-gps .flex-table-columns { display: grid; gap: 6rem; grid-template-columns: 1fr; } @media screen and (min-width: 48rem) { .max-width-wrapper-gps .flex-table-columns { grid-template-columns: 1fr 1fr; } } .max-width-wrapper-gps .flex-table-columns p { margin-top: 0.5rem; font-weight: 300; font-size: 1.1rem; color: #4d4d4d; } .max-width-wrapper-gps .col-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .max-width-wrapper-gps .col-right .gps-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 18rem; margin: 0 auto; } .max-width-wrapper-gps .col-right .gps-button-space { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-height: 3rem; } .max-width-wrapper-gps .icon-descriptions-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .max-width-wrapper-gps .icon-descriptions-wrapper .icon { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 1rem; } .max-width-wrapper-gps ul { padding-top: 0.5rem; } .max-width-wrapper-gps li { font-weight: 300; font-size: 1.1rem; margin-left: 1.2rem; color: #4d4d4d; margin-bottom: 0.5rem; } .max-width-wrapper-gps li span { font-family: 'Open Sans'; font-weight: 700; } .max-width-wrapper-gps h3 { color: #4d4d4d; font-size: 1.8rem; } #specifications-tables { margin-top: 2rem; padding-bottom: 6rem; } #specifications-tables .anchor-padding { position: relative; top: -2rem; } #specifications-tables .flex-table-columns { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1200px) { #specifications-tables .flex-table-columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #specifications-tables .flex-table-columns .col-left { width: 50%; padding-right: 2rem; } @media screen and (max-width: 1200px) { #specifications-tables .flex-table-columns .col-left { width: 100%; padding-right: initial; } } #specifications-tables .flex-table-columns .col-right { width: 50%; } @media screen and (max-width: 1200px) { #specifications-tables .flex-table-columns .col-right { width: 100%; padding-right: initial; } } #specifications-tables .table-wrapper { margin-top: 1.5rem; width: 100%; } #specifications-tables .table-wrapper h3 { font-size: 1.25rem; margin: 0 0 .25em; padding: 0; } #specifications-tables .table-wrapper table { width: 100%; min-width: 25rem; font-size: 0.875rem; } @media screen and (min-width: 620px) { #specifications-tables .table-wrapper table { font-size: 1rem; } } div.containLit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; margin-right: auto; margin-left: auto; font-size: 24px; margin-top: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div.containLit div.litImg { max-width: 70px; margin-left: 15px; } div.containLit div.containLit_texttop { padding: 2px 1rem 2px 0; } div.containLit div.containLit_texttop p { color: #3d4d5d; font-size: 22px; font-style: normal; font-weight: 700; } div.containLit div.containLit_text { padding: 5px 0; } div.containLit a { text-decoration: none; } div.containLit p { color: #3d4d5d; font-size: 18px; font-style: italic; } @media screen and (max-width: 680px) { div.containLit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.containLit div.containLit_text { margin-bottom: .5rem; } } section#shippingPage { position: relative; } section#shippingPage .text-bold { font-weight: bold; } section#shippingPage .orange-bg { background-color: #f8a705; padding: 2rem; } @media screen and (max-width: 800px) { section#shippingPage .orange-bg h3.globalHeadline span { text-align: center; } } section#shippingPage .orange-bg #shipping-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 800px) { section#shippingPage .orange-bg #shipping-intro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#shippingPage .orange-bg #shipping-intro .EZshipguy { max-width: 300px; max-height: 280px; } section#shippingPage .orange-bg #shipping-intro > div { margin-left: 50px; } @media screen and (max-width: 800px) { section#shippingPage .orange-bg #shipping-intro > div { margin-left: 0; } } section#shippingPage .orange-bg #shipping-intro > div h2 { text-align: left; } section#shippingPage .orange-bg #shipping-intro > div p { text-align: left; } section#shippingPage .orange-bg #shipping-intro #shipping_trigger img { margin-top: 1rem; } section#shippingPage #step-by-step .max-width-wrapper { max-width: 1024px; } section#shippingPage #step-by-step h2 { text-align: center; font-weight: 500; } @media screen and (max-width: 992px) { section#shippingPage #step-by-step p.how-to { margin: 1rem auto; } } section#shippingPage #step-by-step #damaged { background: #ffe300; margin-top: 2rem; margin-bottom: 2rem; padding: 0.5rem; } section#shippingPage #step-by-step #damaged > span { font-weight: bold; } section#shippingPage #step-by-step img { display: block; margin: 2rem auto; } @media screen and (max-width: 1024px) { section#shippingPage #step-by-step img { width: 50%; } } @media screen and (max-width: 768px) { section#shippingPage #step-by-step img { width: 100%; } } section#shippingPage #ship-yourself-headline { font-weight: bold; margin: 2rem auto; text-align: center; } @media screen and (max-width: 992px) { section#shippingPage #ship-yourself-headline { margin-bottom: 2rem; } } section#shippingPage #ship-yourself { position: relative; background-color: #368800; } section#shippingPage #ship-yourself .max-width-wrapper { position: relative; } @media screen and (max-width: 1400px) { section#shippingPage #ship-yourself .max-width-wrapper { padding: 0 !important; } } section#shippingPage #ship-yourself .max-width-wrapper div { position: relative; right: -520px; display: inline-block; color: white; } @media screen and (max-width: 1400px) { section#shippingPage #ship-yourself .max-width-wrapper div { right: -500px; } } @media screen and (max-width: 1200px) { section#shippingPage #ship-yourself .max-width-wrapper div { right: -450px; } } @media screen and (max-width: 992px) { section#shippingPage #ship-yourself .max-width-wrapper div { right: 0; } } section#shippingPage #ship-yourself .max-width-wrapper div p:first-of-type { font-size: 40px; margin-bottom: 0; color: #ffd80f; font-weight: bolder; } @media screen and (max-width: 1400px) { section#shippingPage #ship-yourself .max-width-wrapper div p:first-of-type { font-size: 35px; } } @media screen and (max-width: 992px) { section#shippingPage #ship-yourself .max-width-wrapper div p:first-of-type { font-size: 25px; } } @media screen and (max-width: 768px) { section#shippingPage #ship-yourself .max-width-wrapper div p:first-of-type { text-align: left; } } section#shippingPage #ship-yourself .max-width-wrapper div p:last-of-type { font-size: 40px; margin-top: 0; } @media screen and (max-width: 1400px) { section#shippingPage #ship-yourself .max-width-wrapper div p:last-of-type { font-size: 60px; } } @media screen and (max-width: 1400px) { section#shippingPage #ship-yourself .max-width-wrapper div p:last-of-type { font-size: 50px; } } @media screen and (max-width: 992px) { section#shippingPage #ship-yourself .max-width-wrapper div p:last-of-type { font-size: 30px; } } @media screen and (max-width: 768px) { section#shippingPage #ship-yourself .max-width-wrapper div p:last-of-type { font-size: 45px; } } section#shippingPage #ship-yourself .max-width-wrapper img { height: 250px; position: absolute; top: -90px; z-index: 1; width: auto !important; right: 950px; } @media screen and (max-width: 1400px) { section#shippingPage #ship-yourself .max-width-wrapper img { top: -50px; right: 900px; } } @media screen and (max-width: 1024px) { section#shippingPage #ship-yourself .max-width-wrapper img { top: -50px; right: 550px; } } @media screen and (max-width: 992px) { section#shippingPage #ship-yourself .max-width-wrapper img { right: 0; height: 250px; } } @media screen and (max-width: 768px) { section#shippingPage #ship-yourself .max-width-wrapper img { display: none; } } section#shippingPage .gray-bar { height: 3rem; background: #4d4e50; padding-top: 2rem; margin-bottom: -1px; } @media screen and (max-width: 1024px) { section#shippingPage .gray-bar { display: none; } } section#shippingPage #shipping-nav { background: #4d4e50; padding: 1rem; position: sticky; top: 0; } @media screen and (max-width: 992px) { section#shippingPage #shipping-nav { position: initial; } } @media screen and (max-width: 1400px) { section#shippingPage #shipping-nav .max-width-wrapper { padding: initial; } } section#shippingPage #shipping-nav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1400px) { section#shippingPage #shipping-nav nav ul { font-size: 1rem; } } @media screen and (max-width: 992px) { section#shippingPage #shipping-nav nav ul { font-size: 12px !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#shippingPage #shipping-nav nav ul li { list-style-type: none; color: white; border-right: 1px solid white; padding-right: 1rem; margin-right: 1rem; white-space: nowrap; } @media screen and (max-width: 992px) { section#shippingPage #shipping-nav nav ul li { font-size: 12px !important; border-bottom: 1px solid white; border-right: none; padding: 1rem; } } section#shippingPage #shipping-nav nav ul li:last-of-type { border-right: none; } @media screen and (max-width: 992px) { section#shippingPage #shipping-nav nav ul li:last-of-type { border-bottom: none; border-right: none; } } section#shippingPage #shipping-nav nav ul li a { text-decoration: none; color: white; } section#shippingPage #shipping-nav nav ul li a:hover { text-decoration: underline; } section#shippingPage .step { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2rem; } section#shippingPage .step:last-of-type { margin-bottom: 4rem; } @media screen and (max-width: 1024px) { section#shippingPage .step { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#shippingPage .step ul { list-style-type: none; } section#shippingPage .step h3 { font-size: 48px; color: #939598; width: 25%; text-align: left; padding: 0 1rem 0 0; margin-top: 0; line-height: 1.2; } @media screen and (max-width: 1024px) { section#shippingPage .step h3 { width: 100%; padding-right: 0; text-align: center; } section#shippingPage .step h3 br { display: none; } } section#shippingPage .step h3 > div { font-weight: bold !important; text-align: center; } @media screen and (max-width: 1024px) { section#shippingPage .step h3 > div { display: inline-block; padding-right: 1rem; } } section#shippingPage .step > div, section#shippingPage .step p { width: 75%; margin-left: auto; } @media screen and (max-width: 1024px) { section#shippingPage .step > div, section#shippingPage .step p { width: 100%; } } section#shippingPage .step > div > p { width: 100%; } section#shippingPage .step > div > p:first-child { margin-top: 0 !important; } section#shippingPage .step p { line-height: 1.6; } section#shippingPage .step a { text-decoration: none; font-weight: bold; } .eazy-form-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 800px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem auto; } .eazy-form-header .eazy-shipping-guy { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 1rem; } .eazy-form-header .eazy-header-content h1 { margin: 1rem 0 1rem 0; padding: 0; text-align: left; } .eazy-form-header .eazy-header-content p { padding: 0; } @media screen and (max-width: 750px) { .eazy-form-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .eazy-form-header .eazy-shipping-guy { margin: 0; } .eazy-form-header .eazy-header-content h1 { text-align: center; } .eazy-form-header .eazy-header-content p { text-align: center; } } .eazy-option-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 2rem 0 6rem 0; } .eazy-option-container div.eazy-option { border-radius: 4px; border: 2px solid #474747; padding: 0; width: 300px; text-align: center; margin: 0 2rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .eazy-option-container div.eazy-option h2 { background: #474747; color: #fff; margin: 0 0 .5rem 0; padding: .5rem; } .eazy-option-container div.eazy-option p { padding: 0 1rem; margin: .5rem 0; } .eazy-option-container div.eazy-option > span.fas { font-size: 72px; } .eazy-option-container div.eazy-option div.button-holder { margin: 1rem 0; } @media screen and (max-width: 750px) { .eazy-option-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .eazy-option-container div.eazy-option { margin-bottom: 2rem; } } .spacer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .eazy-form-container { margin: 2rem auto; width: 100%; max-width: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .eazy-form-container p input, .eazy-form-container p select, .eazy-form-container div.select select, .eazy-form-container textarea { width: 100%; padding: 4px 6px; border: 1px solid #474747; border-radius: 4px; font-size: 14px; line-height: 1em; } .eazy-form-container select { height: 31px; } .eazy-form-container .form-group { margin: 0 0 2rem 0; width: 45%; } .eazy-form-container .form-group.hidden { visibility: hidden; } @media screen and (max-width: 767px) { .eazy-form-container .form-group { width: 100%; } .eazy-form-container .form-group.hidden { display: none; } } .eazy-form-container .form-group h3 { padding-top: 0; padding-bottom: .5rem; } .eazy-form-container .form-group header h3 label { font-weight: normal; float: right; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 4px; } .eazy-form-container .form-group header h3 label input { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 5px; } .eazy-form-container .form-group header em { font-size: 14px; display: block; padding-bottom: .5rem; } .eazy-form-container .form-group em.note { color: #474747; font-style: italic; font-size: 14px; } .eazy-form-container .form-group p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .5rem; } .eazy-form-container .form-group p label { width: 120px; -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #999; font-size: 14px; } .eazy-form-container .form-group p.required label { color: #000; } .eazy-form-container .form-group p.long-label label { width: 180px; } .eazy-form-container .form-group p.checks label { width: auto; white-space: nowrap; margin-left: 1rem; } .eazy-form-container .form-group p.checks input { width: auto; margin-right: 5px; } .eazy-form-container .form-group p.copy-links { font-size: 14px; } .eazy-form-container .form-group p.copy-links a { white-space: nowrap; text-decoration: none; } .eazy-form-container .form-group p.copy-links a:hover { text-decoration: underline; } .eazy-form-container .form-group div.select h3 { padding-bottom: .5rem; } .eazy-form-container .form-group div.sub-group { margin-bottom: 2rem; } .eazy-form-container .form-group div.sub-group.last { margin-bottom: 0; } .eazy-form-container .form-group div.sub-group h3 a { display: none; float: right; font-size: .875em; color: #c00; } .eazy-form-container .form-group div.sub-group:last-child h3 a { display: inline; } .eazy-form-container .form-group div.sub-group .lrGroup { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } .eazy-form-container .form-group div.sub-group .lrGroup p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .eazy-form-container .form-group div.sub-group .lrGroup p label { width: auto; } .eazy-form-container p.gauge-button-row { display: block; text-align: center; } .eazy-form-container div.full-width { width: 100%; } .eazy-form-container div.full-width h3 { padding: 0 0 .5rem 0; } .eazy-form-container div.full-width textarea { height: 150px; padding: 12px; line-height: 1.5em; } .eazy-form-container div.full-width ul { margin-left: 1.5em; margin-bottom: 1rem; } .eazy-form-container div.button-holder { padding: 2rem 0; text-align: center; } .eazy-form-container div.button-holder a.form-button { margin-top: 2rem; width: 164px; text-align: center; } .eazy-form-container .error { border: 1px solid #c00 !important; } .eazy-form-container #errors { color: #c00; background: #ccc; border: 2px solid #c00; padding: 20px; margin: 0 auto; border-radius: 8px; padding-top: 0; display: none; } .eazy-form-container #errors ul { margin-left: 20px; } @media screen and (max-width: 768px) { .flex-content.two-col.cases { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-content.two-col.cases > div.flex-item { width: 100%; } .flex-content.two-col.cases > div.flex-item img { margin-bottom: 0 !important; } } .successMessage { width: 50%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; z-index: 1000; padding: 20px 40px 40px; font-size: 16px; /* border: 2px solid; */ color: white; font-weight: bold; background: #f47c20; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.6); } #important { display: none; } .shipping-form-header img { display: block; margin: auto; } .shipping-form-header > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 600px) { .shipping-form-header > div { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } /*FORM*/ #overlay * { -webkit-box-sizing: border-box; box-sizing: border-box; } #overlay { height: 100%; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.5); position: fixed; top: -1500px; left: 0; right: 0; bottom: 0; } #overlay-form::-webkit-scrollbar { display: none; } #overlay-form { text-align: center; overflow-y: auto; overflow-x: hidden; position: relative; max-width: 800px; width: 100%; height: 100%; background: white; margin: 0 auto; -webkit-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.75); } #close-button { position: absolute; right: 10px; top: 8px; font-weight: bold; cursor: pointer; outline: none; z-index: 1000; font-size: 18px; } #overlay-form form { padding: 10px 50px 40px; } .form-left, .form-right { max-width: 49.5%; width: 100%; display: inline-block; text-align: left; } .form-right { padding-left: 10px; } .form-left { padding-right: 10px; vertical-align: top; } .form-left p, .form-right p { font-weight: bold; padding-bottom: 5px; font-size: 14px; } .form-left input, select, .form-right input, select, textarea { display: block; width: 100%; border: 1px solid grey; height: 25px; } .form-right select, .form-left select { margin-bottom: 6px; padding: 2px 4px; } input[type="checkbox"] { border-radius: 100%; } textarea:focus, select:focus { border: 1px solid #f67d20; } textarea { resize: none; height: 58.5px; margin-bottom: 0; padding: 2px 4px; } #form-submit { position: absolute; top: -46px; right: 0; cursor: pointer; border: none; } .header-text { text-align: left; padding: 5px 50px 10px; font-size: 14px; line-height: 20px; } #more-info { font-size: 11px; color: blue; cursor: pointer; position: absolute; top: -6px; } #date { width: 75px; position: absolute; top: 48px; right: 100px; border: none; font-weight: bold; } form h1 { text-align: left; padding-left: 49px; font-size: 26px; } .padding-left { padding-left: 211px; } .form-ul-mobile { display: none; } #form-footer ul { position: absolute; top: 12px; left: 22px; text-align: left; font-size: 12px; list-style-type: none; padding-right: 230px; } #form-footer ul li { line-height: 1rem; } #form-footer ul li:before { content: "\2014"; position: absolute; margin-left: -20px; } .checkboxI { height: 12px !important; width: 5% !important; margin-bottom: 0 !important; display: inline !important; padding: 0 !important; margin-top: 0px !important; vertical-align: middle !important; } p.checkboxP { font-weight: normal; font-size: 13px; display: inline-block; width: auto !important; } div.hform input.active, div.hform select.active { border-color: #f67d20; } div.poptip { background: #f67d20; font-family: Arial !important; } div.hform p input { border: 1px solid grey; } .copy-address { font-size: 10px; /* display: inline-block; */ font-weight: bold; /* margin-right: -21px; */ padding-left: 93px; } .copy-address-radio { font-size: 10px; font-weight: bold; margin-left: 5px; } .freq-of-calib { font-weight: normal !important; color: #c00; } .freq-of-calib span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .freq-of-calib span:first-of-type { margin-right: 5px; } /*FORM MEDIA QUERIES*/ @media screen and (max-width: 783px) { #form-footer ul li br { display: none; } .copy-address { display: block; padding: 0; } .copy-address-radio { display: block; margin: 0; } } @media screen and (max-width: 702px) { #form-footer ul { position: relative; top: 90px; padding-right: 244px; } #form-footer ul li { padding-bottom: 5px; } } @media screen and (max-width: 696px) { .form-left, .form-right { width: 100%; display: block; text-align: left; padding: 0; max-width: 100%; } .padding-left { padding: 20px 0; } } @media screen and (max-width: 520px) { .form-ul-mobile { display: block; padding: 0; } .form-ul-desktop { display: none; } #form-footer ul { position: relative; padding-right: 30px; margin-top: 40px; margin-bottom: 20px; } #overlay-form form { padding: 10px 30px 40px; } #date { top: 0px; right: -15px; left: 0; margin: 0 auto; } } .online-course-banner { margin-bottom: 3rem; } .online-course-banner .page-content-banner__foreground .page-content-banner__content h2 { font-size: 3rem; font-size: clamp(3rem, calc(14vw + 1rem), 8rem); color: #00b10b; line-height: .8em; font-weight: 800; -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); letter-spacing: 0.04em; margin: 0; } .online-course-banner .page-content-banner__foreground .page-content-banner__content h3 { color: #181818; font-size: 1.3rem; font-size: clamp(1.3rem, calc(2.6vw + .8rem), 2.2rem); font-weight: 600; -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); letter-spacing: 0.03em; line-height: 1.15em; max-width: 30ch; margin-inline: auto; margin-block: 1em; } .online-course-banner .page-content-banner__foreground .page-content-banner__content button { font-size: 1.5rem; border: 0; background: #ce1a2b; color: #fff; padding: .015em .85em; font-weight: 700; -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); letter-spacing: 0.03em; border-radius: 6px; } .online-course-banner.mobile .page-content-banner__foreground .page-content-banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } section#trainingPage { position: relative; } section#trainingPage > img { width: 100%; } section#trainingPage .online-course-desc { padding-block: 1rem; } @media screen and (min-width: 48em) { section#trainingPage .online-course-desc { padding-block: 3rem; } } section#trainingPage .online-course-desc h4 { font-size: 1.375rem; margin: 0 0 .25rem 0; } section#trainingPage .online-course-desc > h4 { text-align: center; } section#trainingPage .online-course-desc .online-course-desc-flex { display: block; overflow-x: hidden; } @media screen and (min-width: 64em) { section#trainingPage .online-course-desc .online-course-desc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } section#trainingPage .online-course-desc .online-course-desc-flex > div { width: 50%; } section#trainingPage .online-course-desc .online-course-desc-flex > div:first-child { padding-right: 1rem; } section#trainingPage .online-course-desc .online-course-desc-flex > div:last-child { padding-left: 1rem; } } section#trainingPage .online-course-desc .online-course-centered { width: 100%; max-width: none; margin: 0 auto; text-align: left; } @media screen and (min-width: 640px) { section#trainingPage .online-course-desc .online-course-centered { padding-bottom: 3rem; } } @media screen and (min-width: 480px) { section#trainingPage .online-course-desc .online-course-centered { margin-top: 1rem; } } @media screen and (min-width: 1024px) { section#trainingPage .online-course-desc .online-course-centered { text-align: center; } } section#trainingPage .online-course-desc .online-course-centered .flex-content.two-col { display: block; } @media screen and (min-width: 480px) { section#trainingPage .online-course-desc .online-course-centered .flex-content.two-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } section#trainingPage .online-course-desc .online-course-centered .flex-content.two-col .flex-item { padding-left: 0; width: auto; } section#trainingPage .online-course-desc .online-course-centered ul { margin-left: 1.5rem; } section#trainingPage .online-course-desc .online-course-centered li { margin-bottom: .25rem; text-align: left; } section#trainingPage .online-course-desc .online-course-centered .class-info { margin-top: 3rem; } section#trainingPage .course-desc:first-of-type { margin-bottom: 3rem; } @media screen and (min-width: 768px) { section#trainingPage .course-desc:first-of-type { margin-bottom: 6rem; } } section#trainingPage .course-desc:last-of-type { padding-bottom: 3rem; } @media screen and (min-width: 768px) { section#trainingPage .course-desc:last-of-type { padding-bottom: 6rem; } } section#trainingPage .course-desc h4 { font-size: 1.375rem; margin-bottom: .5rem; } @media screen and (min-width: 75em) { section#trainingPage .course-desc .flex-body-container .image.top-margin { margin-top: -13rem; } } section#trainingPage .course-desc .flex-body-container .flex-content.two-col { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#trainingPage .course-desc .flex-body-container .flex-content.two-col > .flex-item { width: 100%; } section#trainingPage .course-desc .flex-body-container .flex-content.two-col > .flex-item ul { padding: 0; margin-bottom: 0; } section#trainingPage .course-desc .flex-body-container .flex-content.two-col > .flex-item li { margin-bottom: .25rem; } @media screen and (min-width: 640px) { section#trainingPage .course-desc .flex-body-container .flex-content.two-col { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section#trainingPage .course-desc .flex-body-container .flex-content.two-col > .flex-item { width: 50%; } section#trainingPage .course-desc .flex-body-container .flex-content.two-col > .flex-item ul { padding: 0 .25rem 0 0; } } section#trainingPage .course-desc .class-info { text-align: left; margin: 2rem 0 0 0; } @media screen and (min-width: 768px) { section#trainingPage .course-desc .class-info { margin: 2rem auto; text-align: center; } } section#trainingPage .course-desc .class-info h4 { color: #fd0000; font-size: 2rem; margin: 0; } section#trainingPage .course-desc .class-info p.class-name { font-size: 1.2rem; margin-bottom: 1rem; font-weight: 700; margin-top: .5rem; } section#trainingPage .course-desc .course-desc-caption { margin-top: 2rem; padding: .5rem 1rem; background: #e5b31a; color: #fff; } @media screen and (min-width: 768px) { section#trainingPage .course-desc .course-desc-caption { padding: 1rem; } } section#trainingPage .course-desc .course-desc-caption div.content { max-width: 70ch; margin: 0 auto 1rem; } section#trainingPage .course-desc .course-desc-caption div.content h3 { margin-top: 0; font-size: 1.75rem; line-height: 1.2em; } section#trainingPage .course-desc .course-desc-caption div.content p { font-style: italic; font-size: 1.125rem; } section#trainingPage .course-desc .course-desc-caption div.content p:last-child { margin: 0; } section#trainingPage #online-rsc .radiation-course-desc-flex { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } section#trainingPage #online-rsc .radiation-course-desc-flex h4 { font-size: 22px; } section#trainingPage #online-rsc .radiation-course-desc-flex > div { padding: 0 1rem !important; } @media screen and (max-width: 1000px) { section#trainingPage #online-rsc .radiation-course-desc-flex { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } section#trainingPage #online-rsc .radiation-course-desc-flex > div { max-width: 670px !important; margin: 0 auto !important; } } section#trainingPage #online-rsc .radiation-course-desc-list-wrapper { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Online Course Area stuff below here */ #training-video { padding: 0 1rem; } @media screen and (min-width: 640px) { #training-video { padding: 0 2.5rem; } } @media screen and (min-width: 960px) { #training-video { padding: 0 4rem; } } @media screen and (min-width: 1400px) { #training-video { padding: 0 6rem; } } #training-video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #training-video .embed-container iframe, #training-video .embed-container object, #training-video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #training-video #video-info { width: 100%; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #training-video #video-info h1 { margin: 1rem 0 1rem 0; font-weight: 600; font-size: 1.5em; padding: 0; text-align: center; } #training-video #video-info p { font-size: 1em; } #training-video #paging { display: -webkit-box; display: -ms-flexbox; display: flex; margin: .5rem 0; } #training-video #paging div.spacer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #training-video #paging a { -webkit-box-flex: 0; -ms-flex: none; flex: none; text-decoration: none; } #training-video #paging a:hover { text-decoration: underline; } #training-video #paging i.fa-chevron-left { margin-right: 6px; } #training-video #paging i.fa-chevron-right { margin-left: 6px; } #training-video #library { font-size: 1.5rem; } @media screen and (min-width: 620px) { #training-video #library { font-size: 1rem; } } #training-video #library > h2 { font-weight: 400; font-size: 1.5em; margin: 30px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; text-align: center; } @media screen and (min-width: 620px) { #training-video #library > h2 { text-align: left; } } #training-video #library #video-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -1em; } @media screen and (min-width: 620px) { #training-video #library #video-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } #training-video #library #video-wrapper div.video { width: 100%; max-width: 300px; padding: 0 1em; margin-bottom: 30px; } @media screen and (min-width: 620px) { #training-video #library #video-wrapper div.video { width: 50%; max-width: none; } } @media screen and (min-width: 960px) { #training-video #library #video-wrapper div.video { width: 33.3%; } } @media screen and (min-width: 1280px) { #training-video #library #video-wrapper div.video { width: 25%; } } #training-video #library #video-wrapper div.video.current div.video-thumbnail { position: relative; } #training-video #library #video-wrapper div.video.current div.video-thumbnail:before { content: ' '; position: absolute; border: 6px solid #00ADEF; height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #training-video #library #video-wrapper div.video a { color: #000; text-decoration: none; } #training-video #library #video-wrapper div.video a:hover { text-decoration: underline; } #training-video #library #video-wrapper div.video img { width: 100%; height: auto; display: block; } #training-video #library #video-wrapper div.video h3 { font-weight: 300; font-size: .8em; line-height: 1.2em; margin: 2px 0 0 0; padding: 0; } #training-video #library #video-wrapper div.video h2 { font-weight: 400; font-size: 1em; line-height: 1.2em; margin: 0; padding: 0; } form.vex-dialog-form h1 { padding-left: 0; } #videosRegistration .hero-image { width: 100%; height: auto; margin-bottom: 25px; } #videosRegistration #response-error, #videosRegistration #login-response-error { color: #c00; margin: 1rem 0; display: none; } #videosRegistration #register-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 100%; max-width: 800px; } #videosRegistration #register-flex-container > div { width: 50%; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 720px) { #videosRegistration #register-flex-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #videosRegistration #register-flex-container > div { width: 100%; } #videosRegistration #register-flex-container #course-registration-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #videosRegistration #register-flex-container #course-login-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } #videosRegistration #register-flex-container #videos-registration-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #videosRegistration #register-flex-container form { text-align: left; max-width: 400px; margin: 30px auto; display: block; padding: 20px; border: 1px solid #ff8319; border-radius: 8px; width: 100%; } #videosRegistration #register-flex-container form h3 { margin: 0 0 1rem 0; padding: 0; } #videosRegistration #register-flex-container form p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1rem; } #videosRegistration #register-flex-container form p.note { font-size: 14px; font-style: italic; color: #474747; } #videosRegistration #register-flex-container form #int-province { display: none; } #videosRegistration #register-flex-container form input { border-radius: 3px; border: 1px solid #999; padding: 2px 4px; } #videosRegistration #videos-registration-wrapper { width: 100%; max-width: 600px; margin: 30px auto; text-align: center; } #videosRegistration #videos-registration-wrapper #other_fields { display: none; } #videosRegistration #videos-registration-wrapper form { text-align: left; max-width: 400px; margin: 30px auto; display: block; padding: 20px; border: 1px solid #ff8319; border-radius: 8px; } #videosRegistration #videos-registration-wrapper form p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1rem; } #videosRegistration #videos-registration-wrapper form input { border-radius: 3px; border: 1px solid #999; padding: 2px 4px; } div.containTrain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; max-width: 200px; margin-right: auto; margin-left: auto; font-size: 24px; margin-top: 25px; } div.containTrain div.trainImg { max-width: 70px; margin-left: 15px; } div.containTrain div.containTrain_text { padding: 15px 0; } @media screen and (max-width: 1200px) { div.containTrain div.containTrain_text { padding: 0; } } div.containTrain a { text-decoration: none; } div.containTrain p { color: #ffffff; font-size: 18px; font-style: italic; } #init-exam { display: block; width: 100%; max-width: 800px; margin: 0 auto 60px auto; } #init-exam div.form-wrapper { padding: 0 1rem; } #init-exam div.form-wrapper div.errors { color: #c00; margin-bottom: 30px; } #init-exam div.form-wrapper div.errors h3 { padding-bottom: .25rem; } #init-exam div.form-wrapper div.errors ul { margin-left: 1.5rem; } #init-exam div.form-wrapper p { margin-bottom: 1rem; } #init-exam div.personal-info p label { display: -webkit-box; display: -ms-flexbox; display: flex; } #init-exam div.personal-info p label input { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px; height: 20px; width: 20px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 2px; margin-top: 5px; } #init-exam div.topics { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } #init-exam div.topics ul { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.5rem !important; margin-right: 1rem; } #init-exam div.topics ul li { list-style-type: disc !important; } @media screen and (max-width: 480px) { #init-exam div.topics { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #init-exam div.topics ul { margin-right: 0; } } p.exam-intro { display: block; width: 100%; max-width: 800px; margin: 0 auto 60px auto; } #exam { display: block; width: 100%; max-width: 800px; margin: 0 auto; } #exam > * + * { border-top: 1px solid #ccc; } #exam div.question-container { padding: 30px 0; margin: 0; } #exam div.question-container p.question { display: -webkit-box; display: -ms-flexbox; display: flex; } #exam div.question-container p.question strong { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 30px; } #exam div.question-container .options { padding-left: 30px; margin-top: 1rem; } #exam div.question-container.true-false div.options { display: -webkit-box; display: -ms-flexbox; display: flex; } #exam div.question-container.true-false div.options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2rem; } #exam div.question-container.true-false div.options label input { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 6px; } #exam div.question-container.multiple ul.options { list-style: none; } #exam div.question-container.multiple ul.options li { margin: 0 0 .5rem 0; } #exam div.question-container.multiple ul.options li label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 22px; } #exam div.question-container.multiple ul.options li label input { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 1rem; height: 22px; } #exam div.question-container.multiple ul.options li label span.letter { -webkit-box-flex: 0; -ms-flex: none; flex: none; } #exam div.question-container button { margin: 30px 0; } #exam #incomplete-ok { display: none; } #time-remaining, #course-time-remaining { position: fixed; bottom: 0; right: 32px; padding: .5rem; font-size: 1rem; background: #fffb79; z-index: 1000; } #time-remaining.warning, #course-time-remaining.warning { background: #ff726f; } #course-time-remaining { left: 0; right: auto; } #up-to-date, #running { position: fixed; bottom: 0; right: 0; padding: .5rem; font-size: 1rem; z-index: 1000; display: none; } #up-to-date { color: green; display: block; } #running { color: #474747; } #error { position: fixed; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1001; } #error #error-content { background: #c00; color: #fff; padding: 4px 8px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } #paging .wait-for-next a { display: block; } #paging .wait-for-next span { display: none; } #paging .wait-for-next.waiting span { display: block; } #paging .wait-for-next.waiting a { display: none; } #video-wrapper .wait-for-next div.inactive { display: none; } #video-wrapper .wait-for-next div.active { display: block; } #video-wrapper .wait-for-next.waiting div.inactive { display: block; } #video-wrapper .wait-for-next.waiting div.active { display: none; } #play-status-wrapper { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #play-status-wrapper > div { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 740px) { #play-status-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #play-status-wrapper > div { width: 100%; margin-bottom: 1rem; } #play-status-wrapper div.left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #play-status-wrapper div.right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } #play-status-wrapper #play-status { padding: 20px; border-radius: 1rem; background: #fff89f; text-align: center; margin: 0 auto; width: 100%; max-width: 380px; } #play-status-wrapper #play-status #countdown-wrapper { font-size: 24px; margin: 1rem 0 0; } #play-status-wrapper #play-status-watched { padding: 20px; border-radius: 1rem; background: #c7ffbc; color: #277d2b; text-align: center; margin: 0 auto; width: 100%; max-width: 320px; } #play-status-wrapper #play-status-watched a { color: #277d2b; } #play-status-wrapper #manual-container { width: 100%; max-width: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #play-status-wrapper #manual-container a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #000; } #play-status-wrapper #manual-container a:hover { text-decoration: underline; } #play-status-wrapper #manual-container a img { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px; } a.pdf-link i { margin-right: .25rem; } #account { margin: 1rem 0; text-align: center; } @media screen and (max-width: 480px) { #account { font-size: 14px; } } @media screen and (max-width: 400px) { #account { font-size: 11px; } } #begin_course { display: block; width: 100%; max-width: 840px; margin: 0 auto 60px auto; padding: 0 20px; } #enrollments { display: block; width: 100%; max-width: 840px; margin: 0 auto 60px auto; padding: 0 20px; } #enrollments div.enrollments-table-wrapper { width: 100%; overflow: hidden; overflow-x: auto; margin-bottom: 60px; } #enrollments table { width: 100%; min-width: 600px; } #enrollments table td, #enrollments table th { font-size: 14px; padding: 4px 8px; border-bottom: 1px solid #ccc; text-align: left; } #enrollments table th { background: #474747; color: #fff; border-bottom: 0; } #enrollments table td.cen, #enrollments table th.cen { text-align: center; } #enrollments table td.right, #enrollments table th.right { text-align: right; } div.exam-result { text-align: center; } div.exam-result span.fa-times, div.exam-result span.fa-check { font-size: 48px; } div.exam-result.fail > h2, div.exam-result.fail > span { color: #c00; } div.exam-result.pass > h2, div.exam-result.pass > span { color: green; } div.other-videos { text-align: center; margin: 30px auto; } div.other-videos h3 { margin-bottom: 0; padding-bottom: 0; } div.other-videos p { width: 100%; max-width: 600px; margin: 10px auto; } @media screen and (max-width: 620px) { div.other-videos h3 { font-size: 18px; } div.other-videos p { font-size: 14px; } } section#supportPage { position: relative; } section#supportPage > img { width: 100%; } section#supportPage section#support { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #E58D1A; background-image: url("../../assets/images/NUKE_Support Page_REALLY.png"); margin-top: initial; } @media only screen and (max-width: 1200px) { section#supportPage section#support { margin-top: 50px; } } section#supportPage section#support div#support-content { padding: 5rem 0; display: inline-block; } @media screen and (max-width: 960px) { section#supportPage section#support div#support-content { display: block; text-align: center; padding: 2rem 0; } } section#supportPage section#support div#support-content h3 { font-size: 100px; } @media screen and (max-width: 960px) { section#supportPage section#support div#support-content h3 { font-size: 30px; } } section#supportPage section#support div#support-content a { width: 130px; display: block; margin-left: auto; } @media screen and (max-width: 960px) { section#supportPage section#support div#support-content a { margin: auto; } } section#supportPage section#support div#support-content a img { width: 100%; } section#supportPage h2 { font-size: 32px; padding-left: initial; text-align: center; } section#supportPage section#create-support-ticket { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #000; background-image: url("../../assets/images/support/support-ticket-graphic.png"); margin-top: initial; padding-top: 2rem; } @media only screen and (max-width: 1200px) { section#supportPage section#create-support-ticket { margin-top: 50px; } } @media screen and (max-width: 960px) { section#supportPage section#create-support-ticket { display: none; } } section#supportPage section#create-support-ticket div#support-content { padding: 0 0 1rem 0; display: block; margin: auto; } @media screen and (max-width: 960px) { section#supportPage section#create-support-ticket div#support-content { display: block; text-align: center; padding: 0 0 1rem 0; } } section#supportPage section#create-support-ticket div#support-content h3 { font-size: 32px; text-align: center; } @media screen and (max-width: 960px) { section#supportPage section#create-support-ticket div#support-content h3 { font-size: 30px; } } section#supportPage section#create-support-ticket div#support-content .support-content-icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 200px; margin: 3rem auto 3rem auto; } section#supportPage section#create-support-ticket div#support-content .support-content-icon-wrapper img { margin-left: 2rem; } section#supportPage section#create-support-ticket div#support-content .support-content-icon-wrapper p { margin-top: 2rem; text-align: center; } section#productInformationPage { position: relative; } section#productInformationPage h1, section#productInformationPage h3 { padding-left: initial; text-align: center; } section#productInformationPage .text-bold { font-weight: bold; } section#productInformationPage > img { width: 100%; } section#productInformationPage h2 { font-size: 32px; padding-left: initial; text-align: center; padding: 4rem 0; } @media screen and (max-width: 1400px) { section#productInformationPage h2 { padding: 2rem 0; } } @media screen and (max-width: 1200px) { section#productInformationPage h2 { padding: 0; } } section#productInformationPage section#find-product-graphic { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #000; background-image: url("../../assets/images/product-information/product-information.jpg"); margin-top: initial; padding-bottom: 28rem; padding-top: 2rem; } section#productInformationPage section#find-product-graphic div#support-content { display: block; margin: auto; } @media screen and (max-width: 960px) { section#productInformationPage section#find-product-graphic div#support-content { display: block; text-align: center; padding: 2rem 0; } } section#productInformationPage section#find-product-graphic div#support-content h3 { font-size: 32px; text-align: center; } @media screen and (max-width: 960px) { section#productInformationPage section#find-product-graphic div#support-content h3 { font-size: 30px; } } section#productInformationPage .links-download { padding-bottom: 3rem; } section#productInformationPage .links-download .col-wrapper { --col-gap: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--col-gap); margin: 0 auto; width: 100%; } @media screen and (min-width: 860px) { section#productInformationPage .links-download .col-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1140px) { section#productInformationPage .links-download .col-wrapper { --col-gap: 4rem; width: calc(var(--col-gap) + 1000px); } } section#productInformationPage .links-download .left-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 500px; margin: 0; } section#productInformationPage .links-download .right-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 500px; margin: 0; } section#productInformationPage .links-download .manuals-data-sheets, section#productInformationPage .links-download .documents, section#productInformationPage .links-download .special-from-certificates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto 0 0; font-size: .875rem; width: 100%; } @media screen and (min-width: 480px) { section#productInformationPage .links-download .manuals-data-sheets, section#productInformationPage .links-download .documents, section#productInformationPage .links-download .special-from-certificates { font-size: 1rem; } } section#productInformationPage .links-download .manuals-data-sheets p, section#productInformationPage .links-download .documents p, section#productInformationPage .links-download .special-from-certificates p { margin-left: 1rem; } section#productInformationPage .links-download .manuals-data-sheets h3, section#productInformationPage .links-download .documents h3, section#productInformationPage .links-download .special-from-certificates h3 { margin: 0; text-align: left; font-size: 1.125em; font-size: clamp(1.125em, 3vw, 1.75em); border-bottom: 1px solid #4D4E50; } section#productInformationPage .links-download .manuals-data-sheets h4, section#productInformationPage .links-download .documents h4, section#productInformationPage .links-download .special-from-certificates h4 { margin-top: .25rem; font-weight: normal; font-style: italic; } section#productInformationPage .links-download .manuals-data-sheets h5, section#productInformationPage .links-download .documents h5, section#productInformationPage .links-download .special-from-certificates h5 { text-align: left; margin: .5rem 0; font-weight: 800; font-size: 1em; } section#productInformationPage .links-download .manuals-data-sheets a, section#productInformationPage .links-download .documents a, section#productInformationPage .links-download .special-from-certificates a { border-bottom: 1px solid #4D4E50; } section#productInformationPage .links-download .manuals-data-sheets .no-border, section#productInformationPage .links-download .documents .no-border, section#productInformationPage .links-download .special-from-certificates .no-border { border-bottom: none; } section#productInformationPage .links-download .manuals-data-sheets div, section#productInformationPage .links-download .documents div, section#productInformationPage .links-download .special-from-certificates div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1em 0; } section#productInformationPage .links-download .manuals-data-sheets div:last-of-type, section#productInformationPage .links-download .documents div:last-of-type, section#productInformationPage .links-download .special-from-certificates div:last-of-type { border: none; } section#productInformationPage .links-download .manuals-data-sheets div h4, section#productInformationPage .links-download .documents div h4, section#productInformationPage .links-download .special-from-certificates div h4 { padding-left: 1em; } section#productInformationPage .links-download .manuals-data-sheets + .manuals-data-sheets { margin-top: 1em; } section#productInformationPage .links-download h4.lit-subhead { margin: .25rem 0 0 0; } section#productInformationPage .links-download h4.lit-subhead + ul.document-list, section#productInformationPage .links-download h3 + ul.document-list { margin-top: .5rem; } section#productInformationPage .links-download ul.document-list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: inherit; } section#productInformationPage .links-download ul.document-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: .5em; -moz-column-gap: .5em; column-gap: .5em; border-bottom: 1px solid #4D4E50; } @media screen and (min-width: 480px) { section#productInformationPage .links-download ul.document-list li { -webkit-column-gap: 1.5em; -moz-column-gap: 1.5em; column-gap: 1.5em; } } section#productInformationPage .links-download ul.document-list li:last-child { border: none; } section#productInformationPage .links-download ul.document-list li .image { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block; padding: 0; margin-block: 2rem; } section#productInformationPage .links-download ul.document-list li .image img { width: 45px; height: auto; display: block; } @media screen and (min-width: 30em) { section#productInformationPage .links-download ul.document-list li .image img { width: 89px; } } section#productInformationPage .links-download ul.document-list li .info { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: block; padding: 0; margin-block: 2rem; } section#productInformationPage .links-download ul.document-list li .info h5 { font-size: .875rem; font-weight: 800; margin: 0; } @media screen and (min-width: 23.4375em) { section#productInformationPage .links-download ul.document-list li .info h5 { font-size: 1.125em; } } section#productInformationPage .links-download ul.document-list li .info h5 span.doc-type { margin-left: .375rem; font-weight: 300; } section#productInformationPage .links-download ul.document-list li .info p { margin: 0; padding: 0; font-size: 1em; } section#productInformationPage .links-download ul.document-list li .info p.instruction { margin-top: 1rem; margin-bottom: .5rem; font-weight: 300; font-size: MAX(0.875rem, 0.875em); } section#productInformationPage .links-download ul.document-list li .info div.document-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: .5em; -moz-column-gap: .5em; column-gap: .5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2em; margin: 0 0 .625em; padding: 0; border: none; } section#productInformationPage .links-download ul.document-list li .info div.document-links a { border-radius: .25em; background: #efefef; padding: .5em; color: #474747; font-weight: 300; text-decoration: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: .5em; -moz-column-gap: .5em; column-gap: .5em; border: none; -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; } section#productInformationPage .links-download ul.document-list li .info div.document-links a span.fa { color: var(--orangeColor); -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: .75em; -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; } section#productInformationPage .links-download ul.document-list li .info div.document-links a:hover { background: var(--orangeColor); color: white; } section#productInformationPage .links-download ul.document-list li .info div.document-links a:hover span.fa { color: white; } section#productInformationPage .links-download ul.document-list li .info div.document-links span.lang { line-height: inherit; display: inline-block; font-weight: 600; font-size: .875em; } section#productInformationPage .links-download ul.document-list li:first-child > div.image, section#productInformationPage .links-download ul.document-list li:first-child div.info { margin-top: 0; } section#productInformationPage .links-download .col-wrapper.split { row-gap: 0; } section#productInformationPage .links-download .col-wrapper.split .manuals-data-sheets { margin-bottom: 0; } section#productInformationPage .links-download .col-wrapper.split .left-col ul.document-list li:last-child { border-bottom: 1px solid #4D4E50; } @media screen and (min-width: 60em) { section#productInformationPage .links-download .col-wrapper.split .left-col ul.document-list { margin-bottom: 0; } section#productInformationPage .links-download .col-wrapper.split .left-col ul.document-list li:last-child { border-bottom: none; } } section#contactPage { position: relative; } section#contactPage p { line-height: 25px; } section#contactPage h3 { padding-bottom: .5rem; } section#contactPage h4 { padding-bottom: .25rem; } section#contactPage a { font-weight: 700; font-size: .8rem; } section#contactPage .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1rem; } @media screen and (max-width: 600px) { section#contactPage .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } section#contactPage .flex-row > div { width: 50%; } @media screen and (max-width: 400px) { section#contactPage .flex-row > div { width: 100%; } } section#contactPage .justify-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } section#contactPage .row-padding { padding: 1.5rem 0; } section#contactPage .text-bold { font-weight: bold; } section#contactPage > img { width: 100%; } section#contactPage h2 { font-size: 32px; padding-left: initial; text-align: center; } section#contactPage section#contact-graphic { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #000; background-image: url("/assets/images/contact/contact-graphic.jpg"); margin-top: initial; } section#contactPage section#contact-graphic div#support-content { padding: 16rem 0; display: block; margin: auto; } section#contactPage .col-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 4rem; } @media screen and (max-width: 1100px) { section#contactPage .col-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section#contactPage .col-wrapper .col-left { margin-top: 100px; margin-right: 100px; padding-right: 4rem; border-right: 1px solid #4D4E50; } @media screen and (max-width: 1100px) { section#contactPage .col-wrapper .col-left { margin: 1rem auto; border: none; padding-right: initial; width: 100%; } } section#contactPage .col-wrapper .col-left .top-left-box { border-bottom: 1px solid #4D4E50; padding-bottom: 4rem; } @media screen and (max-width: 1100px) { section#contactPage .col-wrapper .col-left .top-left-box { border-bottom: none; padding-bottom: 1rem; } } section#contactPage .col-wrapper .col-left .bottom-left-box { padding-top: 4rem; } @media screen and (max-width: 1100px) { section#contactPage .col-wrapper .col-left .bottom-left-box { padding-top: 1rem; } } section#contactPage .col-wrapper .col-right { margin-top: 100px; width: 50%; } @media screen and (max-width: 1100px) { section#contactPage .col-wrapper .col-right { margin: 1rem auto; border: none; width: 100%; } } @media screen and (max-width: 400px) { section#contactPage .col-wrapper .col-right { margin: 1rem 0; } } #dc-outer-shell { width: 50%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 800px) { #dc-outer-shell { width: 100%; padding-inline: 1rem; } } #dc-outer-shell form .main-form label { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 130px; } #dc-outer-shell form .main-form input, #dc-outer-shell form .main-form select { width: 100%; padding: .4rem; min-height: 38px; height: 38px !important; } #dc-outer-shell form .main-form .checkbox label { margin-left: 130px; width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #dc-outer-shell form .main-form .checkbox input { width: 1.25rem; height: 1.25rem; margin-right: .25rem; } #dc-outer-shell form .flex-col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #dc-outer-shell form .flex-col .col-left, #dc-outer-shell form .flex-col .col-right { width: 100%; } #dc-outer-shell form .flex-col .col-left #State, #dc-outer-shell form .flex-col .col-right #State { width: 100%; } #dc-outer-shell form .flex-col .col-left p, #dc-outer-shell form .flex-col .col-right p { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1rem; } #dc-outer-shell form .flex-col .col-left p input, #dc-outer-shell form .flex-col .col-right p input { width: 100% !important; padding: .4rem; } .flatpickr-month select { display: inline-block; } .calibration-tool-container { width: 100%; max-width: 800px; margin: 2em auto 5em auto; padding-inline: 1rem; } .calibration-tool-container input { border: 0; background: #eee; padding: .25em; color: black; width: 100%; } .calibration-tool-container input.error { background: #ffe4e4; } .calibration-tool-container .input { display: grid; gap: .125em; margin-bottom: 1rem; } .calibration-tool-container .input label { font-weight: bold; } .calibration-tool-container .two-input-group { display: grid; } @media screen and (min-width: 30em) { .calibration-tool-container .two-input-group { grid-template-columns: 1fr 1fr; gap: 1em; } } table.input-grid { margin-bottom: 1rem; } table.input-grid th, table.input-grid td { padding: .25em; border-bottom: 1px solid #aaa; } table.input-grid th { line-height: 1em; } @media screen and (min-width: 30em) { table.input-grid th { white-space: nowrap; } } table.input-grid tr > :first-child { padding-left: 0; text-align: left; } table.input-grid tr > :last-child { padding-right: 0; } table.input-grid tr:last-child th, table.input-grid tr:last-child td { border-bottom: 0; } table.input-grid td { position: relative; } table.input-grid td::after { position: absolute; top: 50%; right: .5em; content: 'SI'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: bold; font-style: italic; color: #999; } table.input-grid td:last-child::after { right: .25em; } table.input-grid td input { padding: .25em 1.75em .25em .25em; text-align: right; } table.input-grid td:last-child input { padding-right: 1.5em; } section#supportPage .quick-links-big { padding: 3rem 0; } section#supportPage .quick-links-big .support-panel-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#supportPage .quick-links-big .support-panel-wrapper a { text-decoration: none; color: #414141; } section#supportPage .quick-links-big .support-panel-wrapper .support-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; margin-right: 2rem; width: 250px; height: 300px; } section#supportPage .quick-links-big .support-panel-wrapper .support-panel img { height: 120px; } section#supportPage .quick-links-big .support-panel-wrapper .support-panel:last-of-type { margin-right: 0; } section#supportPage .quick-links-big .support-panel-wrapper .support-panel h3 { font-size: 22px; font-weight: 800; } section#productInformationPage .quick-links, section#softwareSupportPage .quick-links, section#watchAndLearnPage .quick-links, section#createTicketPage .quick-links { margin: 3rem auto; } section#productInformationPage .quick-links .support-panel-wrapper a, section#softwareSupportPage .quick-links .support-panel-wrapper a, section#watchAndLearnPage .quick-links .support-panel-wrapper a, section#createTicketPage .quick-links .support-panel-wrapper a { text-decoration: none; color: #414141; position: relative; } section#productInformationPage .quick-links .support-panel-wrapper a:last-of-type:after, section#softwareSupportPage .quick-links .support-panel-wrapper a:last-of-type:after, section#watchAndLearnPage .quick-links .support-panel-wrapper a:last-of-type:after, section#createTicketPage .quick-links .support-panel-wrapper a:last-of-type:after { content: ""; display: inline-block; height: 0px; width: 0px; } section#productInformationPage .quick-links .support-panel-wrapper a:after, section#softwareSupportPage .quick-links .support-panel-wrapper a:after, section#watchAndLearnPage .quick-links .support-panel-wrapper a:after, section#createTicketPage .quick-links .support-panel-wrapper a:after { content: ""; display: inline-block; height: 40px; width: 1px; background: lightgrey; position: absolute; top: calc(50% - 20px); right: 0; } @media screen and (max-width: 1200px) { section#productInformationPage .quick-links .support-panel-wrapper a:after, section#softwareSupportPage .quick-links .support-panel-wrapper a:after, section#watchAndLearnPage .quick-links .support-panel-wrapper a:after, section#createTicketPage .quick-links .support-panel-wrapper a:after { width: 0px; } } section#productInformationPage .support-panel-wrapper, section#softwareSupportPage .support-panel-wrapper, section#watchAndLearnPage .support-panel-wrapper, section#createTicketPage .support-panel-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1200px) { section#productInformationPage .support-panel-wrapper, section#softwareSupportPage .support-panel-wrapper, section#watchAndLearnPage .support-panel-wrapper, section#createTicketPage .support-panel-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } section#productInformationPage .support-panel-wrapper .support-panel, section#softwareSupportPage .support-panel-wrapper .support-panel, section#watchAndLearnPage .support-panel-wrapper .support-panel, section#createTicketPage .support-panel-wrapper .support-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; padding: 0 2rem; } @media screen and (max-width: 1200px) { section#productInformationPage .support-panel-wrapper .support-panel, section#softwareSupportPage .support-panel-wrapper .support-panel, section#watchAndLearnPage .support-panel-wrapper .support-panel, section#createTicketPage .support-panel-wrapper .support-panel { border: none; padding: 2rem; } } @media screen and (max-width: 768px) { section#productInformationPage .support-panel-wrapper .support-panel, section#softwareSupportPage .support-panel-wrapper .support-panel, section#watchAndLearnPage .support-panel-wrapper .support-panel, section#createTicketPage .support-panel-wrapper .support-panel { width: 100%; } } section#productInformationPage .support-panel-wrapper .support-panel img, section#softwareSupportPage .support-panel-wrapper .support-panel img, section#watchAndLearnPage .support-panel-wrapper .support-panel img, section#createTicketPage .support-panel-wrapper .support-panel img { height: 50px; } section#productInformationPage .support-panel-wrapper .support-panel:last-of-type, section#softwareSupportPage .support-panel-wrapper .support-panel:last-of-type, section#watchAndLearnPage .support-panel-wrapper .support-panel:last-of-type, section#createTicketPage .support-panel-wrapper .support-panel:last-of-type { margin-right: 0; } section#productInformationPage .support-panel-wrapper .support-panel h3, section#softwareSupportPage .support-panel-wrapper .support-panel h3, section#watchAndLearnPage .support-panel-wrapper .support-panel h3, section#createTicketPage .support-panel-wrapper .support-panel h3 { font-size: 16px; font-weight: 800; } section#softwareSupportPage { position: relative; } section#softwareSupportPage h1 { padding-left: initial; text-align: center; } section#softwareSupportPage > img { width: 100%; } section#softwareSupportPage h2 { font-size: 32px; padding-left: initial; text-align: center; padding: 4rem 0; } @media screen and (max-width: 1400px) { section#softwareSupportPage h2 { padding: 2rem 0; } } @media screen and (max-width: 1200px) { section#softwareSupportPage h2 { padding: 0; } } section#softwareSupportPage section#find-product-graphic { position: static; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #000; background-image: url("../../assets/images/product-information/product-information.jpg"); margin-top: initial; padding-bottom: 28rem; padding-top: 2rem; } section#softwareSupportPage section#find-product-graphic div#support-content { display: block; margin: auto; } @media screen and (max-width: 960px) { section#softwareSupportPage section#find-product-graphic div#support-content { display: block; text-align: center; padding: 2rem 0; } } section#softwareSupportPage section#find-product-graphic div#support-content h3 { font-size: 32px; text-align: center; } @media screen and (max-width: 960px) { section#softwareSupportPage section#find-product-graphic div#support-content h3 { font-size: 30px; } } section#softwareSupportPage .links-download { padding-bottom: 3rem; } section#softwareSupportPage .links-download .col-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } section#softwareSupportPage .links-download .left-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 500px; margin: 0 auto; } @media screen and (max-width: 1100px) { section#softwareSupportPage .links-download .left-col { width: 100%; } } section#softwareSupportPage .links-download .right-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 500px; margin: 0 auto; } @media screen and (max-width: 1100px) { section#softwareSupportPage .links-download .right-col { width: 100%; } } section#softwareSupportPage .links-download .softwareLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 500px; } @media screen and (max-width: 1100px) { section#softwareSupportPage .links-download .softwareLinks { width: 100%; } } section#softwareSupportPage .links-download .softwareLinks a { color: #ff8319; } section#softwareSupportPage .links-download .softwareLinks a:hover { text-decoration: underline; } section#softwareSupportPage .links-download .softwareLinks p { margin-left: 1rem; margin-bottom: .5rem; } section#softwareSupportPage .links-download .softwareLinks p b { font-weight: 600; } section#softwareSupportPage .links-download .softwareLinks p em { font-size: .875rem; } section#softwareSupportPage .links-download .softwareLinks h3 { font-size: 22px; border-bottom: 1px solid #4D4E50; } section#softwareSupportPage .links-download .softwareLinks div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: .5rem; } section#softwareSupportPage .links-download .softwareLinks div:last-of-type { border: none; } section#softwareSupportPage .links-download .softwareLinks div h4 { padding-left: 1rem; } #courseDescription { padding: 0 1rem 4rem 1rem; } #courseDescription #enrollment > div { width: 50%; margin: 0 auto; text-align: center; } @media screen and (max-width: 800px) { #courseDescription #enrollment > div { width: 100%; } } #courseDescription form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #courseDescription form > div { width: 50%; } @media screen and (max-width: 800px) { #courseDescription form > div { width: 100%; padding: 1rem; } } #courseDescription form > div p { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1rem; } #courseDescription form > div p label { min-width: 150px; } #courseDescription form > div input, #courseDescription form > div select { width: 100%; padding: .4rem; min-height: 38px; } #courseDescription form #enrollButton { margin: 2rem auto 0 auto; max-width: 300px; display: block; } section#watchAndLearnPage { position: relative; padding-bottom: 5rem; } section#watchAndLearnPage h1 { padding-left: initial; text-align: center; } section#watchAndLearnPage .glide-parent { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2rem; } section#watchAndLearnPage .glide-parent span { font-size: 1.2rem; margin-top: 0.6rem; } section#watchAndLearnPage .image-overlay-wrapper { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#watchAndLearnPage .image-overlay-wrapper i { margin-left: 0.4rem; } section#watchAndLearnPage .image-overlay-wrapper img { margin-bottom: -4px; } section#watchAndLearnPage .image-overlay-wrapper:hover .glide-overlay { color: red; background: white; } section#watchAndLearnPage .glide-overlay { position: absolute; color: white; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bolder; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; background: gray; height: 70px; width: 70px; border-radius: 50%; } section#watchAndLearnPage .glide-overlay-animation { color: red; } section#watchAndLearnPage #modal_launcher { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 10; background: rgba(0, 0, 0, 0.5); } section#watchAndLearnPage .glide__arrow { background: white; color: #181818; font-weight: bold; top: 2rem; } section#watchAndLearnPage .glide__arrow:hover { background: #181818; color: #fff; } section#watchAndLearnPage .glide--swipeable { cursor: initial; } @media screen and (max-width: 560px) { section#watchAndLearnPage iframe { width: 100% !important; height: auto !important; } } .grid-videos { display: grid; grid-template-columns: 31% 31% 31%; grid-gap: 50px; } @media screen and (max-width: 1200px) { .grid-videos { grid-template-columns: 47% 47%; } } @media screen and (max-width: 768px) { .grid-videos { grid-template-columns: 100%; grid-gap: 25px 0; } } section#createTicketPage { position: relative; padding-bottom: 1rem; } section#createTicketPage #sa-form > h2 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 30px; margin: 0 0 14px 0; } section#createTicketPage div.lit-content { width: 100%; } section#createTicketPage #ss-areas { font-size: 12px; } section#createTicketPage #ss-areas div.active { display: block; } section#createTicketPage div.ss-area.full-width { padding: 10px 0 0 0; } section#createTicketPage #sa-form > h2 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 30px; margin: 0 0 14px 0; } section#createTicketPage div.ss-area p { margin-top: 4px; font-size: 16px; margin-bottom: 1rem; } section#createTicketPage div.formblock-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background: #f1f1f1; text-align: left; margin: 30px 0 0 0; padding: 1rem 1.25rem; position: relative; } section#createTicketPage div.formblock-data .center h3 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.25rem; margin: 0 auto; padding: 0 0 10px 0; } @media screen and (min-width: 48em) { section#createTicketPage div.formblock-data .center h3 { max-width: 60%; } } section#createTicketPage div.formblock-data input { width: 100%; margin: 0.25em 0; font-weight: 400; font-size: 14px; padding: 4px; } section#createTicketPage div.formblock-data .intro-copy { font-size: 14px; } section#createTicketPage div.formblock-data .data-headline { font-weight: 700; grid-area: headline; font-size: 14px; } section#createTicketPage div.formblock-data .skinny-field { margin-inline: auto; max-width: 50ch; } section#createTicketPage div.formblock-data span.one { grid-area: one; } section#createTicketPage div.formblock-data span.two { grid-area: two; } section#createTicketPage div.formblock-data span.three { grid-area: three; } section#createTicketPage div.formblock-data span.four { grid-area: four; } section#createTicketPage div.formblock-data .wrapper { display: grid; grid-template-areas: "headline" "one" "two" "three" "four"; } @media screen and (min-width: 26.5em) { section#createTicketPage div.formblock-data .wrapper { grid-gap: 0.5em; grid-template-areas: "headline headline" "one two" "three four"; } } @media screen and (min-width: 48em) { section#createTicketPage div.formblock-data .wrapper { grid-template-areas: "headline headline headline headline" "one two three four"; } } section#createTicketPage div.formblock-data hr { margin-bottom: 1rem; width: 90%; } section#createTicketPage div.formblock-half { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 30px 0 0 0; } section#createTicketPage div.formblock-half > div { width: 50%; background: #f1f1f1; text-align: left; padding: 5px 14px; position: relative; } section#createTicketPage div.formblock-half h3, section#createTicketPage div.formblock h3 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; margin: 0; padding: 0 0 10px 0; } section#createTicketPage div.formblock-half p { display: -webkit-box; display: -ms-flexbox; display: flex; } section#createTicketPage div.formblock-half > div:last-child { margin-left: 20px; } section#createTicketPage div.formblock { width: 100%; background: #f1f1f1; text-align: left; margin: 30px 0 0 0; padding: 12px 14px; position: relative; } section#createTicketPage div.formblock h3 { padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; margin: 0; } section#createTicketPage div.formblock textarea { width: 100%; height: 150px; border: 1px solid #999; padding: 4px; font-size: 14px; } section#createTicketPage span.error { margin-left: 0 !important; } section#createTicketPage span.error, section#createTicketPage #upload_error { display: block; width: 100%; margin-top: 12px; color: #c00; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-left: 180px; display: none; } section#createTicketPage div.formblock p.headline { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0; padding: 0; max-width: 100%; font-weight: 700; } section#createTicketPage #upload_file { width: 1px; height: 1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } section#createTicketPage #file_upload_label, section#createTicketPage #error-ok { margin-top: 12px; height: 36px; line-height: 36px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; padding: 0; text-align: center; width: 160px; cursor: pointer; color: #fff; background: #444445; border: 1px solid #444445; -webkit-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; position: absolute; z-index: 1; } section#createTicketPage div.formblock p.headline span { color: #166c02; } section#createTicketPage #chosen_container { margin-top: 12px; width: 100%; padding-left: 180px; position: relative; } section#createTicketPage #delete-file { position: absolute; top: 9px; right: 10px; color: #000; text-decoration: none; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; font-size: 18px; display: none; } section#createTicketPage #chosen_file { width: 100%; border: 1px solid #999; background: #fff; padding: 0 8px; font-size: 14px; text-align: left; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; } section#createTicketPage div.formblock-half p label { display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 140px; font-size: 14px; } section#createTicketPage div.formblock-half p span { width: 100%; } section#createTicketPage div.formblock-half p span input, section#createTicketPage div.formblock-half p span select { width: 100%; border: 1px solid #999; background: #fff; padding: 4px; font-size: 14px; } section#createTicketPage div.formblock-half em { font-style: normal; font-size: 12px; line-height: 1.2em; display: block; padding-top: 4px; } section#createTicketPage div.formblock-half p span input, section#createTicketPage div.formblock-half p span select { width: 100%; border: 1px solid #999; background: #fff; padding: 4px; font-size: 14px; } section#createTicketPage div.formblock-half p span select { padding: 3px 4px; } section#createTicketPage div.formblock-half div.other { margin-top: 20px; display: none; } section#createTicketPage div.formblock div.left-column { width: 50%; padding: 0 15px 0 0; display: inline-block; vertical-align: top; } section#createTicketPage div.formblock div.right-column { width: 50%; padding: 0 0 0 15px; display: inline-block; vertical-align: top; } section#createTicketPage #form-reset { float: left; margin: 20px 0 0 0; border: 1px solid #999; color: #999; padding: 0 34px; height: 38px; line-height: 38px; background: #fff; -webkit-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } section#createTicketPage #form-reset:hover, section#createTicketPage #form-reset:focus, section#createTicketPage #form-reset:active { -webkit-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; background: #999; color: #fff; } section#createTicketPage div.formblock div.left-column input, section#createTicketPage div.formblock div.right-column input { margin-top: 20px; } section#createTicketPage div.formblock input.textbox { width: 100%; border: 1px solid #999; background: #fff; padding: 4px; font-size: 14px; } section#createTicketPage div.clear { height: 0; clear: both; width: 100%; } section#createTicketPage #company_name { display: none; } section#createTicketPage .cartGreenButton { text-decoration: none !important; float: right; clear: left; color: #fff !important; text-align: center; white-space: nowrap; padding: 0 34px; height: 38px; line-height: 38px; border: 0; background: #3c961a -webkit-gradient(linear, left top, left bottom, from(#8fdc76), color-stop(#4db22a), color-stop(#3c961a), to(#3c961a)) repeat scroll 0 0; background: #3c961a -webkit-linear-gradient(#8fdc76, #4db22a, #3c961a, #3c961a) repeat scroll 0 0; background: #3c961a -o-linear-gradient(#8fdc76, #4db22a, #3c961a, #3c961a) repeat scroll 0 0; background: #3c961a linear-gradient(#8fdc76, #4db22a, #3c961a, #3c961a) repeat scroll 0 0; } section#createTicketPage #goback { margin: 30px 0 0 0; border-top: 1px solid #999; padding-top: 6px; padding-bottom: 30px; } section#createTicketPage #form_errors { position: fixed; z-index: 9999; width: 100%; max-width: 400px; top: 50%; left: 50%; text-align: center; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 700; background: #fff; padding: 20px; color: #c00; display: none; } section#createTicketPage #form_errors p { margin: 1rem auto; } section#createTicketPage #mask.overlaybox { background: #000; opacity: 0.3; z-index: 9990; } section#createTicketPage #mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; } section#createTicketPage #error-ok { position: static; } section#createTicketPage #form-submit { margin: 20px 0 0 0; position: static; } @media screen and (max-width: 1200px) { section#createTicketPage div.formblock-half { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#createTicketPage div.formblock-half > div { width: 100%; margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 30px; } section#createTicketPage div.formblock { width: 100%; background: #f1f1f1; text-align: left; margin: 30px 0 0 0; padding: 12px 14px; position: relative; } } .calibration-special-banner .page-content-banner__foreground { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content .cen-wrap { width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; text-align: left; margin-inline: auto; display: inline-block; } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content h2 { font-size: 3rem; font-size: clamp(3rem, calc(6.7vw + .8rem), 6rem); color: #4d4d4f; line-height: .8em; font-weight: 800; -webkit-transform: scaleY(1.4); -ms-transform: scaleY(1.4); transform: scaleY(1.4); letter-spacing: 0.02em; margin: 0; } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content h3 { color: #ff8318; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 4.625rem; font-size: clamp(4.625rem, calc(8.5vw + 1.2rem), 9rem); width: -webkit-min-content; width: -moz-min-content; width: min-content; margin: .15em auto .1em .06em; position: relative; line-height: .8em; text-shadow: -0.0125em 0.0125em 0.0125em rgba(0, 0, 0, 0.3); -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content h3::before { font-family: 'Open Sans', sans-serif; content: '$'; position: absolute; font-weight: 700; top: .25em; left: -.9ch; font-size: .25em; line-height: 1em; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3); } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content h3 span.tagline { color: #ff8318; font-family: 'Dancing Script', sans-serif; font-weight: 700; width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; margin: -.5em auto 0; padding-left: .01em; top: .3em; font-size: 2rem; font-size: clamp(3.1rem, calc(.7rem + 8vw), 6.5rem); -webkit-transform: rotate(344deg); -ms-transform: rotate(344deg); transform: rotate(344deg); position: absolute; } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content ul { text-align: left; margin: 1rem auto 0; } @media screen and (min-width: 620px) { .calibration-special-banner .page-content-banner__foreground .page-content-banner__content ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .calibration-special-banner .page-content-banner__foreground .page-content-banner__content ul li { margin-left: 1.5rem; max-width: 25ch; color: #4d4d4f; } .calibration-special-banner.mobile .page-content-banner__foreground .page-content-banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } section#careerPage { width: 100%; max-width: 800px; margin: 60px auto; } section#careerPage h1 { margin-bottom: 0; } section#careerPage h3 { padding-bottom: .25rem; } section#careerPage ul { margin-left: 1.2rem; } section#careerPage p, section#careerPage ul { margin-bottom: 1.2rem; } section#calibrationPage, section#accessoriesPage, section#privacyPage { position: relative; } section#calibrationPage #shipping-form-trigger-redirect, section#accessoriesPage #shipping-form-trigger-redirect, section#privacyPage #shipping-form-trigger-redirect { width: 200px; margin: auto; background: #ffc404; display: block; color: white; padding: 0.5rem; text-align: center; font-weight: bold; } section#calibrationPage .text-bold, section#accessoriesPage .text-bold, section#privacyPage .text-bold { font-weight: bold; } section#calibrationPage > img, section#accessoriesPage > img, section#privacyPage > img { width: 100%; } section#calibrationPage > a > img, section#accessoriesPage > a > img, section#privacyPage > a > img { width: 100%; } section#calibrationPage .calibration-desc, section#accessoriesPage .calibration-desc, section#privacyPage .calibration-desc { padding-block: 2rem; } @media screen and (min-width: 48em) { section#calibrationPage .calibration-desc, section#accessoriesPage .calibration-desc, section#privacyPage .calibration-desc { padding-block: 3rem; } } @media screen and (min-width: 75em) { section#calibrationPage .calibration-desc, section#accessoriesPage .calibration-desc, section#privacyPage .calibration-desc { padding-block: 4rem; } } section#calibrationPage .calibration-desc.border-bottom, section#accessoriesPage .calibration-desc.border-bottom, section#privacyPage .calibration-desc.border-bottom { border-bottom: 1px solid #ccc; margin-bottom: 2rem; } @media screen and (min-width: 48em) { section#calibrationPage .calibration-desc.border-bottom, section#accessoriesPage .calibration-desc.border-bottom, section#privacyPage .calibration-desc.border-bottom { margin-bottom: 3rem; } } @media screen and (min-width: 75em) { section#calibrationPage .calibration-desc.border-bottom, section#accessoriesPage .calibration-desc.border-bottom, section#privacyPage .calibration-desc.border-bottom { margin-bottom: 4rem; } } section#calibrationPage .calibration-desc.no-padding, section#accessoriesPage .calibration-desc.no-padding, section#privacyPage .calibration-desc.no-padding { padding-block: 0; padding: 0; } section#calibrationPage div.bannerImg, section#accessoriesPage div.bannerImg, section#privacyPage div.bannerImg { width: 100%; background-image: url("../images/calibrationsAndRepairs/bannerimg.png"); background-size: cover; background-position: center center; padding: 4rem; color: white; font-weight: 700; font-size: 75px; } @media only screen and (max-width: 960px) { section#calibrationPage div.bannerImg, section#accessoriesPage div.bannerImg, section#privacyPage div.bannerImg { font-size: 3rem; line-height: 50px; } } @media only screen and (max-width: 768px) { section#calibrationPage div.bannerImg, section#accessoriesPage div.bannerImg, section#privacyPage div.bannerImg { font-size: 30px; } } section#accessoriesPage .content-banner .content h1 { font-weight: 600; font-size: 2rem; font-size: clamp(2rem, 5vw, 4.5rem); text-transform: uppercase; margin: 0; padding: 0; line-height: 1em; color: var(--orangeColor); letter-spacing: .05em; } section#accessoriesPage .content-banner .content h1 span { letter-spacing: normal; font-size: 1.25rem; font-size: clamp(1.25rem, 3vw, 2.5rem); line-height: 1.2em; display: block; color: var(--headerDarkGray); text-transform: none; font-weight: 100; } section#accessoriesPage div.containGrey { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; max-width: none; } section#accessoriesPage p.accessories-text { text-align: center; max-width: 800px; margin-inline: auto; padding-inline: 1rem; font-size: 1rem; font-size: clamp(1rem, 2vw, 1.5rem); } @media screen and (max-width: 620px) { section#accessoriesPage p.accessories-text { text-align: left; } } section#privacyPage h1 { margin-top: 25px; } section#privacyPage p { text-align: left; font-size: 18px; padding-bottom: 20px; } section#privacyPage h2, section#privacyPage ul, section#privacyPage p { max-width: 1000px; margin-right: auto; margin-left: auto; } section#privacyPage li { margin-left: 1.5rem; margin-bottom: .5rem; } .leakTestbannerImg { width: 100%; background-image: url("../images/calibrationsAndRepairs/LeakTEST-2.png"); background-size: cover; background-position: center center; padding: 4rem; color: gray; font-weight: 700; font-size: 75px; } @media only screen and (max-width: 960px) { .leakTestbannerImg { font-size: 3rem; line-height: 50px; } } @media only screen and (max-width: 768px) { .leakTestbannerImg { font-size: 30px; padding-bottom: 2rem; } } .leakImg { background-image: url("/assets/images/calibrationsAndRepairs/Leak-TEST-revised.png"); background-size: 650px; background-repeat: no-repeat; background-position: top right; } @media screen and (max-width: 1100px) { .leakImg { background-image: none; } } .calibration-more-desc { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1200px) { .calibration-more-desc { padding-top: 0 !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 1200px) { .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .calibration-more-desc div:nth-of-type(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (max-width: 1200px) { .calibration-more-desc div:nth-of-type(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 768px) { .calibration-more-desc { padding: 1rem 0; } } .calibration-more-desc h2 { font-size: 90px; font-weight: 800 !important; text-align: center; padding-bottom: 5rem; line-height: 90px; color: rgba(65, 65, 65, 0.5); } @media only screen and (max-width: 1400px) { .calibration-more-desc h2 { line-height: 90px; } } @media only screen and (max-width: 960px) { .calibration-more-desc h2 { font-size: 3rem; line-height: 50px; } } @media only screen and (max-width: 768px) { .calibration-more-desc h2 { font-size: 30px; color: #4d4e50; } } .calibration-more-desc .calibration-more-desc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1200px) { .calibration-more-desc .calibration-more-desc-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .calibration-more-desc .calibration-more-desc-flex .arrowPurchase { width: 232.5px; margin-right: auto; display: block; margin-top: 1rem; margin-bottom: 2rem; } .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(1) { max-width: 670px; margin-right: 0; } @media screen and (max-width: 1200px) { .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(1) { margin-left: auto; margin-right: auto; } .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(1) img:not(.arrowPurchase) { display: block; margin: 0 auto; width: 100%; } } @media screen and (max-width: 1200px) and (max-width: 1200px) { .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(1) img:not(.arrowPurchase) { max-width: 400px; } } .calibration-more-desc .calibration-more-desc-flex .more-desc-img { width: 75%; } .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(2) { margin-left: 4rem; max-width: 620px; } @media screen and (max-width: 1200px) { .calibration-more-desc .calibration-more-desc-flex > div:nth-of-type(2) { margin-left: auto; margin-right: auto; } } .calibration-more-desc .calibration-more-desc-flex #arrow { width: 138px; } .calibration-more-desc .calibration-more-desc-flex li { margin-left: 1rem; margin-top: 1rem; } @media screen and (max-width: 1200px) { .calibration-more-desc .calibration-more-desc-flex li { margin-left: 1rem; list-style-type: initial; } } .arrow { width: 138px !important; margin-right: auto; display: block; margin-top: 1rem; margin-bottom: 2rem; } .yellow-gradient-bg { background: #fff563; background: -webkit-gradient(linear, left top, left bottom, from(#fff563), to(white)); background: -webkit-linear-gradient(top, #fff563 0%, white 100%); background: -o-linear-gradient(top, #fff563 0%, white 100%); background: linear-gradient(180deg, #fff563 0%, white 100%); } hr { width: 70%; margin: auto; border: 1px solid #e7e7e7; } div.containGrey { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; max-width: 300px; margin-right: auto; margin-left: auto; font-size: 24px; margin-top: 25px; } div.containGrey div.greyImg { max-width: 70px; } div.containGrey div.containGrey_text { padding: 10px 0; } div.containGrey a { text-decoration: none; } div.containGrey p { color: #3d4d5d; font-size: 18px; font-style: italic; } div.containShip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; max-width: 500px; font-size: 24px; margin-top: 25px; margin-bottom: 50px; } div.containShip div.shipImg { max-width: 70px; } div.containShip div.containShip_text { padding: 7px 0; } div.containShip div.containShipContact_text { padding: 0; } div.containShip a { text-decoration: none; } div.containShip p { color: #3d4d5d; font-size: 18px; font-style: italic; } div.containShip p .margTop { margin-top: 5px; } section#rentals { background: url("/assets/images/calibrationsAndRepairs/NUKE_Rental.png"); background-position: left; background-size: cover; background-repeat: no-repeat; } section#rentals div#rentals-content { padding: 5rem 0; max-width: 720px; margin-left: auto; } section#rentals div#rentals-content h3 { font-size: 42px; color: #ffffff; } section#rentals div#rentals-content p.body-copy { font-size: 17px; line-height: 24px; margin-bottom: 1rem; color: #ffffff; } section#rentals div#rentals-content a { color: #ffffff; text-decoration: none; } .klaro{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro button{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro.cm-as-context-notice{height:100%;padding-bottom:12px;padding-top:12px}.klaro .cookie-modal .cm-switch-container,.klaro .context-notice .cm-switch-container,.klaro .cookie-notice .cm-switch-container{border-bottom-style:solid;border-bottom-style:var(--border-style, solid);border-bottom-width:1px;border-bottom-width:var(--border-width, 1px);border-bottom-color:#c8c8c8;border-bottom-color:var(--light2, #c8c8c8);display:block;position:relative;padding:10px;padding-left:66px;line-height:20px;vertical-align:middle;min-height:40px}.klaro .cookie-modal .cm-switch-container:last-child,.klaro .context-notice .cm-switch-container:last-child,.klaro .cookie-notice .cm-switch-container:last-child{border-bottom:0}.klaro .cookie-modal .cm-switch-container:first-child,.klaro .context-notice .cm-switch-container:first-child,.klaro .cookie-notice .cm-switch-container:first-child{margin-top:0}.klaro .cookie-modal .cm-switch-container p,.klaro .context-notice .cm-switch-container p,.klaro .cookie-notice .cm-switch-container p{margin-top:0}.klaro .cookie-modal .cm-switch,.klaro .context-notice .cm-switch,.klaro .cookie-notice .cm-switch{position:relative;display:inline-block;width:50px;height:30px}.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider{background-color:#1a936f;background-color:var(--green1, #1a936f)}.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider{background-color:#1a936f;background-color:var(--green1, #1a936f);opacity:.6}.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before{-ms-transform:translateX(10px);transform:translateX(10px)}.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider{background-color:#24cc9a;background-color:var(--green2, #24cc9a);opacity:.8}.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before{-ms-transform:translateX(10px);transform:translateX(10px)}.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider{background-color:#24cc9a;background-color:var(--green2, #24cc9a);opacity:.8;cursor:not-allowed}.klaro .cookie-modal .slider,.klaro .context-notice .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal .cm-list-input,.klaro .context-notice .cm-list-input,.klaro .cookie-notice .cm-list-input{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}.klaro .cookie-modal .cm-list-title,.klaro .context-notice .cm-list-title,.klaro .cookie-notice .cm-list-title{font-size:.9em;font-weight:600}.klaro .cookie-modal .cm-list-description,.klaro .context-notice .cm-list-description,.klaro .cookie-notice .cm-list-description{color:#7c7c7c;color:var(--dark3, #7c7c7c);font-size:.9em;padding-top:4px}.klaro .cookie-modal .cm-list-label .cm-switch,.klaro .context-notice .cm-list-label .cm-switch,.klaro .cookie-notice .cm-list-label .cm-switch{position:absolute;left:0}.klaro .cookie-modal .cm-list-label .slider,.klaro .context-notice .cm-list-label .slider,.klaro .cookie-notice .cm-list-label .slider{background-color:#f2f2f2;background-color:var(--white2, #f2f2f2);position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;width:50px;display:inline-block}.klaro .cookie-modal .cm-list-label .slider::before,.klaro .context-notice .cm-list-label .slider::before,.klaro .cookie-notice .cm-list-label .slider::before{background-color:#e6e6e6;background-color:var(--white3, #e6e6e6);position:absolute;content:"";height:20px;width:20px;left:5px;bottom:5px;transition:.4s}.klaro .cookie-modal .cm-list-label .slider.round,.klaro .context-notice .cm-list-label .slider.round,.klaro .cookie-notice .cm-list-label .slider.round{border-radius:30px}.klaro .cookie-modal .cm-list-label .slider.round::before,.klaro .context-notice .cm-list-label .slider.round::before,.klaro .cookie-notice .cm-list-label .slider.round::before{border-radius:50%}.klaro .cookie-modal .cm-list-label input:focus+.slider,.klaro .context-notice .cm-list-label input:focus+.slider,.klaro .cookie-notice .cm-list-label input:focus+.slider{box-shadow-color:#48dfb2;box-shadow-color:var(--green3, #48dfb2);box-shadow:0 0 1px var(--box-shadow-color, green3)}.klaro .cookie-modal .cm-list-label input:checked+.slider::before,.klaro .context-notice .cm-list-label input:checked+.slider::before,.klaro .cookie-notice .cm-list-label input:checked+.slider::before{-ms-transform:translateX(20px);transform:translateX(20px)}.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,.klaro .context-notice .cm-list-input:focus+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider{box-shadow:0 4px 6px 0 rgba(125,125,125,.2),5px 5px 10px 0 rgba(125,125,125,.19)}.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before{-ms-transform:translateX(20px);transform:translateX(20px)}.klaro .cookie-modal .slider,.klaro .context-notice .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal a,.klaro .context-notice a,.klaro .cookie-notice a{color:#1a936f;color:var(--green1, #1a936f);text-decoration:none}.klaro .cookie-modal p,.klaro .cookie-modal strong,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .context-notice p,.klaro .context-notice strong,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice ul,.klaro .context-notice li,.klaro .cookie-notice p,.klaro .cookie-notice strong,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{color:#fafafa;color:var(--light1, #fafafa)}.klaro .cookie-modal p,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .context-notice p,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice ul,.klaro .context-notice li,.klaro .cookie-notice p,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{display:block;text-align:left;margin:0;padding:0;margin-top:.7em}.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal h3,.klaro .cookie-modal h4,.klaro .cookie-modal h5,.klaro .cookie-modal h6,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice h3,.klaro .context-notice h4,.klaro .context-notice h5,.klaro .context-notice h6,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice h3,.klaro .cookie-notice h4,.klaro .cookie-notice h5,.klaro .cookie-notice h6{font-family:inherit;font-family:var(--title-font-family, inherit)}.klaro .cookie-modal .cm-link,.klaro .context-notice .cm-link,.klaro .cookie-notice .cm-link{margin-right:.5em;vertical-align:middle}.klaro .cookie-modal .cm-btn,.klaro .context-notice .cm-btn,.klaro .cookie-notice .cm-btn{color:#fff;color:var(--button-text-color, #fff);background-color:#5c5c5c;background-color:var(--dark2, #5c5c5c);border-radius:4px;border-radius:var(--border-radius, 4px);padding:6px 10px;margin-right:.5em;border-style:none;padding:.4em;font-size:1em;cursor:pointer}.klaro .cookie-modal .cm-btn:disabled,.klaro .context-notice .cm-btn:disabled,.klaro .cookie-notice .cm-btn:disabled{opacity:.5}.klaro .cookie-modal .cm-btn.cm-btn-close,.klaro .context-notice .cm-btn.cm-btn-close,.klaro .cookie-notice .cm-btn.cm-btn-close{background-color:#c8c8c8;background-color:var(--light2, #c8c8c8)}.klaro .cookie-modal .cm-btn.cm-btn-success,.klaro .context-notice .cm-btn.cm-btn-success,.klaro .cookie-notice .cm-btn.cm-btn-success{background-color:#1a936f;background-color:var(--green1, #1a936f)}.klaro .cookie-modal .cm-btn.cm-btn-success-var,.klaro .context-notice .cm-btn.cm-btn-success-var,.klaro .cookie-notice .cm-btn.cm-btn-success-var{background-color:#24cc9a;background-color:var(--green2, #24cc9a)}.klaro .cookie-modal .cm-btn.cm-btn-info,.klaro .context-notice .cm-btn.cm-btn-info,.klaro .cookie-notice .cm-btn.cm-btn-info{background-color:#2581c4;background-color:var(--blue1, #2581c4)}.klaro .context-notice{border-radius:4px;border-radius:var(--border-radius, 4px);border-style:solid;border-style:var(--border-style, solid);border-width:1px;border-width:var(--border-width, 1px);border-color:#c8c8c8;border-color:var(--light2, #c8c8c8);background-color:#fafafa;background-color:var(--light1, #fafafa);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;padding:12px;height:100%}.klaro .context-notice.cm-dark{background-color:#333;background-color:var(--dark1, #333);border-color:#5c5c5c;border-color:var(--dark2, #5c5c5c)}.klaro .context-notice.cm-dark p{color:#fafafa;color:var(--light1, #fafafa)}.klaro .context-notice.cm-dark p a{color:#459cdc;color:var(--blue2, #459cdc)}.klaro .context-notice p{color:#333;color:var(--dark1, #333);flex-grow:0;text-align:center;padding-top:0;margin-top:0}.klaro .context-notice p a{color:#24cc9a;color:var(--green2, #24cc9a)}.klaro .context-notice p.cm-buttons{margin-top:12px}.klaro .context-notice p.ccn-description-empty-store{margin-top:24px;font-size:14px;font-size:var(--font-size, 14px)}.klaro .cookie-modal{width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:1000}.klaro .cookie-modal.cm-embedded{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0}.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro{position:relative;-ms-transform:none;transform:none}.klaro .cookie-modal .cm-bg{background:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;left:0}.klaro .cookie-modal .cm-modal.cm-klaro{background-color:#333;background-color:var(--dark1, #333);color:#fafafa;color:var(--light1, #fafafa);z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);position:fixed;overflow:auto}@media(min-width: 660px){.klaro .cookie-modal .cm-modal.cm-klaro{border-radius:4px;border-radius:var(--border-radius, 4px);position:relative;margin:0 auto;max-width:640px;height:auto;width:auto}}.klaro .cookie-modal .cm-modal .hide{border-style:none;background:none;cursor:pointer;position:absolute;top:20px;right:20px;z-index:1}.klaro .cookie-modal .cm-modal .hide svg{stroke:#fafafa;stroke:var(--light1, #fafafa)}.klaro .cookie-modal .cm-modal .cm-footer{border-top-color:#5c5c5c;border-top-color:var(--dark2, #5c5c5c);border-top-width:1px;border-top-width:var(--border-width, 1px);border-top-style:solid;border-top-style:var(--border-style, solid);padding:1em}.klaro .cookie-modal .cm-modal .cm-footer-buttons{display:flex;flex-flow:row;justify-content:space-between}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by{font-size:.8em;padding-top:4px;text-align:right;padding-right:8px}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a{color:#5c5c5c;color:var(--dark2, #5c5c5c)}.klaro .cookie-modal .cm-modal .cm-header{border-bottom-width:1px;border-bottom-width:var(--border-width, 1px);border-bottom-style:solid;border-bottom-style:var(--border-style, solid);border-bottom-color:#5c5c5c;border-bottom-color:var(--dark2, #5c5c5c);padding:1em;padding-right:24px}.klaro .cookie-modal .cm-modal .cm-header h1{margin:0;font-size:2em;display:block}.klaro .cookie-modal .cm-modal .cm-header h1.title{padding-right:20px}.klaro .cookie-modal .cm-modal .cm-body{padding:1em}.klaro .cookie-modal .cm-modal .cm-body ul{display:block}.klaro .cookie-modal .cm-modal .cm-body span{display:inline-block;width:auto}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes{padding:0;margin:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret{color:#a0a0a0;color:var(--light3, #a0a0a0)}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content{margin-left:-40px;display:none}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded{margin-top:10px;display:block}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose{position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes{color:#a0a0a0;color:var(--light3, #a0a0a0);font-size:.8em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all{border-top-width:1px;border-top-width:var(--border-width, 1px);border-top-style:solid;border-top-style:var(--border-style, solid);border-top-color:#5c5c5c;border-top-color:var(--dark2, #5c5c5c);padding-top:1em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title{font-weight:600}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required{color:#5c5c5c;color:var(--dark2, #5c5c5c);padding-left:.2em;font-size:.8em}.klaro .cookie-notice:not(.cookie-modal-notice){background-color:#333;background-color:var(--dark1, #333);z-index:999;position:fixed;width:100%;bottom:0;right:0}@media(min-width: 1024px){.klaro .cookie-notice:not(.cookie-modal-notice){border-radius:4px;border-radius:var(--border-radius, 4px);position:fixed;position:var(--notice-position, fixed);right:20px;right:var(--notice-right, 20px);left:auto;left:var(--notice-left, auto);bottom:20px;bottom:var(--notice-bottom, 20px);top:auto;top:var(--notice-top, auto);max-width:400px;max-width:var(--notice-max-width, 400px);box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}}@media(max-width: 1023px){.klaro .cookie-notice:not(.cookie-modal-notice){border-style:none;border-radius:0}}.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0}.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body{padding-top:.5em}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p{margin-bottom:.5em}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes{text-decoration:underline}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more{display:inline-block;flex-grow:1}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{display:inline-block;margin-top:-0.5em}@media(max-width: 384px){.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{width:100%}}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn{margin-top:.5em}@media(max-width: 384px){.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn{width:calc(50% - 0.5em)}}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok{margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:baseline}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div{margin-top:.5em}.klaro .cookie-modal-notice{background-color:#333;background-color:var(--dark1, #333);color:#fafafa;color:var(--light1, #fafafa);z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);position:fixed;overflow:auto;padding:1em;padding-top:.2em}@media(min-width: 400px){.klaro .cookie-modal-notice{border-radius:4px;border-radius:var(--border-radius, 4px);position:relative;margin:0 auto;max-width:400px;height:auto;width:auto}}.klaro .cookie-modal-notice .cn-ok{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em}.klaro .cookie-notice-hidden{display:none !important} #klaro, #cookie-preferences { --clr-accent: hsl(0, 100%, 41%); --clr-accent-light: hsl(0, 100%, 46%); --clr-accent-dark: hsl(0, 100%, 36%); --fw-normal: 400; --fw-semi-bold: 600; font-family: var(--ff-open-sans, "Open Sans"), Arial, sans-serif; } #klaro { --dark1: #252525; --dark2: #454545; --dark3: #ddd; --light1: #fff; --green1: var(--clr-accent); --green2: var(--clr-accent-light); --blue1: var(--clr-accent); --white2: #888; --white3: #fff; --font-family: var(--ff-open-sans, "Open Sans"), Arial, sans-serif; font-size: 1rem; line-height: 1.5; } #klaro .site-button { --clr-bg: var(--clr-accent); --clr-bg-hover: var(--clr-accent-light); --clr-bg-active: var(--clr-accent-dark); --clr-text: white; --clr-text-hover: white; --clr-text-active: white; --clr-border: var(--clr-bg); --clr-border-hover: var(--clr-bg-hover); --clr-border-active: var(--clr-bg-active); --fw: var(--fw-normal); --padding: .6875em 1.125em; --border-radius: .25rem; --display: inline-block; } #klaro .site-button.fab { --padding: 0; --border-radius: 50%; --display: grid; place-content: center; width: 2em; height: 2em; font-size: .875em; } #klaro .site-button.white-orange { --clr-bg: white; --clr-bg-hover: #E48D1B; --clr-bg-active: #E48D1B; --clr-text: #E48D1B; --clr-text-hover: white; --clr-text-active: white; } #klaro .site-button.orange { --clr-bg: #e48d1a; --clr-bg-hover: #e48d1a; --clr-bg-active: #e48d1a; --clr-text: white; --clr-text-hover: white; --clr-text-active: white; } #klaro .site-button.black { --clr-bg: black; --clr-bg-hover: #474747; --clr-bg-active: #474747; --clr-text: white; --clr-text-hover: white; --clr-text-active: white; } #klaro .site-button.blue { --clr-bg: #0056af; --clr-bg-hover: #0a6ed5; --clr-bg-active: #004285; --clr-text: white; --clr-text-hover: white; --clr-text-active: white; } #klaro .site-button.disabled { --clr-text: #e7e7e7; --clr-bg: #676767; -webkit-transition: none; -o-transition: none; transition: none; cursor: default; } #klaro .site-button.semibold { --fw: var(--fw-semi-bold); } #klaro .site-button.bold { --fw: var(--fw-bold); } #klaro .site-button.extrabold { --fw: var(--fw-extra-bold); } #klaro .site-button.low-profile { --padding: .25em .5em; } #klaro .site-button.medium-profile { --padding: .375em .75em; } #klaro .site-button.no-padding { --padding: 0; } #klaro .site-button { display: var(--display); padding: var(--padding); text-decoration: none; line-height: 1em; font-size: 1rem; font-weight: var(--fw); text-align: center; white-space: nowrap; border-radius: var(--border-radius); border: 1px solid var(--clr-border); color: var(--clr-text); background-color: var(--clr-bg); -webkit-transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; -o-transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; } #klaro .site-button:hover { background-color: var(--clr-bg-hover); border-color: var(--clr-border-hover); color: var(--clr-text-hover); text-decoration: none; } #klaro .site-button:active { background-color: var(--clr-bg-active); border-color: var(--clr-border-active); color: var(--clr-text-active); text-decoration: none; } #klaro .site-button.outline { background-color: var(--clr-text); border-color: var(--clr-bg); color: var(--clr-bg); } #klaro .site-button.outline:hover { background-color: var(--clr-bg-hover); border-color: var(--clr-bg-hover); color: var(--clr-text-hover); } #klaro .site-button.outline:active { background-color: var(--clr-bg-active); border-color: var(--clr-bg-active); color: var(--clr-text-active); } #klaro .site-button:focus-visible { outline-offset: 2px; outline: var(--clr-bg) solid 1px; } #klaro, #klaro * { -webkit-box-sizing: border-box; box-sizing: border-box; } #klaro button, #klaro a { font-family: inherit; } #klaro p, #klaro li { line-height: 1.5; } #klaro a:not(.site-button) { color: #fff; text-decoration: underline; } #klaro .cookie-notice:not(.cookie-modal-notice) { left: 0; right: 0; bottom: 0; width: auto; max-width: none; border-radius: 0; border-top: 0.25rem solid var(--clr-accent); z-index: 100001; } #klaro .cookie-notice:not(.cookie-modal-notice) .cn-body { max-width: 90rem; margin: auto; padding: 1rem; } #klaro .cookie-notice:not(.cookie-modal-notice) .cn-body > p { margin: 0 0 1rem; max-width: 90ch; } #klaro .cookie-title, #klaro .cm-header .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; font-size: 1.5rem; font-weight: 700; } #klaro .cookie-title svg, #klaro .cm-header .title svg { width: 1.5rem; height: 1.5rem; fill: currentColor; -webkit-box-flex: 0; -ms-flex: none; flex: none; } #klaro .cn-ok, #klaro .cn-buttons, #klaro .cm-footer-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: .75rem; margin: 0; } #klaro .cookie-notice .cn-ok { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #klaro .cookie-notice .cn-buttons { width: auto; margin-left: auto; gap: 1.5rem; } #klaro .cookie-notice .cn-learn-more, #klaro .cookie-notice .cn-decline { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; gap: .35em; width: auto; margin: 0; padding: .5rem 0; border: 0; border-radius: 0; background: none; color: #fff; font: inherit; text-decoration: underline; cursor: pointer; } #klaro .cookie-notice .cn-learn-more:hover, #klaro .cookie-notice .cn-learn-more:focus, #klaro .cookie-notice .cn-decline:hover, #klaro .cookie-notice .cn-decline:focus { color: #fff; text-decoration: underline; } #klaro .cookie-notice .cn-learn-more:focus-visible, #klaro .cookie-notice .cn-decline:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } #klaro .cookie-notice .cn-decline { color: #ccc; font-size: .875rem; } #klaro .cookie-notice .consent-gear { width: 1em; height: 1em; -webkit-box-flex: 0; -ms-flex: none; flex: none; } #klaro .cookie-modal .cm-modal .cm-body .cm-required { color: #ccc; } #klaro .site-button { margin: 0; white-space: normal; line-height: 1.25; } #klaro .cookie-modal { z-index: 100002; } #klaro .cookie-modal .cm-modal { max-height: 90vh; max-height: 90dvh; overflow-y: auto; } #klaro .cookie-modal .cm-modal .cm-header { padding-right: 3rem; } #klaro .cookie-modal .cm-modal .cm-body { max-height: none; } #klaro .cm-list-description { color: #ddd; } #klaro .cm-list-input:focus-visible + .cm-list-label .slider { outline: 2px solid #fff; outline-offset: 2px; } #klaro .cookie-modal .cm-modal .hide { color: #fff; } #cookie-preferences { position: fixed; bottom: 1rem; left: 1rem; z-index: 100000; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: .625rem; border: 2px solid #fff; border-radius: 50%; background: var(--clr-accent); color: #fff; cursor: pointer; -webkit-box-shadow: 0 2px 8px #0004; box-shadow: 0 2px 8px #0004; } #cookie-preferences svg { width: 100%; height: 100%; fill: currentColor; } #cookie-preferences:hover { background: var(--clr-accent-dark); } #cookie-preferences:focus-visible { outline: 2px solid #111; outline-offset: 2px; } .consent-video-placeholder { --consent-icon-size: 32px; display: grid; grid-template-columns: var(--consent-icon-size) minmax(0, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 1rem; border-radius: .25rem; text-align: left; background: #c00; color: #fff; line-height: 1.5; } .consent-video-placeholder .consent-video-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: var(--consent-icon-size); height: var(--consent-icon-size); font-size: calc(var(--consent-icon-size) * .875); line-height: 1; } .consent-video-placeholder p { margin: 0 0 .75rem; } .consent-video-placeholder .consent-video-heading { margin: 0 0 .5rem; font-size: 1.25em; font-weight: 700; line-height: 1.3; } .consent-video-placeholder .consent-video-body { font-weight: 600; } .consent-video-placeholder .consent-video-actions { margin-bottom: 0; } .consent-video-placeholder .consent-video-actions a { color: #fff; font-weight: 700; text-decoration: underline; } .consent-video-placeholder .consent-video-actions a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .consent-video-placeholder button { padding: .5rem .75rem; border: 1px solid #fff; border-radius: .25rem; background: #fff; color: #c00; font: inherit; font-weight: 600; cursor: pointer; } .consent-video-placeholder button:hover { background: #f2f2f2; } .consent-video-placeholder button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } @media screen and (min-width: 640px) { .consent-video-placeholder { --consent-icon-size: 48px; padding: 1.5rem; } } @media screen and (min-width: 960px) { .consent-video-placeholder { --consent-icon-size: 64px; gap: 1.5rem; } } .consent-video-placeholder[hidden] { display: none; } @media print { #klaro, #cookie-preferences { display: none !important; } } #training-video .embed-container[hidden] { display: none; } #course-video-error[hidden] { display: none; } footer .copyright [data-consent-open] { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }