@charset "UTF-8"; /* Functions SCSS */ /** Convert a pixel value to the rem (relative font size to the font-size) value **/ /** Convert a pixel value to the em value (relative to the parent container's font-size) **/ /** Browser Hacks */ /** Fluid Type SCSS // example: https://codepen.io/vinsongrant/pen/EpVEyy // usage : @include fluid-type($small-min-bp, 1500px, 25px, 65px); **/ /** Clear children **/ /** Center element with transforms **/ /** Form Placeholder **/ /** Media Queries **/ /* Box Shadows SCSS */ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video, picture { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: .67em 0; } h2 { font-size: 1.5em; margin: .83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: .83em; margin: 1.67em 0; } h6 { font-size: .67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } video { display: block; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider * { max-width: none; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; padding: 0 0.625rem; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } button.slick-arrow { position: absolute; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px; padding: 0; width: 2em; height: 2em; overflow: hidden; background: #FFDD00; } button.slick-arrow.transparent { background: rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } button.slick-arrow.transparent .black-arrow { display: none; } button.slick-arrow.transparent img { width: 2rem; height: 100%; } button.slick-arrow.transparent:hover { background: white; } button.slick-arrow.transparent:hover .black-arrow { display: inline-block; } button.slick-arrow.transparent:hover .white-arrow { display: none; } button.slick-arrow img { width: 100%; height: 100%; } button.next-arrow.slick-arrow { -webkit-transform: rotate(-180deg) translateY(-50%) !important; -ms-transform: rotate(-180deg) translateY(-50%) !important; transform: rotate(-180deg) translateY(-50%) !important; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } button.next-arrow.slick-arrow { right: 0; } button.next-arrow.slick-arrow.transparent { right: 1.5%; } button.prev-arrow.slick-arrow.transparent { left: 1.5%; } /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.12 - http://noelboss.github.io/featherlight/ * * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { left: -1000000%; height: 0; width: 0; overflow: hidden; /* dimensions: spanning the background from edge to edge */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000000; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0.5); } .featherlight .wrapper { width: auto; } .featherlight h1 { font-size: 2em; margin: 0.5em 0; text-align: center; } .featherlight h2 { font-size: 1.25em; } .featherlight form.custom label { margin: 1em 0 0.5em; } .featherlight.open { left: 0; width: unset; height: unset; overflow: unset; } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 45px 25px 0; border-bottom: 25px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000; border: none; padding: 0; font-size: 2em; top: 0.5em; right: 0.5em; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ /* hide non featherlight items when printing */ /** GALLERY **/ /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.12 - http://noelboss.github.io/featherlight/ * * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0, 0, 0, 0); } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, 0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none; } /* Hide navigation while loading */ .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display: none; } /* Hide navigation in case of single image */ .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-first-slide.featherlight-last-slide .featherlight-next { display: none; } /* Always display arrows on touch devices */ /* handling phones and small screens */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10000002; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10000003; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-content img { min-width: 900px; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @-webkit-keyframes dropdown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate(-50%, -3em); transform: translate(-50%, -3em); } 60% { opacity: 1; -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 20px); } 75% { -webkit-transform: translate(-50%, -5px); transform: translate(-50%, -5px); } 90% { -webkit-transform: translate(-50%, 2.5px); transform: translate(-50%, 2.5px); } to { -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } } @keyframes dropdown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate(-50%, -3em); transform: translate(-50%, -3em); } 60% { opacity: 1; -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 20px); } 75% { -webkit-transform: translate(-50%, -5px); transform: translate(-50%, -5px); } 90% { -webkit-transform: translate(-50%, 2.5px); transform: translate(-50%, 2.5px); } to { -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } } @-webkit-keyframes blink { 50% { opacity: 0; } } @keyframes blink { 50% { opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .no-margin { margin: 0 !important; } .mobile-only { display: initial !important; } .mobile-only.block { display: block !important; } .mobile-only.inline-block { display: inline-block !important; } .non-mobile { display: none !important; } .non-mobile.block, .homepage .slide p, .homepage .slides-nav { display: none !important; } .non-mobile.inline-block { display: none !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .clearfix:after { content: ''; display: table; clear: both; } .has-text-bold { font-weight: bold; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } * { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; height: auto; width: 100%; margin: 0; padding: 0; top: 0 !important; } html { overflow: visible !important; } body { overflow-x: hidden; font: 400 14px "Titillium Web", serif !important; -webkit-font-feature-settings: 'lnum' 1; -moz-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; } body.loading * { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } body.home { overflow: hidden !important; } body.fixed { overflow-x: hidden !important; overflow-y: hidden !important; /* CSS specific to iOS devices */ } @supports (-webkit-overflow-scrolling: touch) { body.fixed { position: fixed !important; } } #height-filler { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; min-height: 100vh; } #height-filler #page-content { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #height-filler > footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #page-content { position: relative; } .pb_btn_tech { display: inline; padding-bottom: 10px; padding-right: 10px; } /* Application PDF Styles */ #printPDF .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px !important; } #printPDF .item > div { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.5em; text-align: right; } .wrapper { position: relative; width: 1400px; max-width: 90%; margin: 0 auto; } .wrapper > .wrapper { width: 100%; max-width: 100%; } .wrapper.large { width: 1650px; } .modified-wrapper { position: relative; width: 1400px; max-width: 90%; margin: 0 auto; } .modified-wrapper > .modified-wrapper { width: 100%; max-width: 85%; } .modified-wrapper.large { width: 1650px; } [v-cloak] { opacity: 0; } .spacer { height: 2.5em; } hr { height: 1px; border: 0; background: #E8E8E8; } hr.large { height: 2px; background: #9E9E9E; margin: 1em auto; } .video-wrapper { position: relative; padding-top: 56.25%; margin: 4em auto; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img[src*="square.jpg"] { max-height: 200px; } [data-slot] .grid img { height: auto !important; } /* Disabled Label State */ a.ui.label.disabled:hover { cursor: default; color: inherit; } .ui.dimmer.modals { z-index: 9999999 !important; } .promo.link { cursor: pointer; } .pagination .item.disabled { pointer-events: none; opacity: 0.5; } .input-group-go-to-page { margin-top: 0.8em; } .input-group-go-to-page input.go-to-page-input { padding: 0.4em 0 !important; border: 1px solid gray; width: 70px; } .ui.label.hide { display: none; } .speedbump-popup { text-align: center; } .speedbump-popup .logo { margin-bottom: 1em; } .careers .cke { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } body input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; } [class*="icon-"] { display: inline-block; vertical-align: middle; background-size: contain; } [class*="icon-"]:before { display: none !important; } [class*="icon-"] img { max-height: 100%; display: inline-block; vertical-align: middle; } [class*="icon-"] svg.white * { fill: white; } [class*="focal-"] [class*="icon-"]:before { display: inline-block !important; } .icon-error, .icon-success { width: 20px; height: 20px; } .icon-close { width: 1em; height: 1em; } .icon-logo { width: 11.5em; height: 3.83312em; } .icon-search { width: 1.625em; height: 1.6875em; margin-top: -70px !important; } .icon-phone { width: 1.125rem; height: 1.25rem; } .icon-location { width: 1.1875rem; height: 1.25rem; } .icon-account { width: 1.22875rem; height: 1.25rem; } .icon-logo-icon { width: 8.375rem; height: 2.8125rem; } .icon-logo-mobile { width: 230px; height: 25px; } .icon-hamburger { width: 20px; height: 20px; } .icon-chevron { width: 6px; height: 14px; } .icon-filter { width: 0.913em; height: 1.078em; } .icon-heart { width: 1.5em; height: 2em; } .icon-tractor { height: 1.16562em; width: 1.59em; } h1, .h1-styles { font: 500 3.5rem "Titillium Web", serif; line-height: 1.15; margin: 0 0 0.5em; letter-spacing: -1px; font-size: 40px; } h1, h2, h3, h4, h5, h6, p { word-break: normal; word-break: break-word; margin-top: 0; } h2, .h2-styles { font: bold 2em "Titillium Web", serif; } h3, .h3-styles { font: 500 1.875rem "Titillium Web", serif; line-height: 1.3; } h4, .h4-styles { font: bold 1.75em "Titillium Web", serif; } h5, .h5-styles { font: bold 1.25em "Titillium Web", serif; } h6, .h6-styles { font: 100 11px "Titillium Web", serif; line-height: 1rem; letter-spacing: 1px; text-transform: uppercase; letter-spacing: 0.5px; } a { text-decoration: none; } p { line-height: 1.7; color: #616161; } p.large, .dropdown-title, .feature p { font: 100 1.25em "Titillium Web", serif; line-height: 1.5; letter-spacing: 0.5px; } #page-content ul { margin: 0; font: 100 1.0625em "Titillium Web", serif; padding-left: 20px; } #page-content ul li { margin-bottom: 0.75em; line-height: 1.4; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .truncate { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .learning-center { padding: 2rem 0 0 0; } .learning-center .text-titillium, .learning-center .timestamp, .learning-center .heading-three { font-family: "Titillium Web", serif !important; } .learning-center .text-akzidenz, .learning-center .heading-four, .learning-center .heading-five { font-family: "Titillium Web", serif !important; } .learning-center .text-light-gray, .learning-center .timestamp { color: #8A8A8A !important; } .learning-center .text-lighter-gray { color: #F7F7F7 !important; } .learning-center .text-we-green { color: #387C2C !important; } .learning-center .bg-lighter-gray { background: #F7F7F7 !important; } .learning-center .bg-we-yellow { background: #FFDD00 !important; } .learning-center .hide { display: none !important; } .learning-center .white-bg, .learning-center .bg-white { background-color: white !important; } .learning-center .slick-track { margin-left: 0 !important; } .learning-center .timestamp { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; } .learning-center .search-field { width: 5.5rem; } .learning-center .search-field:focus { width: 7rem; } .learning-center .heading-one { font-weight: 700; color: #387C2C; font-size: 1.125rem; line-height: 1.75rem; } .learning-center .heading-three { font-weight: 700; font-size: 1.125rem; text-transform: uppercase; } .learning-center .heading-four { font-size: 1.125rem; font-weight: 700; color: #000; } .learning-center .heading-five { font-weight: 700; color: #000; font-size: 1rem; line-height: 18.9px; } .learning-center .categories .category-name { color: #387C2C; } .learning-center .categories .cat-title { background: #387C2C; } .learning-center .dropdown-toggle { -webkit-transition: .25s ease-in-out transform; -o-transition: .25s ease-in-out transform; transition: .25s ease-in-out transform; } .learning-center #category-tab ~ .categories-list { display: none !important; } .learning-center #category-tab:checked ~ .categories-list { display: block !important; } .learning-center #category-tab:checked ~ div .dropdown-toggle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .learning-center #youtube .featured-video .short_desc, .learning-center .youtube-video .featured-video .short_desc { font-family: "Titillium Web", serif; color: #000; } .learning-center #youtube .featured-video-container, .learning-center .youtube-video .featured-video-container { height: 12rem; } .learning-center #youtube .playlists .playlist, .learning-center .youtube-video .playlists .playlist { padding: 1.5rem 0; } .learning-center #youtube .playlists .playlist:not(:last-child), .learning-center .youtube-video .playlists .playlist:not(:last-child) { border-bottom: 2px solid #f7f7f7; } .learning-center #youtube .youtube-playlist-slider .playlist-thumb, .learning-center .youtube-video .youtube-playlist-slider .playlist-thumb { width: 100%; } .learning-center #youtube .youtube-playlist-slider .next-arrow, .learning-center #youtube .youtube-playlist-slider .prev-arrow, .learning-center .youtube-video .youtube-playlist-slider .next-arrow, .learning-center .youtube-video .youtube-playlist-slider .prev-arrow { top: 35% !important; width: 60px; height: 50px; } .learning-center #youtube .youtube-playlist-slider .next-arrow img, .learning-center #youtube .youtube-playlist-slider .prev-arrow img, .learning-center .youtube-video .youtube-playlist-slider .next-arrow img, .learning-center .youtube-video .youtube-playlist-slider .prev-arrow img { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .learning-center .related .related-video { width: 80vw; } .learning-center .post .post-title { font-family: "Titillium Web", serif; line-height: 21px; } .learning-center .post .post-hover { position: relative; } .learning-center .post .post-hover:hover:after { content: ''; background: rgba(57, 124, 45, 0.5); position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .learning-center .single-post h1 { color: #387C2C; } .learning-center .category-pill { background-color: rgba(255, 221, 0, 0.5); } .learning-center .learning-center-title { font-size: 2.5rem; font-weight: 700; color: #000; font-family: "Titillium Web", serif; } .learning-center .tab-container .tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-color: #F5F5F5; } .learning-center .tab-container .tabs ul { padding-left: 0 !important; } .learning-center .tab-container .tabs li.tab { padding: 0.55rem 0; margin-bottom: 0 !important; } .learning-center .tab-container .tabs li.is-active { background: #F5F5F5; border-color: #F5F5F5; } .learning-center .tab-container .tabs li.is-active a { color: #000; } .learning-center .tab-container .tabs a { font-size: .85rem; color: #387C2C; } .learning-center .tab-container .tab-content { display: none; } .learning-center .tab-container .tab-content.is-active { display: block; } .blog-posts-wrapper { margin: 0 0 2.5em 0; } .blog-posts-wrapper hr { height: 1px !important; } .blog-posts-wrapper .blog-page-title { font-size: 3em; text-align: center; } .blog-posts-wrapper .back-to-btn { margin: 0 0 1em 0; } .blog-posts-wrapper .blog-post { margin: 3em 0; } .blog-posts-wrapper .blog-post.single { margin-top: 0; } .blog-posts-wrapper .post-image { min-height: 350px; width: 100%; background-size: cover; background-position: center; } .blog-posts-wrapper .post-image.small { min-height: 250px; } .blog-posts-wrapper .post-title { font-size: 1.8em; margin: 0.5em 0; display: inline-block; color: #000; } .blog-posts-wrapper .meta { margin: 0.5em 0; } .blog-posts-wrapper .meta.post-summary { margin: 0.8em 0; } .blog-posts-wrapper .meta.post-summary.single { margin: 1.5em 0; } .blog-posts-wrapper .recent-posts { border: 1px solid #E8E8E8; min-height: 100px; } .blog-posts-wrapper .recent-posts .recent-p-title { padding: 1.5em; background: #387C2C; font: bold 0.9em "Titillium Web", serif; color: #fff; } .blog-posts-wrapper .recent-posts .recent-p-list { padding: 1.5em; } .blog-posts-wrapper .recent-posts .recent-p { margin: 0 0 0.75em 0; display: block; } .blog-posts-wrapper .recent-posts .recent-p:last-child { margin: 0; } .blog-posts-wrapper .tags-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .blog-posts-wrapper .tags-list .tag-item { padding-right: 0.5em; } .blog-posts-wrapper .blog-subscribe { border: 1px solid #E8E8E8; margin: 2em 0 0 0; } .blog-posts-wrapper .blog-subscribe .subscribe-form { padding: 1em !important; } .blog-posts-wrapper .blog-subscribe .title { padding: 1.5em; background: #387C2C; font: bold 0.9em "Titillium Web", serif; color: #fff; } label.inline { display: inline-block !important; } label.larger-label { font-size: 1.2em !important; } .learning-center-header { width: 100%; height: 200px; background-size: cover; background-position: 50% 23%; } /** Flexbox based grid **/ .grid { /** Modifiers **/ /** Columns **/ /** Breakpoint Modifiers **/ } .grid, .grid .row { position: relative; width: 100%; } .grid.align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .grid.align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .grid.align-center { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .grid.justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid.justify-center [class*="col-"] { margin-right: 0; } .grid.justify-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .grid.justify-left [class*="col-"] { margin-right: 0; } .grid.justify-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .grid.justify-right [class*="col-"] { margin-right: 0; } .grid.no-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .grid.no-padding [class*="col-"] { padding: 0 !important; } .grid [class*="col-"] { position: relative; margin-right: auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .grid [class*="col-"].no-padding { padding: 0 !important; } .grid .col-1 { width: 8.3%; max-width: 8.3%; -webkit-flex-basis: 8.3%; -ms-flex-preferred-size: 8.3%; flex-basis: 8.3%; } .grid .col-2 { width: 16.6%; max-width: 16.6%; -webkit-flex-basis: 16.6%; -ms-flex-preferred-size: 16.6%; flex-basis: 16.6%; } .grid .col-3 { width: 25%; max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .grid .col-4 { width: 33.3%; max-width: 33.3%; -webkit-flex-basis: 33.3%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; } .grid .col-5 { width: 41.6%; max-width: 41.6%; -webkit-flex-basis: 41.6%; -ms-flex-preferred-size: 41.6%; flex-basis: 41.6%; } .grid .col-6 { width: 50%; max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .grid .col-7 { width: 58.3%; max-width: 58.3%; -webkit-flex-basis: 58.3%; -ms-flex-preferred-size: 58.3%; flex-basis: 58.3%; } .grid .col-8 { width: 66.6%; max-width: 66.6%; -webkit-flex-basis: 66.6%; -ms-flex-preferred-size: 66.6%; flex-basis: 66.6%; } .grid .col-9 { width: 75%; max-width: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .grid .col-10 { width: 83.3%; max-width: 83.3%; -webkit-flex-basis: 83.3%; -ms-flex-preferred-size: 83.3%; flex-basis: 83.3%; } .grid .col-11 { width: 91.6%; max-width: 91.6%; -webkit-flex-basis: 91.6%; -ms-flex-preferred-size: 91.6%; flex-basis: 91.6%; } .grid .col-12 { width: 100%; max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .grid .col-even { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .grid.no-breakpoint, .grid.no-breakpoint .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .location-grid.grid p a { color: #616161; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 1; } .hamburger.open:hover { opacity: 1; } .hamburger.open .hamburger-inner, .hamburger.open .hamburger-inner::before, .hamburger.open .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 20px; height: 20px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 2px; background-color: #000; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } .hamburger { position: absolute; top: 58%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; right: 1.5em; z-index: 99999; padding: 0; } .hamburger .hamburger-inner { top: 1px; -webkit-transition: background-color 0s 0.13s linear; -o-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger .hamburger-inner::before { top: 6px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger .hamburger-inner::after { top: 12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger.open .hamburger-inner { -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent !important; } .hamburger.open .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger.open .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg); transform: translate3d(0, 6px, 0) rotate(-45deg); } .btn, .form-builder-form button { display: inline-block; vertical-align: middle; pointer-events: all; cursor: pointer; border-radius: 0; border: none; text-decoration: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); padding: 1em; background: #FFDD00; color: #000; text-align: center; min-width: 6em; font: bold 0.9em "Titillium Web", serif; letter-spacing: 0.154375em; text-transform: uppercase; } .btn.green, .form-builder-form button.green, .btn.primary, .form-builder-form button.primary { background: #387C2C; color: #fff; } .btn.green:hover, .form-builder-form button.green:hover, .btn.primary:hover, .form-builder-form button.primary:hover { background: #27561f; } .btn.green .form-spinner, .form-builder-form button.green .form-spinner, .btn.primary .form-spinner, .form-builder-form button.primary .form-spinner { background-image: url(/img/loader-white.gif); } .btn.yellow, .form-builder-form button.yellow, .btn.secondary, .form-builder-form button.secondary { background: #FFDD00; color: #000; } .btn.yellow:hover, .form-builder-form button.yellow:hover, .btn.secondary:hover, .form-builder-form button.secondary:hover { background: #f6f80a; } .btn.black, .form-builder-form button.black { background: #000; color: #fff; } .btn.mini, .form-builder-form button.mini, .anchor-bar-wrapper .anchor-bar .btn, .anchor-bar-wrapper .anchor-bar .form-builder-form button, .form-builder-form .anchor-bar-wrapper .anchor-bar button { font-size: 0.8125rem; } .btn.tiny, .form-builder-form button.tiny { font-size: 0.6em; } .btn.medium, .form-builder-form button.medium { padding: 0.65em 2em; } .btn.disabled, .form-builder-form button.disabled { background: #d9dada; color: #97b8c5; } .btn.disabled:hover, .form-builder-form button.disabled:hover { background: #d9dada; color: #97b8c5; cursor: default; } .btn.show-more [class*="icon-"], .form-builder-form button.show-more [class*="icon-"] { margin-top: -3px; } .btn.show-more span, .form-builder-form button.show-more span { display: inline-block; vertical-align: middle; } .btn.show-more .less, .form-builder-form button.show-more .less { display: none; } .btn.show-more.active .less, .form-builder-form button.show-more.active .less { display: inline-block; } .btn.show-more.active .more, .form-builder-form button.show-more.active .more { display: none; } .btn.show-more.active [class*="icon-"], .form-builder-form button.show-more.active [class*="icon-"] { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } form.custom input[type="text"], form.custom input[type="number"], form.custom input[type="tel"], form.custom input[type="date"], form.custom input[type="password"], form.custom input[type="email"], form.custom input[type="search"], form.custom textarea, form.custom select, .form-custom input[type="text"], .form-custom input[type="number"], .form-custom input[type="tel"], .form-custom input[type="date"], .form-custom input[type="password"], .form-custom input[type="email"], .form-custom input[type="search"], .form-custom textarea, .form-custom select, .form-builder-form input[type="text"], .form-builder-form input[type="number"], .form-builder-form input[type="tel"], .form-builder-form input[type="date"], .form-builder-form input[type="password"], .form-builder-form input[type="email"], .form-builder-form input[type="search"], .form-builder-form textarea, .form-builder-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0px; border: 1px solid #8B9197; color: #616161; padding: 0.5em; } form.custom input[type="text"]:focus, form.custom input[type="text"], form.custom input[type="number"]:focus, form.custom input[type="number"], form.custom input[type="tel"]:focus, form.custom input[type="tel"], form.custom input[type="date"]:focus, form.custom input[type="date"], form.custom input[type="password"]:focus, form.custom input[type="password"], form.custom input[type="email"]:focus, form.custom input[type="email"], form.custom input[type="search"]:focus, form.custom input[type="search"], form.custom textarea:focus, form.custom textarea, form.custom select:focus, form.custom select, .form-custom input[type="text"]:focus, .form-custom input[type="text"], .form-custom input[type="number"]:focus, .form-custom input[type="number"], .form-custom input[type="tel"]:focus, .form-custom input[type="tel"], .form-custom input[type="date"]:focus, .form-custom input[type="date"], .form-custom input[type="password"]:focus, .form-custom input[type="password"], .form-custom input[type="email"]:focus, .form-custom input[type="email"], .form-custom input[type="search"]:focus, .form-custom input[type="search"], .form-custom textarea:focus, .form-custom textarea, .form-custom select:focus, .form-custom select, .form-builder-form input[type="text"]:focus, .form-builder-form input[type="text"], .form-builder-form input[type="number"]:focus, .form-builder-form input[type="number"], .form-builder-form input[type="tel"]:focus, .form-builder-form input[type="tel"], .form-builder-form input[type="date"]:focus, .form-builder-form input[type="date"], .form-builder-form input[type="password"]:focus, .form-builder-form input[type="password"], .form-builder-form input[type="email"]:focus, .form-builder-form input[type="email"], .form-builder-form input[type="search"]:focus, .form-builder-form input[type="search"], .form-builder-form textarea:focus, .form-builder-form textarea, .form-builder-form select:focus, .form-builder-form select { font-size: 16px; } form.custom input[type="text"]::-webkit-input-placeholder, form.custom input[type="number"]::-webkit-input-placeholder, form.custom input[type="tel"]::-webkit-input-placeholder, form.custom input[type="date"]::-webkit-input-placeholder, form.custom input[type="password"]::-webkit-input-placeholder, form.custom input[type="email"]::-webkit-input-placeholder, form.custom input[type="search"]::-webkit-input-placeholder, form.custom textarea::-webkit-input-placeholder, form.custom select::-webkit-input-placeholder, .form-custom input[type="text"]::-webkit-input-placeholder, .form-custom input[type="number"]::-webkit-input-placeholder, .form-custom input[type="tel"]::-webkit-input-placeholder, .form-custom input[type="date"]::-webkit-input-placeholder, .form-custom input[type="password"]::-webkit-input-placeholder, .form-custom input[type="email"]::-webkit-input-placeholder, .form-custom input[type="search"]::-webkit-input-placeholder, .form-custom textarea::-webkit-input-placeholder, .form-custom select::-webkit-input-placeholder, .form-builder-form input[type="text"]::-webkit-input-placeholder, .form-builder-form input[type="number"]::-webkit-input-placeholder, .form-builder-form input[type="tel"]::-webkit-input-placeholder, .form-builder-form input[type="date"]::-webkit-input-placeholder, .form-builder-form input[type="password"]::-webkit-input-placeholder, .form-builder-form input[type="email"]::-webkit-input-placeholder, .form-builder-form input[type="search"]::-webkit-input-placeholder, .form-builder-form textarea::-webkit-input-placeholder, .form-builder-form select::-webkit-input-placeholder { color: #616161; font-weight: 100; } form.custom input[type="text"]:-moz-placeholder, form.custom input[type="number"]:-moz-placeholder, form.custom input[type="tel"]:-moz-placeholder, form.custom input[type="date"]:-moz-placeholder, form.custom input[type="password"]:-moz-placeholder, form.custom input[type="email"]:-moz-placeholder, form.custom input[type="search"]:-moz-placeholder, form.custom textarea:-moz-placeholder, form.custom select:-moz-placeholder, .form-custom input[type="text"]:-moz-placeholder, .form-custom input[type="number"]:-moz-placeholder, .form-custom input[type="tel"]:-moz-placeholder, .form-custom input[type="date"]:-moz-placeholder, .form-custom input[type="password"]:-moz-placeholder, .form-custom input[type="email"]:-moz-placeholder, .form-custom input[type="search"]:-moz-placeholder, .form-custom textarea:-moz-placeholder, .form-custom select:-moz-placeholder, .form-builder-form input[type="text"]:-moz-placeholder, .form-builder-form input[type="number"]:-moz-placeholder, .form-builder-form input[type="tel"]:-moz-placeholder, .form-builder-form input[type="date"]:-moz-placeholder, .form-builder-form input[type="password"]:-moz-placeholder, .form-builder-form input[type="email"]:-moz-placeholder, .form-builder-form input[type="search"]:-moz-placeholder, .form-builder-form textarea:-moz-placeholder, .form-builder-form select:-moz-placeholder { color: #616161; font-weight: 100; } form.custom input[type="text"]::-moz-placeholder, form.custom input[type="number"]::-moz-placeholder, form.custom input[type="tel"]::-moz-placeholder, form.custom input[type="date"]::-moz-placeholder, form.custom input[type="password"]::-moz-placeholder, form.custom input[type="email"]::-moz-placeholder, form.custom input[type="search"]::-moz-placeholder, form.custom textarea::-moz-placeholder, form.custom select::-moz-placeholder, .form-custom input[type="text"]::-moz-placeholder, .form-custom input[type="number"]::-moz-placeholder, .form-custom input[type="tel"]::-moz-placeholder, .form-custom input[type="date"]::-moz-placeholder, .form-custom input[type="password"]::-moz-placeholder, .form-custom input[type="email"]::-moz-placeholder, .form-custom input[type="search"]::-moz-placeholder, .form-custom textarea::-moz-placeholder, .form-custom select::-moz-placeholder, .form-builder-form input[type="text"]::-moz-placeholder, .form-builder-form input[type="number"]::-moz-placeholder, .form-builder-form input[type="tel"]::-moz-placeholder, .form-builder-form input[type="date"]::-moz-placeholder, .form-builder-form input[type="password"]::-moz-placeholder, .form-builder-form input[type="email"]::-moz-placeholder, .form-builder-form input[type="search"]::-moz-placeholder, .form-builder-form textarea::-moz-placeholder, .form-builder-form select::-moz-placeholder { color: #616161; font-weight: 100; } form.custom input[type="text"]:-ms-input-placeholder, form.custom input[type="number"]:-ms-input-placeholder, form.custom input[type="tel"]:-ms-input-placeholder, form.custom input[type="date"]:-ms-input-placeholder, form.custom input[type="password"]:-ms-input-placeholder, form.custom input[type="email"]:-ms-input-placeholder, form.custom input[type="search"]:-ms-input-placeholder, form.custom textarea:-ms-input-placeholder, form.custom select:-ms-input-placeholder, .form-custom input[type="text"]:-ms-input-placeholder, .form-custom input[type="number"]:-ms-input-placeholder, .form-custom input[type="tel"]:-ms-input-placeholder, .form-custom input[type="date"]:-ms-input-placeholder, .form-custom input[type="password"]:-ms-input-placeholder, .form-custom input[type="email"]:-ms-input-placeholder, .form-custom input[type="search"]:-ms-input-placeholder, .form-custom textarea:-ms-input-placeholder, .form-custom select:-ms-input-placeholder, .form-builder-form input[type="text"]:-ms-input-placeholder, .form-builder-form input[type="number"]:-ms-input-placeholder, .form-builder-form input[type="tel"]:-ms-input-placeholder, .form-builder-form input[type="date"]:-ms-input-placeholder, .form-builder-form input[type="password"]:-ms-input-placeholder, .form-builder-form input[type="email"]:-ms-input-placeholder, .form-builder-form input[type="search"]:-ms-input-placeholder, .form-builder-form textarea:-ms-input-placeholder, .form-builder-form select:-ms-input-placeholder { color: #616161; font-weight: 100; } form.custom [disabled], .form-custom [disabled], .form-builder-form [disabled] { background: #d9dada; color: #97b8c5; } form.custom label:not(.unstyled), .form-custom label:not(.unstyled), .form-builder-form label:not(.unstyled) { font: bold 1em "Titillium Web", serif; margin: 1rem 0 5px; display: block; } form.custom label:not(.unstyled).inline, .form-custom label:not(.unstyled).inline, .form-builder-form label:not(.unstyled).inline { display: inline-block; margin-left: 1em; } form.custom label.unstyled, form.custom .styled-checkbox + label, form.custom .styled-radio + label, .form-custom label.unstyled, .form-custom .styled-checkbox + label, .form-custom .styled-radio + label, .form-builder-form label.unstyled, .form-builder-form .styled-checkbox + label, .form-builder-form .styled-radio + label { margin: 5px; font-size: 0.875rem; } form.custom > label:first-of-type, .form-custom > label:first-of-type, .form-builder-form > label:first-of-type { margin-top: 0.9375rem !important; } form.custom [type="submit"], .form-custom [type="submit"], .form-builder-form [type="submit"] { text-align: center; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; margin: 1em 0; } form.custom input:not([type="submit"]), form.custom select, form.custom textarea, .form-custom input:not([type="submit"]), .form-custom select, .form-custom textarea, .form-builder-form input:not([type="submit"]), .form-builder-form select, .form-builder-form textarea { padding: 0.65em; } .styled-checkbox, .styled-radio { position: absolute; opacity: 0; } .styled-checkbox + label, .styled-radio + label { position: relative; padding: 0 0 0 1.4em; font-weight: 100 !important; color: #616161; line-height: 1.3 !important; } .styled-checkbox + label:before, .styled-radio + label:before { content: ''; position: absolute; display: inline-block; vertical-align: text-top; width: 8px; height: 8px; background: white; margin: 3.5px 0 0 -1.4em; border: 1px solid #3C3F42; } .styled-checkbox:checked + label:before, .styled-radio:checked + label:before { background: #666; } .styled-radio + label:before { border-radius: 100%; } /** Custom Select **/ .styled-select, .ais-MenuSelect { position: relative; background: #fff; overflow: hidden; } .styled-select:after, .ais-MenuSelect:after { content: ''; position: absolute; top: 50%; right: 8px; text-align: center; width: 1em; height: 1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; pointer-events: none; background: url(/svg/select-arrows.svg) 50% 50%/contain no-repeat white; } .styled-select select, .ais-MenuSelect select { padding: 0.5em 1em; background: #fff; } .styled-select select::-ms-expand, .ais-MenuSelect select::-ms-expand { display: none; } .form-response { display: table; position: fixed; z-index: 999999999999; top: 80px; width: 550px; max-width: 85%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: bold; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); } .form-response, .form-response * { color: white !important; } .form-response .response-icon { position: relative; width: 60px; left: 0; text-align: center; display: table-cell; vertical-align: middle; padding: 15px; background-color: rgba(0, 0, 0, 0.25); } .form-response .response-content { display: table-cell; vertical-align: middle; padding: 1em; } .form-response h2 { font-size: 20px !important; margin: 0 !important; } .form-response p, .form-response div.header { font-size: 1.15em; color: white; } .form-response li { margin-bottom: 6px !important; font-weight: 400; } .form-response p { margin: 1em 0 !important; line-height: 1.25 !important; font-size: 1em; } .form-response b { font-size: 1.15em; display: block; margin-bottom: 0.5em; } .form-response a { color: #fff; text-decoration: underline; } .form-response .ui.message:first-child { background: transparent; margin: 0; padding: 0; } .form-response.success { background: #2ECC40; } .form-response.error { background: #de4646; } .ui.message > .close.icon { display: none; } .close-message { width: 1em; height: 1em; display: inline-block; position: absolute; top: 1em; right: 1em; background: url(/svg/close.svg) 50% 50% no-repeat transparent; background-size: contain; cursor: pointer; } [type="submit"] { position: relative; } .form-spinner { height: 1.5em; width: 1.5em; background: url(/img/loader.gif) center center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; position: absolute; left: -10000%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 0 0 4px; } .form-spinner.show { left: 50%; } button .form-spinner { margin: 0; } .submit-label.hide { display: none; } .inline-inputs input:not([hidden]), .inline-inputs .item:not([hidden]) { display: inline-block; vertical-align: middle; margin-right: 5%; width: 45% !important; } .inline-inputs input:not([hidden]):last-of-type, .inline-inputs .item:not([hidden]):last-of-type { margin-right: 0; } .inline-inputs input[hidden], .inline-inputs .item[hidden] { display: none; } .max-length-wrapper { position: relative; } .max-length-wrapper input { padding-right: 5em !important; } .max-length-wrapper .count { background: #fff; position: absolute; right: 0; top: 0; height: 100%; font-size: 12px; color: #aaa; border: 1px solid #dededf; padding: 0.75em; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .max-length-wrapper .count span { padding: 0 2.5px; } .password-wrapper { position: relative; } .password-wrapper input[type="password"] { padding-right: 1.5em; } .password-wrapper .password-mask-btn { position: absolute; right: 0.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 9px !important; background: #e8e8e8; color: #333; margin: 0 !important; padding: 5px; border-radius: 2px; font-weight: 400 !important; letter-spacing: 1px; cursor: pointer; } /** Form Builder Forms **/ .g-recaptcha { margin: 1em 0; } .g-recaptcha > div { position: relative; } #page-content > .wrapper > .form-builder-form { width: 600px; margin: 0 auto 3em; } .terms-conditions { background-color: #f0f0f0 !important; max-width: 100% !important; padding: 0.5em !important; height: auto !important; } .terms-conditions + br { display: none; } .g-recaptcha + [type="submit"], .g-recaptcha + [type="image"], .g-recaptcha + button, .form-builder-recaptcha + [type="submit"], .form-builder-recaptcha + [type="image"], .form-builder-recaptcha + button { margin-top: 0 !important; } #rc-imageselect * { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .form-builder-form { margin-bottom: 2em; } .form-builder-form button { min-width: 7em; background: #FFDD00; color: #000; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-builder-form button:last-of-type { margin-top: 1em; } ul.pagination, .ais-Pagination-list { list-style: none; margin: 2em auto 2em !important; padding: 0; display: block; text-align: center; } ul.pagination li, .ais-Pagination-list li { display: inline-block; margin-right: 1em; } ul.pagination li.disabled, ul.pagination li[class*="--disabled"], ul.pagination li[class*="--lastPage"], ul.pagination li[class*="--firstPage"], .ais-Pagination-list li.disabled, .ais-Pagination-list li[class*="--disabled"], .ais-Pagination-list li[class*="--lastPage"], .ais-Pagination-list li[class*="--firstPage"] { display: none; } ul.pagination li.active, ul.pagination li[class*="--selected"] a, .ais-Pagination-list li.active, .ais-Pagination-list li[class*="--selected"] a { font-weight: bold; color: #387C2C; } ul.pagination li a, .ais-Pagination-list li a { color: #000; font-size: 1.25em; } ul.pagination li a.green, .ais-Pagination-list li a.green { color: #387C2C; } ul.pagination li a.green.btn, .ais-Pagination-list li a.green.btn { color: #FFFFFF; } ul.pagination li a.disabled, .ais-Pagination-list li a.disabled { color: #9e9e9e; } ul.pagination li a.disabled:hover, .ais-Pagination-list li a.disabled:hover { cursor: default; color: #9e9e9e; } ul.pagination li .active span, .ais-Pagination-list li .active span { font-size: 1.13em; font-size: 1.25em; } ul.pagination li .active span.green, .ais-Pagination-list li .active span.green { color: #387C2C; } ul.pagination li .active span.green:hover, .ais-Pagination-list li .active span.green:hover { cursor: default; } ul.pagination li .active span.green.btn, .ais-Pagination-list li .active span.green.btn { color: #FFF; } ul.pagination li .active span.green.btn:hover, .ais-Pagination-list li .active span.green.btn:hover { cursor: pointer; } ul.pagination li .active span.disabled, .ais-Pagination-list li .active span.disabled { color: #97b8c5; } ul.pagination li .active span.disabled:hover, .ais-Pagination-list li .active span.disabled:hover { cursor: default; } .main-nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; background: #fff; height: 40px; z-index: 20000; border-bottom: 1px solid #000; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #7D7E94; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; } .main-nav-wrapper .primary { position: relative; z-index: 100; background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0.625em; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .main-nav-wrapper .main-nav ul { padding: 0; margin: 0; } .main-nav-wrapper .main-nav li { margin-bottom: 1.14em !important; } .main-nav-wrapper .main-nav a, .main-nav-wrapper .main-nav .subnav-trigger { font: bold 1.57em "Titillium Web", serif; letter-spacing: 2px; line-height: 1; color: #000; text-transform: uppercase; } .main-nav-wrapper .footer { margin: auto 0 0 0; padding-top: 1.875em; border-top: 1px solid #C8CCD0; } .nav-logo { width: 230px; max-width: 55%; } .customer-portal { margin: 0 4em 0 auto; text-align: center; width: 78px; } .customer-portal .btn, .customer-portal .form-builder-form button, .form-builder-form .customer-portal button { margin: .25em 0; } .secondary-nav .item { margin-bottom: 0.5em; } .secondary-nav a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 0.8125em; color: #000; } .secondary-nav [class*='icon-'] { margin-right: 0.5em; } .search-suggestions { display: none; position: fixed; bottom: 0; overflow-y: scroll; background: #fff; z-index: 200; padding: 0 2em 2.5em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 40px; width: 100%; -webkit-overflow-scrolling: touch; } .search-suggestions.show { display: block; } .search-suggestions .suggestion-type { font-size: 1.25em; font-weight: bold; border-bottom: 1px solid #C8CCD0; margin: 1em 0 1.25em; padding: 0.5em 0 1em; } .search-suggestions .btn, .search-suggestions .form-builder-form button, .form-builder-form .search-suggestions button { margin-bottom: 1em; } .search-suggestions .suggestion { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 0 2em; color: #000; } .search-suggestions .suggestion .image { position: relative; height: 55px; margin-right: 1em; max-width: 65px; position: static; min-height: 0; } .search-suggestions .suggestion .image img { height: 55px; } .search-suggestions .suggestion .content .suggestion-name { font-weight: bold; font-size: 25px; margin-bottom: 10px; } .search-suggestions .suggestion .content .suggestion-tagline { font-size: 16px; } .search-overlay-bg { position: fixed; z-index: 150; background: rgba(0, 0, 0, 0.5); top: 0; left: -1000%; right: 0; bottom: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: opacity 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: opacity 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); pointer-events: none; } .search-overlay-bg.active { left: 0; opacity: 1; pointer-events: all; } .subnavs { position: relative; z-index: 1; } .subnav { position: fixed; width: 100vw; background: #fff; top: 41px; bottom: 0; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); height: 100%; padding: 1em 2em 40px; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #7D7E94; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; z-index: 1000; } .subnav.show { -webkit-transform: none; -ms-transform: none; transform: none; } .subnav ul { padding: 1.75em 0; margin: 0 auto; } .subnav a { display: block; padding: 0 !important; color: #000; text-transform: none; margin-bottom: 1.8em; text-align: center; text-transform: none; } .subnav a:hover { color: #000; } .subnav a:hover:after { display: none; } .subnav img { width: 118px; margin: 0; } .subnav-trigger { display: block; position: relative; overflow: visible; } .subnav-trigger, .subnav-trigger * { cursor: pointer; } .subnav-trigger:after { content: ''; position: absolute; background: url(/svg/right-pointer.svg) 100% 50%/9px 12px white; top: 50%; right: 4px; margin-top: -6px; height: 12px; width: 9px; } .subnav-back { font-size: 11px; display: inline-block; cursor: pointer; } .subnav .subnav-title { position: relative; padding: 1.8em 0 0; border-bottom: 1px solid #e8e8e8; width: calc(100% - 2em); cursor: pointer; } .subnav .subnav-title:after { content: ''; position: absolute; background: url(/svg/right-pointer.svg) 100% 50%/9px 12px white; right: 4px; height: 12px; width: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .subnav .subnav-title a { font: bold 20px "Titillium Web", serif !important; line-height: 1.5; color: #000; } div.hoverable-submenu a:hover { color: #367C2C; } .site-footer { position: relative; padding: 1.15em; background: #387C2C; z-index: 10; } .site-footer .newsletter, .site-footer .socials, .site-footer .translator { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .site-footer .newsletter { width: 500px; -webkit-box-flex: 0; -webkit-flex: 0 0 500px; -moz-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; } #compare-drawer + .site-footer { padding-bottom: 3em; } .footer-socials { text-align: left; margin: 1.75em 0 0.25em; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; float: left; } .footer-socials a { display: inline-block; vertical-align: middle; margin-right: 1em; } .footer-socials a:last-of-type { margin-right: 0; } .footer-translator { margin-right: 0; margin-left: auto; text-align: right; -webkit-box-flex: 0; -webkit-flex: 0 0 156px; -moz-box-flex: 0; -ms-flex: 0 0 156px; flex: 0 0 156px; } .banner { padding: 8vw 0; position: relative; color: white; background: none 50% 50% / cover no-repeat transparent; } .banner .content { width: 425px; max-width: 90%; margin: 0 auto 0 5vw; } .banner:nth-child(odd) .content { text-align: right; margin: 0 5vw 0 auto; } .banner .title { font: bold 3.375em "Titillium Web", serif; } /** Page container the products page with the search on the left **/ /** Column with search inputs and filters **/ .products-search { background: white; -webkit-transition: -webkit-transform 0.2s 0s cubic-bezier(0.4, 0.25, 0.3, 1); transition: -webkit-transform 0.2s 0s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: transform 0.2s 0s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s 0s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s 0s cubic-bezier(0.4, 0.25, 0.3, 1), -webkit-transform 0.2s 0s cubic-bezier(0.4, 0.25, 0.3, 1); overflow: scroll; position: fixed; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; } .products-search.close { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .products-search .btn, .products-search .form-builder-form button, .form-builder-form .products-search button { width: 100% !important; } /** Category links at the top of the filter **/ .products-category-nav { padding-bottom: 1.5em; border-bottom: 1px solid #E8E8E8; } .products-category-nav ul { list-style: none; margin: 0; padding: 0; } .products-category-nav ul ul { margin: 1em !important; padding: 0 !important; } .products-category-nav ul ul a { font-size: 12px; } .products-category-nav li { display: block; margin-bottom: 0.5em; } .products-category-nav a { font: 100 1em "Titillium Web", serif; color: #616161; } .products-category-nav a.active { color: #000; font-weight: bold; } .view-toggle-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .view-toggle-container .view-toggle-label { font-size: 0.75em !important; font-weight: 300 !important; } .view-toggle-container #view-toggle { width: 5em; } /** Container for dropdown, text inputs and checkboxes **/ .products-filters .filter-toggle { margin: 1.5em 0; cursor: pointer; } .products-filters .filter-toggle label { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; cursor: pointer; font-size: 16px; } .products-filters .filter-toggle label span { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); margin: -2px 0 0 0.5em; -webkit-transform-origin: 50% 56%; -ms-transform-origin: 50% 56%; transform-origin: 50% 56%; } .products-filters .filter-toggle.open label span { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .products-filters .filter-toggle.open + .padded-container > .filter-options { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-filters .filter-toggle.open + .padded-container > .filter-options .filter { -webkit-flex-basis: 16%; -ms-flex-preferred-size: 16%; flex-basis: 16%; } .products-filters .filter-toggle.open ~ .filter-buttons-container > .filter-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .products-filters label { font: 400 12px "Titillium Web", serif; display: block; } .products-filters input[type="text"] { padding: 0.8125em 1em; } .products-filters input[type="text"]::-webkit-input-placeholder { font-weight: 100; color: #616161; } .products-filters input[type="text"]:-moz-placeholder { font-weight: 100; color: #616161; } .products-filters input[type="text"]::-moz-placeholder { font-weight: 100; color: #616161; } .products-filters input[type="text"]:-ms-input-placeholder { font-weight: 100; color: #616161; } .products-filters .filter-options { display: none; } .products-filters .filter-options.show { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .filter-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 1em; padding-bottom: 2em; } .filter-buttons .btn-container { margin: 0 0.5em; } .filter-buttons .btn-container:first-of-type { margin: 0 0.5em 0 0; } .filter-buttons .btn-container .btn, .filter-buttons .btn-container .form-builder-form button, .form-builder-form .filter-buttons .btn-container button { margin: 0 !important; } /** Back to Nav toggle **/ .back-to-nav, .back-to-filter { display: block; margin: 4em 0 3em; cursor: pointer; font: bold 14px "Titillium Web", serif; color: #387C2C; } .back-to-nav .icon-chevron, .back-to-filter .icon-chevron { margin-right: 0.5em; line-height: 0; } .back-to-filter { position: relative; margin: 0 0 3em; display: none; } .back-to-filter .icon-chevron { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: 50% 48%; -ms-transform-origin: 50% 48%; transform-origin: 50% 48%; } /** Mobile Filter Toggles - Select Department dropdown toggle - Filter dropdown toggle **/ .mobile-filter-toggles { display: none; } .mobile-filter-toggles .mobile-filter { width: 25%; -webkit-box-flex: 1; -webkit-flex: 1 0 25%; -moz-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; background: #f6f6f6; border-bottom: 1px solid #000; } .mobile-filter-toggles .mobile-filter:first-of-type { width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .mobile-filter-toggles .mobile-filter:not(:last-of-type) { border-right: 1px solid #000; } .mobile-filter-toggles label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font: 100 1em "Titillium Web", serif; line-height: 1.5; width: 100%; padding: 0.5em 0.875em; } .mobile-filter-toggles label span { margin-left: auto; } .products-sort-by.new .col-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; max-width: 20%; } .products-sortby .products-sortby-links { padding-top: 1em; list-style: none; } .products-sortby .products-sortby-links li a { color: black; cursor: pointer; } .products-sort-by { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .products-sort-by label { font-weight: 700; } .products-sort-by select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .products-sort-by + div #hits { margin-top: 3em; } .products-sort-by + div .wrapper { margin-top: 3em; } .products-sort-by + div .wrapper #hits { margin-top: 0; } .products-landing-page-container { padding: 4em 0; } .products-landing-page-container .featured-product { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background: url() 50% 50%/cover no-repeat #8B9197; color: #fff; min-height: 200px; } .products-landing-page-container .featured-product:after { content: ''; position: absolute; height: 100%; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.5))); background-image: -o-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5)); background-image: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5)); z-index: 1; bottom: 0; left: 0; } .products-landing-page-container .featured-product .content { z-index: 2; width: 85%; position: relative; margin: auto 0 0; } .products-landing-page-container .featured-product .content h1 { margin: 0; } .featured-industries { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .featured-industries .industry { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background: url() 50% 50%/cover no-repeat #8B9197; color: #fff; height: 33.4375rem; max-height: 50vh; } .featured-industries .industry:after { content: ''; position: absolute; height: 100%; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), to(rgba(0, 0, 0, 0.5))); background-image: -o-linear-gradient(transparent 70%, rgba(0, 0, 0, 0.5)); background-image: linear-gradient(transparent 70%, rgba(0, 0, 0, 0.5)); z-index: 1; bottom: 0; left: 0; } .featured-industries .industry .content { z-index: 2; margin: auto 2.5rem 3.75rem 2.5rem; } .products-slider .slide { margin: 0 0.75em; } .products-slider .slide * { max-width: 100%; } .products-slider .image img { width: 100%; } .products-slider .title { margin: 10px 0 4px; font: bold 1.65em "Titillium Web", serif; } .products-slider .title, .products-slider .title a { color: #000; } .products-slider .description { font-weight: 100; } .products-slider .description, .products-slider .description a { color: #8B9197; } .products-slider .price { font: bold 1.5rem "Titillium Web", serif; margin: 1.25rem 0; } .products-slider .price, .products-slider .price a { color: #000; } .products-slider .slick-arrow { position: absolute; z-index: 9; top: 33.333%; } .products-slider .slick-arrow.slick-prev { left: 0; } .products-slider .slick-arrow.slick-next { right: 5%; margin-top: 4px; } .featherlight-content .btn:focus, .featherlight-content .form-builder-form button:focus, .form-builder-form .featherlight-content button:focus, .featherlight-content .g-recaptcha:focus { -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px #3a97f9; box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px #3a97f9; outline-offset: 2px; outline: 2px dotted transparent; } .video-loading img { display: block; } .video-loading a { display: none; } .video-loaded img { display: none; } .video-loaded a { display: block; } .products-list-page-container { padding: 1em 0 0 0; } .products-list-page-container .grid { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .products-list-page-container .product { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 2.5rem 0 2.5rem 0; padding-bottom: 2.5rem !important; border-bottom: 1px solid #E8E8E8; } .products-list-page-container .product .product-title { font-size: 1.75em !important; font-weight: 700 !important; } .products-list-page-container .product .description-grid { display: none; } .products-list-page-container .product .details-container { padding: 0 0 1.6em; } .products-list-page-container .product .details-container .details-toggle label { cursor: pointer; } .products-list-page-container .product .details-container .details-toggle span { cursor: pointer; display: inline-block; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); margin: -2px 0 0 0.5em; -webkit-transform-origin: 50% 56%; -ms-transform-origin: 50% 56%; transform-origin: 50% 56%; } .products-list-page-container .product .details-container .details-toggle.open label ~ span { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .products-list-page-container .product .details-container .details-toggle.open + .description-grid { display: block; } .products-list-page-container .product.grid-view { margin: 0 0 2.5rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: none; padding: 0 1em; } .products-list-page-container .product.grid-view.col-6 { width: 33% !important; max-width: 33% !important; } .products-list-page-container .product.grid-view .image { width: 100%; } .products-list-page-container .product.grid-view .details { padding: 1.2em 0 0 0; width: 100%; } .products-list-page-container .product.grid-view .details .description-list { display: none; } .products-list-page-container .product.grid-view .details .product-title { margin: 0 !important; padding: 0 0 0.8em 0; } .products-list-page-container .product.grid-view .cta { width: 100%; } .products-list-page-container .product.grid-view .cta .product-icons, .products-list-page-container .product.grid-view .cta .product-price { padding: 0 0 0.8em 0; margin: 0; } .products-list-page-container .product.grid-view .cta .product-icons { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .products-list-page-container .product.grid-view .cta .description-grid { padding: 1.6em 0 0; } .products-list-page-container .product.list-view.col-6 { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 1 !important; -webkit-flex: 1 0 100% !important; -moz-box-flex: 1 !important; -ms-flex: 1 0 100% !important; flex: 1 0 100% !important; } .products-list-page-container .product.list-view .details-container { display: none; } .products-list-page-container .product.list-view .description-grid { display: none; padding: 0.5em 0; } .products-list-page-container .product.list-view .description-grid p { margin: 0; } .products-list-page-container .product .image { position: relative; width: 50%; margin-right: 2em; } .products-list-page-container .product .image img { width: 100%; } .products-list-page-container .product .details { width: 48%; margin-right: 2em; font-weight: 100; line-height: 1.5; } .products-list-page-container .product .details h2 { margin-top: 0; font: 500 1.875em "Titillium Web", serif; } .products-list-page-container .product .details ul { padding: 0 0 0 20px; } .products-list-page-container .product a { color: #000 !important; } .products-list-page-container .product .cta h2 { margin: 0 0 1em; font-size: 24px; line-height: 26px; } .products-list-page-container .product .cta h3 { font: 500 1.25em "Titillium Web", serif; margin: 0; } .products-list-page-container .product .cta .btn, .products-list-page-container .product .cta .form-builder-form button, .form-builder-form .products-list-page-container .product .cta button { font-size: 10px; min-width: none; margin: 0.5em; } .products-list-page-container .product .cta .btn.green, .products-list-page-container .product .cta .form-builder-form button.green, .form-builder-form .products-list-page-container .product .cta button.green { color: #fff !important; } .products-list-page-container .product .cta .details-toggle label { font-weight: 600; } .products-list-page-container .product .cta .product-price { font-size: 1.87em; font-weight: 500; } .products-list-page-container .product .cta .btn-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .products-list-page-container .product .cta .btn-container a { margin: 0.5em 0; } .sort-filter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .sort-filter-item:not(:last-child) { margin-right: 1em; } .sort-filter-item-header { margin: 0; color: #000000; font: bold 1em "akzidenz", sans-serif; } .product-tag { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 1em; right: 0; height: 28px; background: #387C2C; color: #fff; font: 0.78em "Titillium Web", serif; text-transform: uppercase; letter-spacing: 0.5px; z-index: 5; font-weight: 700; padding: 0.5em 1em 0.5em 2em; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%); } .product-tag.red { background: #e62d2d; } .product-tag.yellow { background: #FFDD00; color: #000; } .product-tag.yellow span { display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .product-tag + .product-tag { top: 4em; } .product-tag + .product-tag + .product-tag { top: 7em; } .product-tag + .product-tag + .product-tag + .product-tag { top: 10em; } .product-tag + .product-tag + .product-tag + .product-tag + .product-tag { top: 13em; } .product-icons { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .product-icons .product-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; margin-right: 1em; } .product-icons .product-icon .save-product-trigger { margin: 0 !important; } .product-icons .product-icon .compare-button { margin-top: 0 !important; } .product-icons .product-icon .tooltip { position: relative; } .product-icons .product-icon .tooltip .tooltiptext { position: absolute; visibility: hidden; top: calc(-50% - 4px); right: 25px; background: #f6f6f6; z-index: 0; max-width: 0; overflow-y: hidden; overflow-x: visible; -webkit-transform: all 200ms cubic-bezier(0.4, 0.25, 0.3, 1); -ms-transform: all 200ms cubic-bezier(0.4, 0.25, 0.3, 1); transform: all 200ms cubic-bezier(0.4, 0.25, 0.3, 1); padding: 1.25em; color: #666666; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); font-weight: 700; white-space: nowrap; } .product-icons .product-icon .tooltip:hover .tooltiptext { visibility: visible; z-index: 99999999; max-width: 1000px; } .product-icons .product-icon div.tooltip .tooltiptext { top: calc(-50% - 9px); } .product-icons .product-icon span.tooltip .tooltiptext { top: calc(-50% - 4px); } .product-icons .product-icon svg { width: 15px; height: 15px; } .products-slider:not(.slick-initialized) { position: absolute; left: -100000%; } .products-slider:not(.slick-initialized):after { content: ''; position: absolute; right: -100000%; height: 4em; width: 4em; background: red; max-width: none; display: block; position: absolute; right: -105217%; background: url(/img/loader.gif) 50% 50%/contain no-repeat; top: -2em; } .used-products-container .products-list-page-container .product .image img { height: 318px; } .product-gallery img, .product-gallery-nav img { max-width: 100%; } .product-gallery .placeholder-image { width: 100%; max-height: 400px; } .video img.play-button { position: absolute; width: 50px !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-gallery-nav { margin: 2em 0; } .product-gallery-nav .play-button { position: absolute; width: 20px; top: 40%; left: 49%; } .product-gallery-nav .slide { cursor: pointer; } body:not(.is-ie) .product-gallery-nav .slide { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-gallery-nav .slide img { margin: 0; } .product-gallery-nav .slick-arrow { position: absolute; z-index: 20; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-gallery-nav .slick-arrow.slick-prev { left: 0; } .product-gallery-nav .slick-arrow.slick-next { right: 0; } body:not(.is-ie) .gallery-slider .slick-list { height: auto !important; } body:not(.is-ie) .gallery-slider .slick-slide { height: 0 !important; } body:not(.is-ie) .gallery-slider .slick-slide img { width: 100%; height: auto; } body:not(.is-ie) .gallery-slider .slick-slide img[src*="square.jpg"] { max-height: 400px; } body:not(.is-ie) .gallery-slider .slick-slide.slick-active { height: auto !important; } .product-details h1.product-title { margin: 0; font-weight: bold; } .product-details .product-subtitle { padding: 1.5em 0 0; margin: 0 0 1.5em; } .product-tags a.magnetic-popup-video { color: #000 !important; } .product-video { position: relative; overflow: hidden; padding-top: 58.25%; } .product-video iframe { margin: 0 auto; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .breadcrumbs { margin: 1.25em 0; } .breadcrumbs ul { list-style: none; display: block; width: auto; padding: 0 !important; margin: 0; } .breadcrumbs li { position: relative; display: inline-block; padding-right: 0.5em; margin-right: .85em; list-style: none; font-size: 16px; font-weight: 600; } .breadcrumbs li:after { content: ''; position: absolute; top: 1px; right: -0.5em; width: 12px; height: 100%; background: url(/svg/cheveron-black.svg) 50% 50%/contain no-repeat transparent; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .breadcrumbs li:last-of-type:after { display: none; } .breadcrumbs a { color: #367C2C; } .breadcrumbs a:hover { color: #174C10; } .clickable { cursor: pointer; } .newsletter-form input, .newsletter-form button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; border: none; } .newsletter-form label { color: #fff; font: 100 14px "Titillium Web", serif; margin: 0 1em 0 0; -webkit-box-flex: 0; -webkit-flex: 0 0 180px; -moz-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } .newsletter-form .inputs { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .newsletter-form [type="email"] { background: #fff; color: #000; font: bold 0.8125em "Titillium Web", serif; padding: 0.5em 1em; width: 100%; } .newsletter-form [type="email"]::-webkit-input-placeholder { color: #000; font: bold 0.8125em "Titillium Web", serif; } .newsletter-form [type="email"]:-moz-placeholder { color: #000; font: bold 0.8125em "Titillium Web", serif; } .newsletter-form [type="email"]::-moz-placeholder { color: #000; font: bold 0.8125em "Titillium Web", serif; } .newsletter-form [type="email"]:-ms-input-placeholder { color: #000; font: bold 0.8125em "Titillium Web", serif; } .newsletter-form [type="submit"] { position: absolute; top: 0; right: 0; width: 72px !important; height: 100% !important; min-width: 0; overflow: hidden; padding: 0; letter-spacing: 0; text-align: center; font-size: 13px; } .larafish .products-table .em5 { width: 5em; } .larafish .products-table .em3 { width: 3em; } .larafish .products-table .em15 { width: 15em; } .larafish .products-table .tacenter { text-align: center; } .larafish.edit-product .image-grid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .larafish.edit-product .image-grid .image { width: 300px; } .larafish.edit-product .image-grid .image > div { height: 300px; width: 100%; background-position: bottom center; background-size: contain; background-repeat: no-repeat; } .larafish.edit-product .image-grid .image.deleted > div { opacity: 0.5; } .larafish.edit-product .image-grid .image.add-image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .promotion-box { background: #ececec; margin: 2em 0; } .promotion-box * { margin: 0; } .promotion-box .title { padding: 0.6875em 1.25em; letter-spacing: 1px; } .promotion-box .subtitle, .promotion-box .content { padding: 1.25em; } .promotion-box .title { background: #387C2C; color: #fff; text-transform: uppercase; } .promotion-box .content { padding-top: 0; } .promotion-box .content p { font: 100 1.25em "Titillium Web", serif; line-height: 1.5; } .expand-all, .dropdown-toggle { cursor: pointer; } .dropdown { position: relative; } .dropdown-title { font-weight: 500; padding: 1em; border-top: 1px solid #C8CCD0; } .dropdown:last-of-type .dropdown-title { border-bottom: 1px solid #C8CCD0; } .dropdown-toggle { position: relative; display: block; padding-right: 2em; } .dropdown-toggle:after { content: ''; position: absolute; width: 13.85px; height: 12px; right: 0.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(/svg/icons/blog-down-pointer-white.svg) 50% 50%/contain no-repeat transparent; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; } .dropdown-content { display: none; padding: 1em; } .buefy-dd .dropdown-content { display: block; padding: inherit; } /** Active States **/ .toggle-checkbox[checked="checked"] + label, .toggle-checkbox:checked + label { border-bottom: 1px solid #C8CCD0; } .toggle-checkbox[checked="checked"] + label, .toggle-checkbox[checked="checked"] + label + .dropdown-content, .toggle-checkbox:checked + label, .toggle-checkbox:checked + label + .dropdown-content { -webkit-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; background: #f9f9f9; } .toggle-checkbox[checked="checked"] + .dropdown-content, .toggle-checkbox[checked="checked"] + label + .dropdown-content, .toggle-checkbox:checked + .dropdown-content, .toggle-checkbox:checked + label + .dropdown-content { display: block; opacity: 0; -webkit-animation: fadeIn 0.4s cubic-bezier(0.4, 0.25, 0.3, 1) forwards; animation: fadeIn 0.4s cubic-bezier(0.4, 0.25, 0.3, 1) forwards; border-bottom: 1px solid #C8CCD0; } .toggle-checkbox[checked="checked"] + label:after, .toggle-checkbox:checked + label:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .feature .seccion-images { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feature .seccion-images div { margin-bottom: 1em; width: 45%; } .feature .seccion-images div img { width: 100%; } .feature .seccion-images .caption { display: block; color: #8c8c8c; font-weight: 100; font-style: italic; margin: 0.5em 0; } .feature p + p { margin-top: 0; } [src*="clearpix"] { display: none; } table.styled, table.alternating { width: 100%; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; } table.styled thead, table.alternating thead { background: #fafafa; } table.styled thead th, table.alternating thead th { padding: 0.5em; } table.styled tr:first-of-type, table.alternating tr:first-of-type { border-top: 1px solid #E8E8E8; } table.styled tr:last-of-type, table.alternating tr:last-of-type { border-bottom: 1px solid #E8E8E8; } table.styled td, table.alternating td { padding: 0.25em 1em; border-right: 1px solid #E8E8E8; } table.styled td:last-of-type, table.alternating td:last-of-type { border: none; } table.styled h5, table.alternating h5 { margin: 0; font-size: 1em; } table.styled p, table.alternating p { margin: 0.875em; } table.alternating tr:nth-child(even) { background: #F6F6F6; } table.spec-table td:first-of-type { width: 40%; } table.application th { padding: 1em; } tr .align-left, td .align-left { text-align: left; } .gallery-slider .slide img { width: 100%; max-width: 100%; } .subpage-header { position: relative; background: url(/img/default-header.jpg) 50% 50%/cover no-repeat transparent; min-height: 150px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; } .subpage-header:after { content: ''; position: absolute; bottom: 0; left: 0; height: 50%; left: 0%; width: 115%; pointer-events: none; z-index: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.75))); background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.75)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.75)); } .subpage-header .title-wrapper { position: relative; text-align: center; z-index: 2; width: 100%; left: 0; padding: 0 5%; margin: auto 0; } .subpage-header h1 { font-size: 45px; color: #fff; font-family: "Titillium Web", serif; font-weight: bold; letter-spacing: -1px; margin: 0; } .save-product-form button:not(.btn), .save-product-price-watch-form button:not(.btn) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; border: none; font: 500 0.75em "Titillium Web", serif; color: #666; text-transform: uppercase; letter-spacing: 1px; padding: 0; height: 1.8em; } .save-product-form .icon, .save-product-price-watch-form .icon { margin-right: 0.5em; margin-top: -0.125em; height: 1.755em; display: inline-block; vertical-align: middle; text-transform: uppercase; } .save-product-form svg, .save-product-price-watch-form svg { stroke-width: 1px; fill: #fff; stroke: #666; } .save-product-form .saved svg, .save-product-price-watch-form .saved svg { fill: #666; stroke: #666; } .save-product-form .loader img, .save-product-price-watch-form .loader img { width: 1.5em; height: 1.5em; margin-top: 4px; } .save-product-price-watch-form svg { stroke: none; } .compare-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font: 500 0.75em "Titillium Web", serif; color: #666; text-transform: uppercase; letter-spacing: 1px; } .compare-button .icon { display: inline-block; margin-right: 0.375em; font-size: 11px; } .compare-button .saved { background: #666; } .compare-button .loader { display: none; } .compare-button .loader img { width: 1.5em; height: 1.5em; margin-top: 4px; } #compare-drawer { position: fixed; bottom: 0; right: 5%; width: 675px; max-width: 90vw; max-height: 2.3em; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); z-index: 999; } #compare-drawer.open { max-height: 20em; opacity: initial; } #compare-drawer > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #compare-drawer .toggle { width: 236px; height: 33px; background: #FFDD00; color: #000; font: bold 15px "Titillium Web", serif; padding: 0.5em; cursor: pointer; margin: 0 0 0 auto; } #compare-drawer .toggle .text { display: block; text-align: center; } #compare-drawer [class*="icon-"] { margin-right: 0.5em; } #compare-drawer [class*="icon-"] img { vertical-align: top; } #compare-drawer .content { width: 100%; border: 3px solid #FFDD00; background: white; } #compare-drawer ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0; padding: 0; list-style: none; } #compare-drawer li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 25%; max-width: 25%; -webkit-box-flex: 1; -webkit-flex: 1 0 25%; -moz-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; margin: 0 0 .5em; padding: 0.5em 2%; text-align: center; } #compare-drawer .remove-item { cursor: pointer; font-size: 0.875em; color: #8B9197; text-align: left; } #compare-drawer a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #000; height: 100%; } #compare-drawer img { margin: auto; max-height: 90%; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #compare-drawer .title { font: bold 11px "Titillium Web", serif; margin: auto auto 0 auto; } #compare-drawer p { font: 400 11px "Titillium Web", serif; margin: 0 2% 0.5em; } /* Anchor Bar SCSS */ .anchor-bar-wrapper { position: absolute; top: initial; left: initial; width: 100%; -webkit-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; z-index: 10; } .anchor-bar-wrapper.sticky { position: fixed; } .anchor-bar-wrapper + div { margin-top: 6.375em; margin-bottom: 2em; } .anchor-bar-wrapper div { max-width: none !important; width: 100%; } .anchor-bar-wrapper .anchor-bar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 0 1em; background: #FFF; border-bottom: 1px solid #8B9197; } .anchor-bar-wrapper .anchor-bar::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; } .anchor-bar-wrapper .anchor-bar p, .anchor-bar-wrapper .anchor-bar a { margin: 0 1em 0 0; color: #000; } .anchor-bar-wrapper .anchor-bar p { padding: 1em 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .anchor-bar-wrapper .anchor-bar a { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .anchor-bar-wrapper .anchor-bar .editor, .anchor-bar-wrapper .anchor-bar .editor-bar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .anchor-bar-wrapper .anchor-bar .editor p, .anchor-bar-wrapper .anchor-bar .editor-bar p { padding: 1em 0; } #compare-dashboard .compare-products-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; font-size: 0.9em; max-width: none; width: auto; min-width: 100%; overflow-x: scroll; } #compare-dashboard .grid { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #compare-dashboard .image, #compare-dashboard .details { text-align: center; } #compare-dashboard .details { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 10em; margin-bottom: 2em; } #compare-dashboard .image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 250px; min-height: 150px; height: 15vw; overflow: hidden; } #compare-dashboard .image img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #compare-dashboard .title { margin: 0.25em 0 0.5em; } #compare-dashboard .price { margin: 0 0 1em; } #compare-dashboard .cta-wrapper { margin-top: auto; } #compare-dashboard table.spec-table td p { margin: 0; } #compare-dashboard table.spec-table td { text-transform: capitalize; width: 50%; word-break: break-all; word-break: break-word; } #compare-dashboard .content { overflow-x: scroll; } #compare-dashboard .content div { width: 100% !important; } #compare-dashboard [class*="col-"] { min-width: 280px !important; width: 20% !important; -webkit-flex-basis: 20% !important; -ms-flex-preferred-size: 20% !important; flex-basis: 20% !important; margin: 0 1em; } /* Social Button SCSS */ .social-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; cursor: pointer; position: relative; } .social-button:hover .social-button-dropdown { display: block; } .social-button-dropdown { position: absolute; top: calc(-50% + 4px); right: 100%; z-index: 1; display: none; padding: 0 !important; margin: 0; max-width: 10000px; background-color: #f6f6f6; list-style-type: none; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } .social-button-dropdown li { padding: 1.25em; font-size: 12.5px; margin: 0 !important; line-height: 1; text-align: center; } .social-button-dropdown li a { font: 700 12px "Titillium Web", serif; line-height: 1.6; text-transform: uppercase; letter-spacing: 1px; } /* Quick Apply SCSS */ #quick_apply { display: inline-block; } /* Tractor Packages SCSS */ .tractor-packages-series-package { padding: 2em 0; border-bottom: 1px solid #e8e8e8; } .tractor-packages-series-package-image { margin: 50px 0; text-align: center; } .tractor-packages-series-package-image img { height: auto; } .tractor-packages-series-package-info-title { margin-bottom: 0; } .tractor-packages-series-package-info-title h2 { margin-bottom: 0; color: #387c2c; font-size: 36px; } .tractor-packages-series-package-info-sub-title { margin-bottom: 0.8em; } .tractor-packages-series-package-info-sub-title h3 { margin: 0; color: #616161; font: 700 26px 'titillium web'; font-size: 26px; } .tractor-packages-series-package-info-sub-content p { color: #387C2C; font-size: 18px; font-weight: 700; } .two-row-three-col-box .text-box { padding: 4em 2em; position: relative; width: 100%; min-height: 367px; } .two-row-three-col-box .text-box::after { content: ''; position: absolute; left: 45%; top: 100%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; clear: both; z-index: 1; } .two-row-three-col-box .text-box h2 { font-family: "Titillium Web", serif; } .two-row-three-col-box .text-box hr { height: 2px; width: 80px; } .two-row-three-col-box .text-box p { padding: 0.2em 0 0 0; } .two-row-three-col-box .box:nth-child(even) .text-box { background-color: #FFDD00; } .two-row-three-col-box .box:nth-child(even) .text-box::after { border-top: 15px solid #FFDD00; } .two-row-three-col-box .text-box:nth-child(odd) { background-color: #387C2C; } .two-row-three-col-box .text-box:nth-child(odd)::after { border-top: 15px solid #387C2C; } .two-row-three-col-box .col-4:nth-child(even) hr { background: #387C2C; } .two-row-three-col-box .col-4:nth-child(odd) hr { background: #FFDD00; } .two-row-three-col-box .image-box { padding: 0 !important; } .two-row-three-col-box .image-box p { margin: 0 !important; padding: 0 !important; } .two-row-three-col-box .image-box img { min-width: 100%; height: auto; } .career-two-col .col-6 { min-height: 390px; padding: 0em 4em !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .career-two-col .col-6 p { line-height: 24px; padding: 0.5em 0em; } .careers .career-two-col { padding: 6em 0em; } .ad-tech hr { width: 100%; height: 1px; background-color: black; } .ad-tech .first .text-content { padding: 4em 0; } .ad-tech .first .title-container { position: relative; min-height: 150px; } .ad-tech .first .title-container div { position: absolute; right: -40px; z-index: 1; } .ad-tech .first .content-container { padding: 0 0 0 4em; } .ad-tech .second .title-container { position: relative; min-height: 150px; } .ad-tech .second .title-container p { margin: 0; line-height: 0; } .ad-tech .second .title-container div { position: absolute; bottom: 0; left: 10px; z-index: 1; } .ad-tech .third .text-content { position: relative; } .ad-tech .third .text-content .title-container { position: absolute; bottom: 200px; left: -90px; z-index: 1; } .ad-tech .third .text-content .content-container { position: absolute; bottom: 80px; left: 10px; } .ad-tech .image { min-height: 500px; background-repeat: no-repeat; position: absolute; z-index: -1; } .ad-tech .splatter-1 { right: 100px; top: 10px; } .ad-tech .splatter-2 { top: -300px; } .ad-tech .splatter-3 { top: -300px; right: 0; } /** Scroll In / Fade In Background Shapes **/ .scroll-fade-in { position: absolute; top: 10%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 285px; height: 285px; background: none 50% 50% / contain no-repeat transparent; opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: opacity 0.6s cubic-bezier(0.4, 0.25, 0.3, 1); transition: opacity 0.6s cubic-bezier(0.4, 0.25, 0.3, 1); } .scroll-fade-in.show { opacity: 1; } .scroll-fade-in.orange-circle-bg { background-image: url(/svg/circle-orange.svg); } .scroll-fade-in.orange-hexagon-bg { background-image: url(/svg/hexagon-orange.svg); left: 75%; } .scroll-fade-in.orange-square-bg { background-image: url(/svg/square-orange.svg); width: 330px; height: 330px; } .scroll-fade-in.orange-square-bg.show { opacity: 0.5; } .monthly-promotions, .service-promotions { padding-top: 1.5em; } .monthly-promotions .card, .service-promotions .card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .monthly-promotions .card .image, .service-promotions .card .image { width: 100%; min-height: 300px; background-size: cover; background-position: center; position: relative; } .monthly-promotions .card .best-deal, .service-promotions .card .best-deal { background: #FFDD00; position: absolute; border-radius: 50%; width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; bottom: -30px; right: 20px; font: 600 0.9em "Titillium Web", serif; line-height: 1; } .monthly-promotions .card .content, .service-promotions .card .content { background: #ECECEC; padding: 2.2em 2em; min-height: 200px; height: 100%; } .monthly-promotions .card .full-height, .service-promotions .card .full-height { height: 100%; } .monthly-promotions .card .content .title, .service-promotions .card .content .title { font: 600 1.8em/30px "Titillium Web", serif; color: #387C2C; letter-spacing: 0; padding: 0 0 0.6em 0; } .monthly-promotions .card .content .sub-title, .service-promotions .card .content .sub-title { font: 600 1.1em/18px "Helvetica", serif; } .monthly-promotions .card .deal, .service-promotions .card .deal { padding: 0.5em 0; } .monthly-promotions .card .equal-height-col, .service-promotions .card .equal-height-col { margin: auto 0 0 0; background: #ECECEC; height: 100%; } .monthly-promotions .card .deals, .service-promotions .card .deals { padding: 1.5em 0 0 0; } .monthly-promotions .card .deals .percent-off, .service-promotions .card .deals .percent-off { background: #FFDD00; padding: 0.2em 0.7em; font: 600 1.2em "Titillium Web", serif; text-align: center; } .monthly-promotions .card .deals .desc-container, .service-promotions .card .deals .desc-container { padding-left: 1em; } .monthly-promotions .card .deals .desc, .service-promotions .card .deals .desc { text-transform: uppercase; font: 600 1.2em "Titillium Web", serif; } .monthly-promotions .card .deals .disclaimer, .service-promotions .card .deals .disclaimer { padding-left: 1.6em; text-transform: uppercase; font: 0.725em/16px "Titillium Web", serif; letter-spacing: 1px; } .promotions { padding: 0.5em 0 0.5em 0; } .promotions p { margin: 0; line-height: 2.5; } .promotions .header-title { border-bottom: 1px solid #8B9197; margin: 0 0 1em !important; font: 700 2em/36px "Helvetica", serif !important; } .twenty-four-seven-wrapper .twenty-four-seven { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .twenty-four-seven-wrapper .twenty-four-seven .btn, .twenty-four-seven-wrapper .twenty-four-seven .form-builder-form button, .form-builder-form .twenty-four-seven-wrapper .twenty-four-seven button { -webkit-transition: 0.25s ease transform; -o-transition: 0.25s ease transform; transition: 0.25s ease transform; } .twenty-four-seven-wrapper .twenty-four-seven .btn:hover, .twenty-four-seven-wrapper .twenty-four-seven .form-builder-form button:hover, .form-builder-form .twenty-four-seven-wrapper .twenty-four-seven button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .twenty-four-seven-wrapper .twenty-four-seven .col-6 { padding: 0 0.5em; width: 48%; max-width: 48%; -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 1%; } #locations-app * { max-width: none; } .video-slider { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out 1s; -o-transition: opacity 0.5s ease-in-out 1s; transition: opacity 0.5s ease-in-out 1s; } .video-slider.slick-initialized { opacity: 1; } .youtube-video-slider .video-slide-container { width: 100%; height: 100%; position: relative; cursor: pointer; overflow: hidden; } .youtube-video-slider .video-slide-container:before { content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 2; opacity: 0; -webkit-transition: 0.25s ease-in-out opacity; -o-transition: 0.25s ease-in-out opacity; transition: 0.25s ease-in-out opacity; } .youtube-video-slider .video-slide-container:hover:before { opacity: 1; } .youtube-video-slider .video-slide-container:hover .thumbnail { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .youtube-video-slider .video-slide-container:hover .icon-yt-play { opacity: 1; } .youtube-video-slider .video-slide-container .thumbnail { width: 100%; height: auto; -webkit-transition: 0.25s ease-in-out transform; -o-transition: 0.25s ease-in-out transform; transition: 0.25s ease-in-out transform; } .youtube-video-slider .video-slide-container .icon-yt-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } .youtube-video-slider .video-title { margin-top: 0.625rem; color: #000000; font-family: "Titillium Web", serif; font-weight: 700; } .yt-slide-iframe { width: 90vw; height: 250px; } .video-slide:hover img.video-thumb { -webkit-filter: brightness(0.5); filter: brightness(0.5); } .video-slide:hover .play-icon { opacity: 1 !important; } #locations-app { background: #F5F5F5; } #locations-app .locations-map { width: 100%; height: 250px; margin-top: 1.25rem; } #locations-app .info-container { min-width: 200px; } #locations-app .info-container a { color: #317D2A; text-decoration: underline; font: 600 italic 0.75rem "Titillium Web", serif; } #locations-app .location-thumbnail { max-width: 200px; margin: 0.5rem 0; } #locations-app .location-title { font: 700 1.125rem "Titillium Web", serif; margin: 0 0 0.5rem 0; } #locations-app p:not(.gm-style-pbt) { font: 400 1rem/20px "Titillium Web", serif; color: #000000; } .street-view-image { margin: 1rem 0; } /** HOMEPAGE ONLY */ body.home #page-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.home #compare-drawer { display: none; } /* PAGE WRAPPER */ .homepage { position: absolute; width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .homepage .slides { position: absolute; height: 100%; width: 100%; } /* SLIDES */ .homepage .slide { position: absolute; height: 100%; width: 100%; opacity: 0; -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); } .homepage .slide .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none 50% 33.333% / cover no-repeat transparent; } .homepage .slide .video { position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .homepage .slide .video iframe, .homepage .slide .video object, .homepage .slide .video video, .homepage .slide .video img { max-width: none; min-width: 100%; position: absolute; top: 0; left: 0; z-index: 1; min-height: 100%; min-width: 100%; height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; z-index: 1; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; } .homepage .slide .video:after { content: ''; position: absolute; height: 70%; height: 70vh; width: 100%; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.25))); background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.25)); z-index: 2; } .homepage .slide .content { position: absolute; top: 50%; left: 7.5%; width: 650px; will-change: opacity; -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); } .homepage .slide .wrapper { max-width: 100%; } .homepage .slide h1, .homepage .slide p { color: #fff; word-break: normal; } .homepage .slide h1 { font: 500 6.25em "Titillium Web", serif; line-height: 1.01; margin: 0; font-size: 65px; } .homepage .slide h1.small { font-size: 55px; } .homepage .slide h1 .count { font: bold 4rem "Titillium Web", serif; display: block; } .homepage .slide p { font: bold 1.125em "Titillium Web", serif; line-height: 1.58; margin: 1em 0 1.25em; } /** Mobile Styles **/ /** DIRECTIONS **/ .homepage .slides.down .slide { -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); } .homepage .slides.down .slide.active { -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1), opacity 0s linear; -o-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1), opacity 0s linear; transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1), opacity 0s linear; } .homepage .slides.up .slide { -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1), opacity 0s 1s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1), opacity 0s 1s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1), opacity 0s 1s cubic-bezier(0.4, 0.25, 0.3, 1); } .homepage .slides.up .slide.active { -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 1s cubic-bezier(0.4, 0.25, 0.3, 1); } /** ACTIVE STATE **/ .homepage .slides .slide.active { z-index: 20; opacity: 1; } .homepage .slides .slide.active .content { opacity: 1; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } /* NAVIGATION */ .homepage .slides-nav { position: absolute; top: 125px; width: 100%; z-index: 80; height: 100px !important; } .homepage .slides-nav:before { content: ''; pointer-events: none; position: absolute; bottom: -4em; left: 0; width: 100%; height: 150px; } .homepage .slides-nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin: 0; padding: 0; list-style: none; } .homepage .slides-nav li { position: relative; margin: 0 1em; text-align: center; } .homepage .slides-nav a { position: relative; color: #fff; -webkit-transition: color 0.25s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: color 0.25s cubic-bezier(0.4, 0.25, 0.3, 1); transition: color 0.25s cubic-bezier(0.4, 0.25, 0.3, 1); font: bold 1.1875em "Titillium Web", serif; letter-spacing: 2.38px; text-transform: lowercase !important; } .homepage .slides-nav a.active, .homepage .slides-nav a:hover { color: #FFDD00; } .homepage .slides-nav .line { position: relative; top: 0px; -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); height: 4px; background: #FFDD00; min-width: 1em; -webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: all 0.6s cubic-bezier(0.4, 0.25, 0.3, 1); transition: all 0.6s cubic-bezier(0.4, 0.25, 0.3, 1); margin-left: -245px; } .selectedUsedProduct, .selectedNewProduct { background: #00a800; color: white; } .ais-Hits-item, .ais-InfiniteHits-item { padding: 0px !important; } .ais-Hits-item .item, .ais-InfiniteHits-item .item { cursor: pointer; height: 100%; padding: 5px; overflow: hidden; } #used-productlist-edit .ais-InfiniteHits-item, #used-productlist-edit .ais-InfiniteResults-item, #used-productlist-edit .ais-Hits-item, #used-productlist-edit .ais-Results-item { width: calc(33% - 1rem) !important; } .homepage .mobile-only .slides .slide.non-active { position: absolute; width: 0; height: 0; overflow: hidden; } .homepage .mobile-only .slides .slide { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .subpage-content { padding: 3em 0; } .subpage-content.less-padding { padding: 3rem 0 1.5rem 0; } .subpage-content .close-btn { position: absolute; right: 0; top: 3rem; z-index: 1; } .subpage-content .close-btn:hover .close-img { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .subpage-content .close-btn .close-img { width: 0.81rem; -webkit-transition: 0.25s ease-in-out transform; -o-transition: 0.25s ease-in-out transform; transition: 0.25s ease-in-out transform; } .subpage .form-builder-form h1 { display: none; } .subpage.contact-us .wrapper { max-width: 100% !important; } .new-product-category-title { color: black; font-size: 1.75em; font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; } /* Careers SCSS */ input:not([type="submit"]), select, textarea { padding: 0.75em; } .ais-SearchBox form { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .ais-SearchBox form .max-length-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .ais-SearchBox form .max-length-wrapper input { padding-right: 0 !important; } .ais-SearchBox form .ais-SearchBox-submit { display: none; } .ais-SearchBox form .count { display: none; } .ais-RefinementList-list { list-style-type: none; } #job-postings h1 { padding-bottom: 1em; margin-bottom: 0; font-size: 36px; border-bottom: 1px solid #9E9E9E; } #job-postings #job-listings .job { padding: 2em 0; } #job-postings #job-listings .job:first-child { padding-top: 0; } #job-postings #job-listings .job:first-child .job-heading h3 { margin-top: 1em; } #job-postings #job-listings .job:not(:last-child) { border-bottom: 1px solid #9E9E9E; } #job-postings #job-listings .job .job-title, #job-postings #job-listings .job .job-location, #job-postings #job-listings .job .job-term, #job-postings #job-listings .job .job-description { margin-bottom: 1em; } #job-postings #job-listings .job .job-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #job-postings #job-listings .job .job-heading h3 { margin-top: 0; } #job-postings #job-listings .job .job-title a { font-size: 30px; line-height: 30px; color: #000000; } #job-postings #job-listings .job .job-location { display: block; } #job-postings #job-listings .job .job-location.green { font-size: 16px; line-height: 24px; color: #387C2C; } #job-postings #job-listings .job .job-term { color: #898989; font-size: 16px; line-height: 24px; } #job-posting { margin-bottom: 1.5em; width: 45%; } #job-posting .job-posting-heading { margin: 0; padding: 1em 0; border-bottom: 1px solid #9E9E9E; } #job-posting .job-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1em; } #job-posting .job-info p { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; color: #000000; font-weight: bold; } #job-posting .job-info p span { font-weight: 500; } #job-posting .job-description { margin-top: 1em; margin-bottom: 1.5em; } #job-application { margin: 2em auto; } #job-application.wrapper { width: 850px; } #job-application .label-group label:first-child { display: block; margin-bottom: 1em; } #job-application .label-group label { display: initial; } #job-application .label-group label:not(:last-child) { margin-right: 1em; } #job-application .edu-wrapper { overflow-x: auto; } #job-application .edu-wrapper table { width: 1000px; } .careers .about .col-4 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .careers .about p:last-child { margin-top: auto; } .careers .first, .careers .second, .careers .third, .careers .fourth { padding: 4em 0; } .careers .one-col h2 { font: 2em/36px "Helvetica", serif; } .careers .application-container h2 { font: 2em/36px "Helvetica", serif; } .careers .application-container p { font: 0.8125em/18px "Helvetica", serif; } .careers-section { padding: 1.25rem; } .careers-section.no-padding { padding: 0 !important; } .careers-section.gray { background-color: #F5F5F5; } .careers-section h1 { line-height: 1.2 !important; font: 700 2.25rem "Titillium Web", serif; } .careers-section h2 { font: 700 1.5rem "Titillium Web", serif; color: #000000; margin-bottom: 0; } .careers-section p, .careers-section li { font-family: "Titillium Web", serif; } .careers-section p.subheading, .careers-section li.subheading { color: #387C2C; font: 600 1.5rem "Titillium Web", serif; margin: 0; } .careers-slider .slide-image { position: relative; margin: 0 .625rem; padding: 0; } .careers-slider .slide-image.slick-current:hover .overlay { opacity: 1; overflow: scroll; } .careers-slider .slide-image .content p { color: #fff; font: 400 1rem "Titillium Web", serif; } .careers-slider .slide-image .overlay { position: relative; width: 100%; height: 100%; opacity: 1; top: 100%; -webkit-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; background: rgba(0, 0, 0, 0.75); padding: 2rem 7rem; } .careers-slider .slide-image img { width: 100%; } .positions-filter .card { cursor: pointer; width: 100%; padding: 1.25rem; } .positions-filter .card.gray { background-color: #F5F5F5; } .positions-filter .card .card-title { font: 700 1.1rem "Titillium Web", serif; text-transform: uppercase; color: #101010; margin-bottom: .75rem; } .positions-filter .card p { font: 400 1rem "Titillium Web", serif; color: #101010; } .positions-filter .card .btn, .positions-filter .card .form-builder-form button, .form-builder-form .positions-filter .card button { padding: 0.75rem; font: 700 0.75rem "Titillium Web", serif; text-transform: uppercase; } .grid-container { display: grid; grid-gap: 1.5rem; } .grid-container.grid-col-1 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-1 { grid-column: 1 span; } .grid-container.grid-col-2 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-2 { grid-column: 2 span; } .grid-container.grid-col-3 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-3 { grid-column: 3 span; } .grid-container.grid-col-4 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-4 { grid-column: 4 span; } .grid-container.grid-col-5 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-5 { grid-column: 5 span; } .grid-container.grid-col-6 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-6 { grid-column: 6 span; } .grid-container.grid-col-7 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-7 { grid-column: 7 span; } .grid-container.grid-col-8 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-8 { grid-column: 8 span; } .grid-container.grid-col-9 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-9 { grid-column: 9 span; } .grid-container.grid-col-10 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-10 { grid-column: 10 span; } .grid-container.grid-col-11 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-11 { grid-column: 11 span; } .grid-container.grid-col-12 { grid-template-columns: repeat(2, 1fr); } .grid-container .grid-item-span-12 { grid-column: 12 span; } .all-positions { background: #FFDD00; text-align: center; padding: 1.25rem 0.5rem; } .all-positions p { margin: 0; } .all-positions a { font: 700 1.125rem/22px "Titillium Web", serif; border-bottom: 2px solid #000000; padding-bottom: 0.1rem; color: #000000; } .course-content { z-index: 9999999999; } .ag-tech-courses p, .ag-tech-courses li { line-height: 1.3 !important; margin: 0 !important; } .ag-tech-courses .title { padding: 0.5rem 0; margin: 0 !important; } @-webkit-keyframes cog-movement { from { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes cog-movement { from { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .logo-cog-wrapper { text-align: center; } .logo-cog-wrapper #logoCog { top: 0; display: inline-block; position: relative; } .cke_reset_all.cke_1 { position: relative; z-index: 1000000; } .similar-products { padding: 1em; } .similar-products .similar-card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1em; margin: 1em; border: 2px solid #E8E8E8; } .similar-products .similar-card .product-img { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .similar-products .similar-card .card-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1em; } @media (min-width: 800px) { button.next-arrow.slick-arrow.transparent { right: 3.5%; } button.prev-arrow.slick-arrow.transparent { left: 3.5%; } body:not(.home):not(.careers):not(.location-detail):not(.blog-class) #page-content { padding-top: 6em; } .wrapper { max-width: 95%; } .modified-wrapper { max-width: 100%; } .learning-center .search-field:focus { width: 15rem; } .learning-center .heading-one { font-size: 1.875rem; line-height: 2.25rem; } .learning-center #category-tab ~ .categories-list { display: block !important; } .learning-center #youtube .featured-video-container, .learning-center .youtube-video .featured-video-container { height: 31.25rem; } .learning-center .related .related-video { width: 100%; } .learning-center .post .read-more { display: none !important; } .learning-center .post .post-hover:hover .btn, .learning-center .post .post-hover:hover .form-builder-form button, .form-builder-form .learning-center .post .post-hover:hover button { display: block !important; } .blog-posts-wrapper .blog-post:first-child { margin-top: 0; } .learning-center-header { height: 300px; } .grid, .grid .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .grid.relaxed [class*="col-"] { padding-left: 2%; padding-right: 2%; } .grid.relaxed.super [class*="col-"] { padding-left: 4%; padding-right: 4%; } .grid.relaxed.semi [class*="col-"] { padding-left: 1%; padding-right: 1%; } .grid.divided-columns [class*="col-"]:not(:last-of-type) { border-right: 1px solid #c8c8c8; } .grid.divided-by-or [class*="col-"]:not(:last-of-type):after { content: 'OR'; position: absolute; right: -1.5em; width: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; background: #fff; border-radius: 50%; color: #b8b8b8; font-weight: 100; font-size: 14px; text-align: center; } .form-response .response-icon { padding: 20px 30px; } .form-response .response-content { padding: 20px 20px 20px 30px; } .form-response p { line-height: 1.5 !important; } .main-nav-wrapper { z-index: 1000000; height: 100%; bottom: 0; width: 245px; overflow-y: scroll; overflow-x: auto; } .main-nav-wrapper + #page-content { margin-left: 245px; } .main-nav-wrapper .primary { height: 100%; padding: 1.875em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-nav-wrapper .full-nav-container { position: relative; margin: 0em 0 auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .main-nav-wrapper .main-nav ul { margin: 2em 0 0 !important; } .main-nav-wrapper .main-nav li { margin-bottom: 2em !important; } .main-nav-wrapper .main-nav a, .main-nav-wrapper .main-nav .subnav-trigger { font-size: 1.15em; letter-spacing: 1px; } .nav-logo { max-width: 100%; padding-bottom: 2.8125em; border-bottom: 0px solid #C8CCD0; height: 112px; } .customer-portal { font-size: 10px; width: 100%; } .customer-portal .btn, .customer-portal .form-builder-form button, .form-builder-form .customer-portal button { width: 100%; padding: 1.5em; } .secondary-nav .item { margin-bottom: 1em; } .search-suggestions { position: absolute; top: 3.0em; bottom: 2em; height: 80vh; z-index: 10000; min-height: 40em; border: 1px solid #8B9197; } body.home .search-suggestions { max-width: calc(100% - 2.75em); margin-left: 1.45em; } .subnavs { position: fixed; top: 0; height: 100%; z-index: 999999; } .subnav { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); padding: 1.875em; width: 245px; top: 0; left: 245px; z-index: 1; } .subnav ul { padding: 1em 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subnav a { width: 16vw; } .subnav span { display: block; margin: 2em 0; text-align: center; line-height: 1.16; font: bold 14px "Titillium Web", serif; } .subnav img + span { margin: 11px 0; } .subnav-trigger:after { content: ''; position: absolute; bottom: 0; width: 5px; height: 1em; background: #FFDD00; right: -1.65em; opacity: 0; margin: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .subnav-trigger.active:after { opacity: 1; } .subnav-back { display: none; } .subnav .subnav-title { display: none; } .site-footer { margin-left: 245px; z-index: 100; } .site-footer .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer-socials { float: none; text-align: center; margin: auto 1em; } .products-search-page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .products-search-page > .flex-fill { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .products-search { z-index: 10000000; bottom: 0; width: 245px; left: 0; top: 0; padding: 2em 2em 2.5em 2em; width: 245px; -webkit-box-flex: 0; -webkit-flex: 0 0 245px; -moz-box-flex: 0; -ms-flex: 0 0 245px; flex: 0 0 245px; margin-right: 2.5em; } .products-sortby { display: none; } .products-landing-page-container { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding: 0.5em 0 2em 2em; } .products-landing-page-container .featured-product { min-height: 24rem; padding: 2.5rem; } .featured-industries .industry { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } .featured-industries .industry:first-of-type { margin-right: 1.25em; } .featured-industries .industry:last-of-type { margin-left: 1.25em; } .products-slider .slick-arrow { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-page .product-tag { right: 4%; } .breadcrumbs { margin: 1.875em 2.5% 2.5em 0; } .newsletter-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dropdown-toggle { display: none; } table.spec-table td:first-of-type { width: 25%; } .subpage-header { min-height: 12.5rem; padding: 2.5rem; } #compare-drawer { max-height: 2.08em; } .monthly-promotions .card:nth-child(odd), .service-promotions .card:nth-child(odd) { padding: 0 1em 2em 0; } .monthly-promotions .card:nth-child(even), .service-promotions .card:nth-child(even) { padding: 0 0 2em 1em; } .twenty-four-seven-wrapper { padding: 1em 4em; } .youtube-video-slider .video-slide-container .icon-yt-play { width: 5rem; opacity: 0.85; } .youtube-video-slider .video-title { font-family: "Titillium Web", serif; font-weight: 400; } .yt-slide-iframe { width: 50vw; height: 500px; } #locations-app .locations-map { height: 450px; margin-top: 2.75rem; } body.home .site-footer { padding-bottom: 1.15em !important; } .homepage .slide .video iframe, .homepage .slide .video object, .homepage .slide .video video, .homepage .slide .video img { position: absolute; min-height: 100%; } .homepage .slide h1 .count { margin-bottom: 0.25em; line-height: 1; } .homepage .slide p { width: 500px; } .slide > .desktop-disabled { pointer-events: none !important; } body.is-ie .homepage video { opacity: 0; } body.is-ie .homepage video.ready { opacity: 1; } .subpage-content .close-btn .close-img { width: 1.25rem; } .location-detail .subpage-content .close-btn { right: 4%; } .careers-section { padding: 2.5rem 5rem; } .careers-section h1 { font: 700 3.375rem "Titillium Web", serif; } .careers-section h2 { font-size: 2.5rem; margin: 0; } .careers-section .btn, .careers-section .form-builder-form button, .form-builder-form .careers-section button { padding: 1rem 1.5rem; } .careers-slider .slide-image { margin: 0 1.25rem; } .careers-slider .slide-image .content { min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .careers-slider .slide-image .overlay { position: absolute; top: 0; right: 0; opacity: 0; } .positions-filter { margin-top: 2.125rem; } .all-positions { padding: 2rem; } .ag-tech-courses .course-image { width: 120px; } .ag-tech-courses .title { padding: 1rem 0; } .ag-tech-courses .col-6:nth-child(even) { padding-left: 1rem; } .ag-tech-courses .col-6:nth-child(odd) { padding-right: 1rem; } } @media screen and (min-width: 800px) { .mobile-only { display: none !important; } .mobile-only.block { display: none !important; } .mobile-only.inline-block { display: none !important; } .non-mobile { display: initial !important; } .non-mobile.block, .homepage .slide p, .homepage .slides-nav { display: block !important; } .non-mobile.inline-block { display: inline-block !important; } body { font-size: 16px !important; } h1, .h1-styles { font-size: calc(40px + 16 * ((100vw - 800px) / 500)); } .subpage-header h1 { font-size: calc(45px + 20 * ((100vw - 800px) / 700)); } .homepage .slide h1 { font-size: calc(65px + 35 * ((100vw - 800px) / 700)); } .homepage .slide h1.small { font-size: calc(55px + 30 * ((100vw - 800px) / 700)); } } @media screen and (max-height: 750px) and (min-width: 800px) { .homepage .slide h1 .count { font-size: 0.75em; display: inline-block; margin: 0 -0.2em -1em 0; } } @media screen and (max-height: 600px) and (min-width: 800px) { .homepage .slide .btn, .homepage .slide .form-builder-form button, .form-builder-form .homepage .slide button { margin-top: 2em; } } @media all and (min-width: 800px) and (-ms-high-contrast: none), (min-width: 800px) and (-ms-high-contrast: active) { body.home .site-footer { position: absolute; bottom: 0; width: calc(100% - 245px); } } @media (min-width: 1000px) { .subnav a { width: 13vw; } .products-slider .slide { margin: 0 1.25em; } } @media (min-width: 1100px) { .products-list-page-container .product .image { width: 27%; } .logo-cog-wrapper #logoCog { width: 350px; top: 0; margin-left: 10em; } } @media (min-width: 1101px) { .products-list-page-container .product .cta { width: 19%; width: 14em; } .products-list-page-container .product .cta h3 { font-size: 1.875em; margin: 0.2em 0 1.15em; } .products-list-page-container .product .cta .btn, .products-list-page-container .product .cta .form-builder-form button, .form-builder-form .products-list-page-container .product .cta button { font-size: 13px; } } @media (min-width: 1200px) { button.slick-arrow.transparent { width: 3.5rem; height: 3.5rem; } button.slick-arrow { width: 30px; height: 70px; } .grid-container.grid-col-1 { grid-template-columns: repeat(1, 1fr); } .grid-container.grid-col-2 { grid-template-columns: repeat(2, 1fr); } .grid-container.grid-col-3 { grid-template-columns: repeat(3, 1fr); } .grid-container.grid-col-4 { grid-template-columns: repeat(4, 1fr); } .grid-container.grid-col-5 { grid-template-columns: repeat(5, 1fr); } .grid-container.grid-col-6 { grid-template-columns: repeat(6, 1fr); } .grid-container.grid-col-7 { grid-template-columns: repeat(7, 1fr); } .grid-container.grid-col-8 { grid-template-columns: repeat(8, 1fr); } .grid-container.grid-col-9 { grid-template-columns: repeat(9, 1fr); } .grid-container.grid-col-10 { grid-template-columns: repeat(10, 1fr); } .grid-container.grid-col-11 { grid-template-columns: repeat(11, 1fr); } .grid-container.grid-col-12 { grid-template-columns: repeat(12, 1fr); } } @media (min-width: 1250px) { .products-slider .slide { margin: 0 2.5em; } } @media screen and (min-width: 1300px) { h1, .h1-styles { font-size: 56px; } } @media (min-width: 1400px) { td.alert-column-cell { width: 5em; white-space: nowrap; } } @media screen and (min-width: 1500px) { .subpage-header h1 { font-size: 65px; } .homepage .slide h1 { font-size: 100px; } .homepage .slide h1.small { font-size: 85px; } } @media (max-width: 1440px) { .products-list-page-container .product.grid-view.col-6 { width: 50% !important; max-width: 50% !important; } } @media (max-width: 1100px) { .products-list-page-container .product { border-bottom: none; margin-right: 0; } .products-list-page-container .product:first-of-type { margin-top: 0; } .products-list-page-container .product.list-view { padding: 0 0 2.5rem !important; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products-list-page-container .product.list-view .image { width: 100%; margin: 0; } .products-list-page-container .product.list-view .cta { width: 90%; margin: 0 auto; position: relative; border-bottom: 1px solid #E8E8E8; padding-bottom: 2.5em; } .products-list-page-container .product.list-view .cta .product-title { padding: 0.5em 0; } .products-list-page-container .product.list-view .cta .product-icons { padding: 0.5em 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .products-list-page-container .product.list-view .cta .product-icons > .product-icon { margin-right: 1.8em; } .products-list-page-container .product .details { display: none; } .products-list-page-container .product .cta { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } .products-list-page-container .product .cta h4 { margin: 0.25em 0 0.5em !important; } .products-list-page-container .product .cta .grid { margin-bottom: 0.5em; } .products-list-page-container .product .cta .mobile-only { display: block !important; } .product-tag { line-height: 1.6; } } @media (max-width: 1100px) and (max-width: 799px) { .products-list-page-container .product.list-view .cta .product-icons { margin: 0; } } @media (max-width: 1050px) { .btn, .form-builder-form button { font-size: 0.875em; } } @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; } .featherlight-previous { left: 10px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } @media screen and (max-width: 1000px) { .two-row-three-col-box .text-box h2 { font-size: 1.5em; } .ad-tech .first .content-container { padding: 0 0 0 1em; } .ad-tech .splatter-1 { display: none; } .ad-tech .splatter-2 { display: none; } .ad-tech .splatter-3 { display: none; } .ad-tech .splatter-4 { display: none; } } @media (max-width: 1000px) { .twenty-four-seven-wrapper .twenty-four-seven .col-6 { width: 100%; max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (max-width: 999px) { .products-landing-page-container .grid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-landing-page-container .grid:not(.no-breakpoint) [class*="col-"] { width: 50%; -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding: 0 0.5em; } } @media (max-width: 999px) { .anchor-bar-wrapper.sticky { left: 12.5em; padding-right: 12.5em; } .anchor-bar-wrapper.sticky .anchor-bar { padding-left: 4%; } .anchor-bar-wrapper .anchor-bar .editor p, .anchor-bar-wrapper .anchor-bar .editor-bar p { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media (max-width: 800px) { .used-products-container .products-list-page-container .product .image img { height: 35vw; } } @media screen and (max-width: 800px) { .two-row-three-col-box .col-4 { margin-bottom: -10px; } .two-row-three-col-box .text-box { min-height: 264px; } .career-two-col .col-6 { min-height: 290px; } .careers .career-two-col { padding: 1em 0em; } .ad-tech .first .title-container { min-height: 100px; } .ad-tech .first .title-container div { position: relative; right: 0; } .ad-tech .second .title-container { position: absolute; bottom: 52%; left: -20px; } .ad-tech .second .title-container div { top: -30px; } .ad-tech .third .text-content .title-container { bottom: 110px; right: -20px; left: 20px; } .ad-tech .third .text-content .content-container { position: relative; bottom: 0; left: 0; } } @media (max-width: 799px) { .featherlight .wrapper { width: 80vw; } .mfp-content img { min-width: 100%; } .icon-search { margin-top: 0px !important; } .blog-posts-wrapper .grid.row.reverse { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .blog-posts-wrapper .blog-page-title { font-size: 2em; margin: 1em 0; } .blog-posts-wrapper .blog-post { margin: 1.5em 0; } .blog-posts-wrapper .post-image { min-height: 300px; } .blog-posts-wrapper .post-title { margin-bottom: 0; font-size: 1.5em; } .grid .col-1 { width: 100%; max-width: 100%; } .grid .col-2 { width: 100%; max-width: 100%; } .grid .col-3 { width: 100%; max-width: 100%; } .grid .col-4 { width: 100%; max-width: 100%; } .grid .col-5 { width: 100%; max-width: 100%; } .grid .col-6 { width: 100%; max-width: 100%; } .grid .col-7 { width: 100%; max-width: 100%; } .grid .col-8 { width: 100%; max-width: 100%; } .grid .col-9 { width: 100%; max-width: 100%; } .grid .col-10 { width: 100%; max-width: 100%; } .grid .col-11 { width: 100%; max-width: 100%; } .grid .col-12 { width: 100%; max-width: 100%; } .grid .col-even { width: 100%; max-width: 100%; } .grid.no-breakpoint .col-1 { width: 8.3%; max-width: 8.3%; -webkit-flex-basis: 8.3%; -ms-flex-preferred-size: 8.3%; flex-basis: 8.3%; } .grid.no-breakpoint .col-2 { width: 16.6%; max-width: 16.6%; -webkit-flex-basis: 16.6%; -ms-flex-preferred-size: 16.6%; flex-basis: 16.6%; } .grid.no-breakpoint .col-3 { width: 25%; max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .grid.no-breakpoint .col-4 { width: 33.3%; max-width: 33.3%; -webkit-flex-basis: 33.3%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; } .grid.no-breakpoint .col-5 { width: 41.6%; max-width: 41.6%; -webkit-flex-basis: 41.6%; -ms-flex-preferred-size: 41.6%; flex-basis: 41.6%; } .grid.no-breakpoint .col-6 { width: 50%; max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .grid.no-breakpoint .col-7 { width: 58.3%; max-width: 58.3%; -webkit-flex-basis: 58.3%; -ms-flex-preferred-size: 58.3%; flex-basis: 58.3%; } .grid.no-breakpoint .col-8 { width: 66.6%; max-width: 66.6%; -webkit-flex-basis: 66.6%; -ms-flex-preferred-size: 66.6%; flex-basis: 66.6%; } .grid.no-breakpoint .col-9 { width: 75%; max-width: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .grid.no-breakpoint .col-10 { width: 83.3%; max-width: 83.3%; -webkit-flex-basis: 83.3%; -ms-flex-preferred-size: 83.3%; flex-basis: 83.3%; } .grid.no-breakpoint .col-11 { width: 91.6%; max-width: 91.6%; -webkit-flex-basis: 91.6%; -ms-flex-preferred-size: 91.6%; flex-basis: 91.6%; } .grid.no-breakpoint .col-12 { width: 100%; max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .form-response { max-width: 95vw; top: 7em; } .form-response * { -webkit-transform: scale(0.875); -ms-transform: scale(0.875); transform: scale(0.875); } .main-nav-wrapper { height: 40px; } .main-nav-wrapper + #page-content { padding-top: 40px; } .main-nav-wrapper .full-nav-container { position: fixed; top: 0; left: 0; bottom: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); -o-transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); transition: transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.25, 0.3, 1); background: #fff; width: 100%; z-index: 100; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 1em 2em 0; margin-top: 39px; border-top: 1px solid #000; } .main-nav-wrapper .full-nav-container.open { -webkit-transform: none; -ms-transform: none; transform: none; } .main-nav-wrapper .main-nav a, .main-nav-wrapper .main-nav .subnav-trigger { display: block; padding: 0.65em 0; } .main-nav-wrapper .footer a { font: 100 1em "Titillium Web", serif; display: block; margin-bottom: 1.5em; } .nav-logo * { width: 100% !important; } .customer-portal .btn, .customer-portal .form-builder-form button, .form-builder-form .customer-portal button { display: none; padding: 5px 12px 4px; line-height: 9px; font-size: 6px; letter-spacing: 1.88px; } .search-overlay-bg { display: none; } .subnavs { z-index: 100000; } .subnav a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; text-transform: uppercase; font: 400 1.71em "Titillium Web", serif !important; margin-bottom: 1.25em; } .site-footer .newsletter { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; } .footer-translator { float: right; margin: 1.75em 0 0.25em; } .products-search-page { position: relative; } .products-search { top: 40px; width: 100%; z-index: 10; bottom: 0; padding: 0px 2em 4em; -webkit-transform: translateY(-150%) !important; -ms-transform: translateY(-150%) !important; transform: translateY(-150%) !important; } .products-search.open { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top: 8.5em; padding-top: 1em; } .products-category-nav { margin: 2em 0; font-size: 1.25em; } .products-category-nav ul ul { display: none; } .products-filters .filter-toggle.open + .padded-container > .filter-options .filter { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; } .back-to-nav, .back-to-filter, .back-to-filter { display: none !important; } .mobile-filter-toggles { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: fixed; z-index: 100; width: 100%; } .products-sort-by { margin-left: 0; } .products-landing-page-container .featured-product { width: 100% !important; max-width: 100% !important; } .products-landing-page-container .featured-product:after { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), to(rgba(0, 0, 0, 0.49))); background-image: -o-linear-gradient(transparent 25%, rgba(0, 0, 0, 0.49)); background-image: linear-gradient(transparent 25%, rgba(0, 0, 0, 0.49)); } .products-landing-page-container .featured-product .content { left: 5%; margin-bottom: 1em; } .product-wrapper { max-width: 100%; } .products-list-page-container .product { padding-bottom: 0 !important; } .products-list-page-container .product .details-container { padding: .25em 0; } .products-list-page-container .product.grid-view .cta .product-icons .product-icon { margin-right: 0.8em; } .products-list-page-container .product.grid-view .cta .product-price { padding-bottom: .25em; } .products-list-page-container .product.list-view .product-icons { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .products-list-page-container .product.list-view .product-icons .product-icon { margin-right: 2em; } .products-list-page-container .product.list-view .details-container { display: block; } .filters-list { display: none; } .sort-filter { margin-top: 1em; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sort-filter-item label { margin: 0; color: #000000 !important; font: bold 1em "akzidenz", sans-serif !important; } .sort-filter-item label:before { margin-top: 1px !important; } .product-icons .product-icon div.tooltip .tooltiptext { top: calc(-50% - 2px); } .product-tags { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .product-tags .product-tag.green { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .product-tags .product-tag.red { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .product-video { margin-bottom: 2em; } table.table-collapse-mobile { display: block; } table.table-collapse-mobile thead tr th:not(:first-of-type) { display: none; } table.table-collapse-mobile tr { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } table.table-collapse-mobile tr td:first-of-type { -webkit-box-ordinal-group: -1; -webkit-order: -2; -moz-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } table.table-collapse-mobile tr td:last-of-type { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } table.table-collapse-mobile td { border: none; } .newsletter-form label { display: block; margin: 0.5em 0 0.75em; } .newsletter-form [type="email"] { padding: 0.75em; } .subpage-header .title-wrapper { padding: 3em 2.5%; } .save-product-form button:not(.btn), .save-product-price-watch-form button:not(.btn) { margin: -0.5em 0 1em !important; } .compare-button { margin-top: -0.96em; } .anchor-bar-wrapper.sticky { top: 89px !important; left: 0; padding-right: 0; } .anchor-bar-wrapper .anchor-bar .btn, .anchor-bar-wrapper .anchor-bar .form-builder-form button, .form-builder-form .anchor-bar-wrapper .anchor-bar button { font-size: 0.75em; } .social-button-dropdown li.mobile-only { display: block !important; } .scroll-fade-in.orange-circle-bg { top: 18%; left: -35%; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .scroll-fade-in.orange-square-bg { left: -40%; top: 20%; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .monthly-promotions .card, .service-promotions .card { padding: 0 0 2em 0; } .monthly-promotions .card .deal, .service-promotions .card .deal { padding: 0 0 2em 0; } .monthly-promotions .card .deals .percent-off, .service-promotions .card .deals .percent-off { margin: 0 0 1em 0; } .monthly-promotions .card .deals .desc, .service-promotions .card .deals .desc { text-align: center; } .monthly-promotions .card .deals .disclaimer, .service-promotions .card .deals .disclaimer { padding-left: 0.5em; } .youtube-video-slider .video-slide-container:before { opacity: 1; background: rgba(0, 0, 0, 0.35); } .gm-style .gm-style-iw-c { max-width: 300px !important; } .homepage .slide .bg:after { content: ''; position: absolute; height: 70%; width: 100%; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.25))); background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.25)); z-index: 0; } .homepage .slide .video iframe, .homepage .slide .video object, .homepage .slide .video video, .homepage .slide .video img { height: 100%; position: relative; } .homepage .slide .content { width: 85%; top: 50%; z-index: 20; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; -webkit-transform: none; -ms-transform: none; transform: none; } .homepage .slide h1 { margin-bottom: 20px; font-size: 40px !important; } .homepage .slide h1 .count { display: block; font-size: 1em; margin: 0; } .homepage .slide .btn, .homepage .slide .form-builder-form button, .form-builder-form .homepage .slide button { margin-top: 1em; } .homepage { position: relative; } .homepage .slides { position: relative; } .homepage .slides .slide { position: relative; height: 100vh; min-height: 333px; opacity: 1; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .homepage .slides .slide video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .slide > .desktop-disabled { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; pointer-events: all; } #trustpilot-gtm-floating-wrapper { display: none; } .main-nav-wrapper { height: 20px; margin-bottom: 20px; } .full-nav-container { margin-top: 44px !important; } .subpage-content.less-padding { padding: 0rem 0 .5rem 0; } #job-posting { width: 100%; } #job-application.wrapper { width: 95%; } #job-application .label-group .mobile-only { display: block !important; } .careers-section { margin-bottom: 1rem; } .careers-section.extended-padding { padding: 1.5rem; } .careers-section.no-px-mobile { padding-left: 0; padding-right: 0; } .careers-section.no-pt-mobile { padding-top: 0 !important; } .careers-section.no-pb-mobile { padding-bottom: 0 !important; } .careers-section p.subheading, .careers-section li.subheading { font-size: 1.125rem; } .careers-slider .slick-list { height: 100% !important; } .careers-slider .slide-image .content { min-height: 150px; max-height: 300px; overflow: scroll; } .careers-slider .slide-image .overlay { height: 100%; background: black; padding: 1rem; } .positions .position-title { padding: 0 1.25rem 1rem 1.25rem; } .positions-filter { text-align: center; } .positions-filter .card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .55rem; } .grid-container.no-gap-on-mobile { grid-gap: 0; } .grid-container .grid-item-span-1.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-2.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-3.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-4.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-5.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-6.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-7.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-8.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-9.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-10.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-11.grid-item-full-mobile { grid-column: 1 / -1; } .grid-container .grid-item-span-12.grid-item-full-mobile { grid-column: 1 / -1; } .ag-tech-courses .col-6 { padding-bottom: 1rem; } .careers-filters.products-search { position: relative; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; padding: 0 2em 0; top: 0; bottom: auto; } .careers-filters.products-search .products-category-nav { margin: 0; } } @media (max-width: 799px) and (max-width: 799px) { table.table-collapse-mobile .non-mobile-cell { display: none; } } @media (max-width: 660px) { .products-list-page-container .product.grid-view .cta .product-icons .product-icon { margin-right: 0.43em; } } @media (min-width: 801px) and (max-width: 1537px) { .pb_btn_tech { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media (min-width: 800px) and (max-width: 1150px) { .location-grid.grid .col-4 { width: 50%; max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 800px) and (max-width: 1280px) { .location-grid.grid .col-4 { width: 50%; max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 800px) and (max-width: 999px) { .main-nav-wrapper { width: 200px; } .main-nav-wrapper + #page-content { margin-left: 200px; } .subnav { width: 200px; left: 200px; } .site-footer { margin-left: 200px; } .products-search { width: 200px; padding-left: 1em; padding-right: 1em; } .products-search + #page-content { margin-left: 200px; } .homepage .slides-nav { font-size: 0.875em; } .homepage .slides-nav .line { margin-left: -200px; } } @media (max-width: 1140px) and (min-width: 800px) { .site-footer .newsletter { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .newsletter-form label, .newsletter-form inputs { display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .newsletter-form label { display: none; } .newsletter-form .inputs { margin: 0.5em 0 0; } } @media all and (min-width: 800px) and (max-width: 999px) and (-ms-high-contrast: none), (min-width: 800px) and (max-width: 999px) and (-ms-high-contrast: active) { body.home .site-footer { position: absolute; bottom: 0; width: calc(100% - 200px); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .featherlight.open { width: 100%; height: 100%; } .featherlight.open .featherlight-content { width: 650px; max-width: 90vw; } #height-filler #page-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .subpage-header .title-wrapper { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } @media only screen and (max-device-width: 1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: none; } .featherlight-next span, .featherlight-previous span { display: block; } } @media screen { * { outline: none !important; } } @media screen and (max-height: 750px) { .homepage .slide h1 { font-size: 4.5em; } .homepage .slide h1.small { font-size: 3.5em; } .homepage .slides-nav .line { bottom: -0.5em; } } @media screen and (max-height: 600px) { .homepage .slide p { display: none !important; } } /*# sourceMappingURL=layout.css.map?v=3490def756ed68031353*/