/* This file is generated. DO NOT EDIT. */
/* Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
/* ===================================================================== DEFAULTS */
/* the default print styles from H5BP
* https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
/* ===================================================================== USER STYLES */
}
@charset "UTF-8";
/* In this file you should centralize your imports
* Import this file using the following HTML or equivalent:
* */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "“" "”" "‘" "’";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type=search] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* grid mixins */
/* ===================================================================== HELPERS */
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.u-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.focusable.u-visuallyhidden:active,
.focusable.u-visuallyhidden:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
/*
* Image replacement
*/
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.nav-primary:before, .region-page .country-listing li:before, .region-page .country-list-wrapper .divider:before,
.region-page .country-selector-wrapper .divider:before, #customer-service.tab .contact-location-group:before,
.nav-primary:after,
.region-page .country-listing li:after,
.region-page .country-list-wrapper .divider:after,
.region-page .country-selector-wrapper .divider:after,
#customer-service.tab .contact-location-group:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.nav-primary:after, .region-page .country-listing li:after, .region-page .country-list-wrapper .divider:after,
.region-page .country-selector-wrapper .divider:after, #customer-service.tab .contact-location-group:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.nav-primary, .region-page .country-listing li, .region-page .country-list-wrapper .divider,
.region-page .country-selector-wrapper .divider, #customer-service.tab .contact-location-group {
*zoom: 1;
}
.grid-layout {
overflow-x: hidden;
margin-left: -20px;
margin-right: -20px;
}
.grid-layout:after {
display: table;
content: "";
clear: both;
}
.grid-layout .col1,
.main-content.one-col .col1 {
width: 8.3333333333%;
}
.grid-layout .col2,
.main-content.one-col .col2 {
width: 16.6666666667%;
}
.grid-layout .col3, .grid-layout .cta-module .card, .cta-module .grid-layout .card,
.main-content.one-col .col3,
.main-content.one-col .cta-module .card,
.cta-module .main-content.one-col .card {
width: 25%;
}
.grid-layout .col4, .grid-layout .cta-module.one-col .card, .cta-module.one-col .grid-layout .card,
.main-content.one-col .col4,
.main-content.one-col .cta-module.one-col .card,
.cta-module.one-col .main-content.one-col .card {
width: 33.3333333333%;
}
.grid-layout .col5,
.main-content.one-col .col5 {
width: 41.6666666667%;
}
.grid-layout .col6,
.main-content.one-col .col6 {
width: 50%;
}
.grid-layout .col7,
.main-content.one-col .col7 {
width: 58.3333333333%;
}
.grid-layout .col8,
.main-content.one-col .col8 {
width: 66.6666666667%;
}
.grid-layout .col9, .grid-layout .main-content,
.main-content.one-col .col9,
.main-content.one-col .main-content {
width: 75%;
}
.grid-layout .col10,
.main-content.one-col .col10 {
width: 83.3333333333%;
}
.grid-layout .col11,
.main-content.one-col .col11 {
width: 91.6666666667%;
}
.grid-layout .col12, .grid-layout .no-results,
.main-content.one-col .col12,
.main-content.one-col .no-results {
width: 100%;
}
.main-content {
/* uses a 9 col grid for the content box*/
}
.main-content .col1 {
width: 11.1111111111%;
}
.main-content .col2 {
width: 22.2222222222%;
}
.main-content .col3, .main-content .cta-module .card, .cta-module .main-content .card {
width: 33.3333333333%;
}
.main-content .col4, .main-content .cta-module.one-col .card, .cta-module.one-col .main-content .card {
width: 44.4444444444%;
}
.main-content .col5 {
width: 55.5555555556%;
}
.main-content .col6 {
width: 66.6666666667%;
}
.main-content .col7 {
width: 77.7777777778%;
}
.main-content .col8 {
width: 88.8888888889%;
}
.main-content .col9, .main-content .main-content {
width: 100%;
}
.main-content .col10 {
width: 111.1111111111%;
}
.main-content .col11 {
width: 122.2222222222%;
}
.main-content .col12, .main-content .no-results {
width: 133.3333333333%;
}
.col1,
.col2,
.col3,
.cta-module .card,
.col4,
.cta-module.one-col .card,
.col5,
.col6,
.col7,
.col8,
.col9,
.main-content,
.col10,
.col11,
.col12,
.no-results {
float: left;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 700px) {
.col1,
.col2,
.col3,
.cta-module .card,
.col4,
.cta-module.one-col .card,
.col5,
.col6,
.col7,
.col8,
.col9,
.main-content,
.col10,
.col11,
.col12,
.no-results {
width: 100% !important;
}
}
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: "flexslider-icon";
src: url("fonts/flexslider-icon.eot");
src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
margin: 0 0 60px;
background: #fff;
border: 0;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
display: block;
width: 16px;
height: 45px;
margin: -20px 0 0;
position: absolute;
top: 77%;
z-index: 10;
overflow: hidden;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before {
content: "";
display: inline-block;
margin: 0;
height: 47px;
width: 16px;
}
.flex-direction-nav a.flex-prev:before {
background: url("../images/arrow_controls.png") 0px 45px;
}
.flex-direction-nav a.flex-next:before {
background: url("../images/arrow_controls.png") 16px 45px;
}
.one-col .flex-direction-nav a:before,
.graph-module .flex-direction-nav a:before {
background: url("../images/arrow_controls.png") 0px 0px;
}
.one-col .flex-direction-nav a.flex-next:before,
.graph-module .flex-direction-nav a.flex-next:before {
background: url("../images/arrow_controls.png") 16px 0px;
}
.flexslider .flex-prev {
opacity: 1;
left: 10px;
}
.flexslider .flex-next {
opacity: 1;
right: 10px;
}
.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-prev:hover {
opacity: 0.7;
}
/* Pause/Play */
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: "";
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: "";
}
/* Control Nav */
.flex-control-nav {
width: 100%;
text-align: center;
}
.flex-control-nav li {
margin: 0 4px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 15px;
height: 15px;
display: block;
background: none;
cursor: pointer;
text-indent: -9999px;
border: 3px #d0d2d1 solid;
border-radius: 20px;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
background: #d0d2d1;
border: 3px #d0d2d1 solid;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: 0.7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 950px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
background: #fff !important;
}
.fancybox-skin {
position: relative;
background: #fff;
border: 3px solid #dcdcdc;
color: #444;
text-shadow: none;
border-radius: 2px;
}
.fancybox-opened {
z-index: 8030;
}
/*
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
*/
.fancybox-outer,
.fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
background-image: url("../images/fancybox/fancybox_sprite.png");
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
background-image: url("../images/modal-close.png");
background-repeat: no-repeat;
position: absolute;
top: -24px;
right: -30px;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url("../images/fancybox/blank.gif");
/* helps IE */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(233, 233, 233, 0.95);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #fff;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading div {
background-image: url("../images/fancybox/fancybox_loading@2x.gif");
background-size: 24px 24px;
/*The size of the normal image, half the size of the hi-res image*/
}
}
.fancybox-wrap.fancy-video .fancybox-skin {
padding: 80px 40px 40px 40px !important;
}
.fancybox-wrap.fancy-video .fancybox-skin .fancybox-close {
top: 20px;
right: 17px;
}
.fancybox-wrap.fancy-contact .fancybox-skin {
padding: 60px 10px 10px 10px !important;
}
.fancybox-wrap.fancy-contact .fancybox-skin .fancybox-close {
top: 20px;
right: 17px;
}
.fancybox-wrap.modal-image .fancybox-skin {
padding-top: 60px !important;
}
.fancybox-wrap.modal-image .fancybox-skin .fancybox-close {
top: 20px;
right: 17px;
}
::-moz-selection {
background: #1988CC;
color: #FFFFFF;
}
::selection {
background: #1988CC;
color: #FFFFFF;
}
img {
max-width: 100%;
}
body {
color: #000000;
background: #303030;
font-family: "BreuerTextLight", helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0;
padding: 0 0 370px 0;
position: relative;
z-index: 0;
}
@media screen and (max-width: 700px) {
body {
padding-bottom: 240px;
}
}
html {
background: #303030;
}
#envelope {
background-color: #fff;
}
.wrapper, .article-module .article .article-wrapper, #tabs .tab {
max-width: 1024px;
margin: 0 auto;
padding: 0 25px;
}
header.header {
background: #ffffff;
padding-top: 5px;
width: 100%;
position: relative;
z-index: 999;
}
header.header .wrapper, header.header .article-module .article .article-wrapper, .article-module .article header.header .article-wrapper, header.header #tabs .tab, #tabs header.header .tab {
position: relative;
}
header.header .grid-layout {
overflow: visible;
}
header.header .nav-bar {
background: #E03314;
float: left;
position: relative;
min-height: 0px;
max-height: 54px;
width: 100%;
}
@media screen and (max-width: 770px) {
header.header .nav-bar {
max-height: none;
}
}
@media screen and (max-width: 700px) {
header.header .nav-bar {
border-bottom: 5px solid #E03314;
}
header.header .nav-bar .wrapper, header.header .nav-bar .article-module .article .article-wrapper, .article-module .article header.header .nav-bar .article-wrapper, header.header .nav-bar #tabs .tab, #tabs header.header .nav-bar .tab {
padding: 0;
}
}
header.header .nav-bar .nav-angle {
position: absolute;
left: 50%;
top: 0;
z-index: 3;
width: 50%;
overflow: hidden;
height: 54px;
}
@media screen and (max-width: 1023px) {
header.header .nav-bar .nav-angle {
display: none;
}
}
header.header .nav-bar .nav-angle:before {
background: #cd2028;
content: "";
display: block;
min-height: 54px;
width: 150%;
-webkit-transform: skewX(-30deg);
transform: skewX(-30deg);
margin-left: 260px;
}
@media screen and (max-width: 1023px) {
header.header .nav-bar .nav-angle:before {
margin-left: -280px;
}
}
#logo {
float: left;
margin: 16px 0 14px 20px;
}
#logo img {
width: 145px;
}
/* footer -------------------------------------------------------------*/
.social-bar {
background: #f2f4f3;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top: 1px solid rgba(0, 0, 0, 0.05);
height: 54px;
z-index: 50;
}
.social-bar .wrapper, .social-bar .article-module .article .article-wrapper, .article-module .article .social-bar .article-wrapper, .social-bar #tabs .tab, #tabs .social-bar .tab {
position: absolute;
}
.social-bar .logo-footer {
display: inline-block;
margin-top: 14px;
padding-right: 20px;
margin-right: 10px;
line-height: 0;
}
.social-bar .logo-footer img {
width: 97px;
}
.social-bar .social-links {
float: right;
margin: 0;
}
@media screen and (max-width: 600px) {
.social-bar .social-links {
display: none;
}
}
.social-bar .social-links li {
list-style-type: none;
padding: 0;
margin: 0;
float: left;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.social-bar .social-links li:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.social-bar .social-links li a {
display: block;
width: 53px;
height: 53px;
padding-top: 18px;
text-align: center;
-webkit-transition: all ease 400ms;
transition: all ease 400ms;
}
.social-bar .social-links li a:hover {
background: #ffffff;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
}
footer.footer {
background: #303030;
color: #e9e9e9;
font-size: 13px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
padding-top: 57px;
}
footer.footer .nav-footer {
border-right: 1px solid #4f5051;
padding-left: 40px;
/*@media screen and (max-width:$breakpoint-medium){
h4:after{
color:rgba(255,255,255,.4);
content: "+";
float:right;
font-size:20px;
margin-right:15px;
position: relative;
top:-6px;
}
ul{
display:none;
}
&.open{
h4:after{
color:rgba(255,255,255,.4);
content: "-";
}
ul{
display:block;
margin-bottom:15px;
}
}
&.search h4{
display:none;
}
} */
}
footer.footer .nav-footer:first-child {
padding-left: 20px;
}
footer.footer .nav-footer:last-child {
border: none;
}
@media screen and (max-width: 700px) {
footer.footer .nav-footer {
display: none;
}
}
footer.footer .nav-footer h4 {
margin-bottom: 17px;
margin-top: 0;
text-transform: uppercase;
font-family: "BreuerTextRegular", helvetica, arial;
font-weight: 300;
color: #c2c2c2;
}
footer.footer .nav-footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer.footer .nav-footer ul li {
margin: 0;
margin-bottom: 17px;
padding: 0;
}
footer.footer .nav-footer ul li:last-child {
margin-bottom: 0;
}
footer.footer .nav-footer ul li a {
color: #64cade;
}
footer.footer .nav-footer ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
footer.footer #subfooter {
padding-top: 70px;
padding-bottom: 25px;
color: #a0a0a0;
}
footer.footer #subfooter ul {
margin: 0;
padding: 0;
list-style-type: none;
}
footer.footer #subfooter li {
margin: 0;
padding: 0;
display: inline-block;
border-left: 1px solid #4f5051;
padding: 0 20px;
position: relative;
}
footer.footer #subfooter li:first-child {
padding-left: 0;
border: none;
}
footer.footer #subfooter .subfooter-nav {
color: #a0a0a0;
padding-bottom: 10px;
}
footer.footer #subfooter .subfooter-nav a {
color: #64cade;
}
footer.footer #subfooter .subfooter-nav a:hover {
color: #ffffff;
text-decoration: underline;
}
@media screen and (max-width: 700px) {
footer.footer #subfooter .subfooter-nav li {
border-left: none;
display: block;
padding: 10px 0;
}
}
@media screen and (max-width: 700px) {
footer.footer #subfooter {
padding-top: 20px;
}
}
footer.footer .acc-logo {
position: absolute;
right: -24px;
bottom: 4px;
}
@media screen and (max-width: 700px) {
footer.footer {
padding-top: 0;
}
}
.search-bar {
height: 0px;
background: #ecefee url(../../images/pattern_tile4.png);
position: relative;
-webkit-transition: all linear 300ms;
transition: all linear 300ms;
overflow: hidden;
width: 100%;
}
.search-bar.open {
height: 81px;
}
.search-bar .search-angle {
position: absolute;
left: 50%;
top: 0;
z-index: 3;
width: 50%;
overflow: hidden;
height: 81px;
z-index: 1;
}
@media screen and (max-width: 1023px) {
.search-bar .search-angle {
left: 100%;
}
}
@media screen and (max-width: 770px) {
.search-bar .search-angle {
display: none;
}
}
.search-bar .search-angle:before {
background: #e1e1e1 url(../../images/pattern_tile4.png);
content: "";
display: block;
min-height: 81px;
width: 150%;
-webkit-transform: skewX(-30deg);
transform: skewX(-30deg);
margin-left: 221px;
}
@media screen and (max-width: 1023px) {
.search-bar .search-angle:before {
margin-left: -280px;
}
}
.search-bar fieldset {
border: none;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
}
.search-bar fieldset input {
border: 0;
background: none;
font-size: 30px;
padding-top: 21px;
width: 66%;
float: left;
}
.search-bar fieldset input:focus {
outline: none;
}
.search-bar fieldset input::-moz-selection {
background: rgba(210, 210, 210, 0.7);
}
.search-bar fieldset input::selection {
background: rgba(210, 210, 210, 0.7);
}
@media screen and (max-width: 540px) {
.search-bar fieldset input {
font-size: 18px;
padding-top: 27px;
width: 84%;
}
}
.search-bar fieldset button {
border: 0;
background: url(../../images/search-arrow.png) center no-repeat;
height: 35px;
width: 35px;
margin-top: 21px;
}
@media screen and (max-width: 1024px) {
.search-bar fieldset button {
position: absolute;
right: 0;
}
}
@media screen and (max-width: 540px) {
.search-bar fieldset button {
position: absolute;
right: -5px;
}
}
header.header {
-webkit-font-smoothing: subpixel-antialiased !important;
}
/* import any content partials here */
.index {
height: 100%;
padding: 100px;
width: 100%;
background: #ffffff;
}
@media screen and (max-width: 700px) {
.index {
padding: 20px;
}
}
.homepage {
padding-top: 130px;
}
@media screen and (max-width: 700px) {
.homepage {
padding-top: 0;
}
}
.homepage header.header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
}
@media screen and (max-width: 700px) {
.homepage header.header {
position: relative;
}
}
.header-tile {
background: url(../../images/pattern_tile3.png) top left repeat;
background-attachment: fixed;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.1;
}
.home-panel {
height: 900px;
background-position: center top;
background-size: cover;
display: table;
width: 100%;
position: relative;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.home-panel#panel-1:before, .home-panel#panel-2:before, .home-panel#panel-3:before, .home-panel#panel-4:before {
background: url("../../images/pattern_tile3.png") top left repeat;
background-attachment: fixed;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.1;
content: "";
}
.home-panel#panel-1 {
background-color: #f2f4f3;
background-attachment: fixed;
background-size: cover;
}
@media screen and (max-width: 1025px) {
.home-panel#panel-1 {
background-size: auto 100%;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-1 {
background-size: 300%;
background-attachment: scroll;
}
}
.home-panel#panel-1 .panel-content {
width: 100%;
padding-right: 235px;
padding-top: 40px;
}
.home-panel#panel-1 .panel-content p {
font-size: 21px !important;
padding-right: 150px;
}
@media screen and (max-width: 770px) {
.home-panel#panel-1 .panel-content p {
padding-right: 0px;
}
}
@media screen and (max-width: 700px) {
.home-panel#panel-1 .panel-content p {
padding-right: 0px;
font-size: 18px !important;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-1 .panel-content p {
font-size: 15px !important;
}
}
.home-panel#panel-1 .panel-content h1 {
font-size: 57px !important;
letter-spacing: -1px;
}
@media screen and (max-width: 700px) {
.home-panel#panel-1 .panel-content h1 {
font-size: 51px !important;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-1 .panel-content h1 {
font-size: 42px !important;
}
}
.home-panel#panel-1 .home-down-arrow {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -33px;
}
@media screen and (max-width: 400px) {
.home-panel#panel-1 .home-down-arrow {
display: none;
}
}
.home-panel#panel-2 {
background-color: rgba(0, 0, 0, 0.1);
background-attachment: fixed;
}
@media screen and (max-width: 1025px) {
.home-panel#panel-2 {
background-size: auto 100%;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-2 {
background: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.home-panel#panel-3 {
background-color: rgba(0, 0, 0, 0.2);
background-attachment: fixed;
}
@media screen and (max-width: 1025px) {
.home-panel#panel-3 {
background-size: auto 100%;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-3 {
background: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.home-panel#panel-4 {
background-color: rgba(0, 0, 0, 0);
background-attachment: fixed;
}
@media screen and (max-width: 1025px) {
.home-panel#panel-4 {
background-size: auto 100%;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-4 {
background: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.home-panel#panel-5 {
background-color: rgba(0, 0, 0, 0);
background-attachment: fixed;
padding: 96px 0;
}
@media screen and (max-width: 1025px) {
.home-panel#panel-5 {
background-size: auto 100%;
}
}
@media screen and (max-width: 400px) {
.home-panel#panel-5 {
padding: 25px 0 50px 0;
background: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-repeat: repeat-y;
}
}
@media screen and (max-width: 1100px) {
.home-panel#panel-5 .wrapper, .home-panel#panel-5 .article-module .article .article-wrapper, .article-module .article .home-panel#panel-5 .article-wrapper, .home-panel#panel-5 #tabs .tab, #tabs .home-panel#panel-5 .tab {
padding-right: 65px;
}
}
@media screen and (max-width: 700px) {
.home-panel#panel-5 .wrapper, .home-panel#panel-5 .article-module .article .article-wrapper, .article-module .article .home-panel#panel-5 .article-wrapper, .home-panel#panel-5 #tabs .tab, #tabs .home-panel#panel-5 .tab {
padding-right: 25px;
}
}
.home-panel .v-align {
display: table-cell;
vertical-align: middle;
}
.home-panel .panel-content,
.home-panel .latest {
width: 50%;
padding-bottom: 30px;
font-size: 19px;
}
@media screen and (max-width: 700px) {
.home-panel .panel-content,
.home-panel .latest {
width: 100%;
padding-right: 0 !important;
font-size: 18px;
}
}
@media screen and (max-width: 400px) {
.home-panel .panel-content,
.home-panel .latest {
padding: 40px 0 60px 0;
font-size: 15px;
}
}
.home-panel .panel-content h1,
.home-panel .latest h1 {
padding: 0;
margin: 0;
font-size: 44px;
line-height: 1.1em;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
}
@media screen and (max-width: 700px) {
.home-panel .panel-content h1,
.home-panel .latest h1 {
font-size: 38px;
}
}
.home-panel .panel-content h1:before,
.home-panel .latest h1:before {
display: none;
}
.home-panel .panel-content h1 a,
.home-panel .latest h1 a {
color: white;
}
.home-panel .panel-content h1 a:hover,
.home-panel .latest h1 a:hover {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
}
.home-panel .panel-content p,
.home-panel .latest p {
margin: 39px 0 4px 0;
line-height: 1.6em;
letter-spacing: 0;
}
.home-panel .panel-content p.latest,
.home-panel .latest p.latest {
margin-top: 130px;
}
.home-panel .panel-content a.panel-cta,
.home-panel .latest a.panel-cta {
padding-top: 33px;
color: #e23e21;
display: table;
position: relative;
border-bottom: 1px solid rgba(247, 164, 47, 0.3);
margin-left: 27px;
}
@media screen and (max-width: 400px) {
.home-panel .panel-content a.panel-cta,
.home-panel .latest a.panel-cta {
font-family: "BreuerTextRegular";
}
}
.home-panel .panel-content a.panel-cta:hover,
.home-panel .latest a.panel-cta:hover {
text-decoration: none;
border-bottom: 1px solid #f7a42f;
}
.home-panel .panel-content a.panel-cta img,
.home-panel .latest a.panel-cta img {
position: absolute;
left: -24px;
bottom: 7px;
}
.mod-touch .home-panel#panel-2,
.mod-touch .home-panel#panel-3,
.mod-touch .home-panel#panel-4 {
background-attachment: scroll;
}
.homepage-nav {
position: fixed;
right: 25px;
top: 50%;
list-style-type: none;
margin-top: -148px;
z-index: 5;
}
@media screen and (max-width: 700px) {
.homepage-nav {
display: none;
}
}
.homepage-nav * {
-webkit-transition: all linear 200ms;
transition: all linear 200ms;
}
.homepage-nav li {
position: relative;
}
.homepage-nav li .label {
opacity: 1;
position: absolute;
right: 120px;
top: 33px;
font-size: 14px;
color: #000;
width: 115px;
text-align: right;
line-height: 1.3em;
-webkit-transition: all linear 200ms 200ms;
transition: all linear 200ms 200ms;
letter-spacing: 0.5px;
}
.homepage-nav.scrolled a {
width: 10px;
background: white;
}
.homepage-nav.scrolled a img {
opacity: 0;
}
.homepage-nav.scrolled .label {
opacity: 0;
-webkit-transition: all linear 20ms 0ms;
transition: all linear 20ms 0ms;
}
.homepage-nav a, .homepage-nav.scrolled:hover a {
color: #ffffff;
display: block;
height: 100px;
width: 100px;
margin-bottom: 1px;
position: relative;
overflow: hidden;
}
.homepage-nav a:hover, .homepage-nav.scrolled:hover a:hover {
background: #64cade;
}
.homepage-nav a:hover img, .homepage-nav.scrolled:hover a:hover img {
opacity: 0.15;
}
.homepage-nav a.active, .homepage-nav.scrolled:hover a.active {
height: 10px;
}
.homepage-nav a.active img, .homepage-nav.scrolled:hover a.active img {
opacity: 0;
}
.homepage-nav a img, .homepage-nav.scrolled:hover a img {
opacity: 1;
min-width: 100px;
}
.homepage-nav.hidden {
visibility: hidden;
}
.homepage-nav a.active {
height: 10px;
background: #64cade;
}
.homepage-nav a.active img {
opacity: 0;
}
.hp-feature {
background: rgba(255, 255, 255, 0.7);
margin-bottom: 36px;
display: block;
color: #000000;
position: relative;
overflow: hidden;
-webkit-transition: linear 200ms all;
transition: linear 200ms all;
}
@media screen and (max-width: 700px) {
.hp-feature {
height: none;
margin-bottom: 25px;
}
}
.hp-feature:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0%;
-webkit-transition: linear 100ms all;
transition: linear 100ms all;
border: 1px solid rgba(0, 0, 0, 0.09);
}
.hp-feature:hover {
color: #ffffff;
-webkit-transition: linear 100ms all;
transition: linear 100ms all;
}
.hp-feature:hover span.feature-content {
color: white !important;
}
.hp-feature:hover h3 {
color: #ffffff;
-webkit-transition: linear 100ms all;
transition: linear 100ms all;
}
.hp-feature:hover .arrow path {
fill: #ffffff;
-webkit-transition: linear 100ms all;
transition: linear 100ms all;
}
.hp-feature:hover:before {
left: 0%;
background: rgba(218, 26, 0, 0.86);
-webkit-transition: linear 100ms all;
transition: linear 100ms all;
}
.hp-feature:hover span.up, .hp-feature:hover span.down {
color: #ffffff;
}
.hp-feature .cta-graphic {
background: center no-repeat;
display: block;
float: left;
width: 33%;
height: 170px;
}
@media screen and (max-width: 700px) {
.hp-feature .cta-graphic {
display: none;
}
}
.hp-feature span.feature-content {
float: left;
width: 600px;
padding: 29px 65px 0 40px;
display: inline-block;
width: 66%;
z-index: 10;
position: relative;
color: black !important;
}
@media screen and (max-width: 700px) {
.hp-feature span.feature-content {
padding: 29px 65px 29px 40px;
width: 100%;
}
}
@media screen and (max-width: 400px) {
.hp-feature span.feature-content {
padding: 25px 65px 25px 25px;
width: 100%;
}
}
.hp-feature span.up {
color: #54bb4b;
}
.hp-feature span.down {
display: inline-block;
color: rgba(218, 26, 0, 0.86);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.hp-feature h3 {
padding: 0 0 6px 0;
margin: 0;
text-align: left;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
line-height: 1.2em;
}
.hp-feature:after {
display: table;
content: "";
clear: both;
}
.hp-feature .arrow {
position: absolute;
top: 50%;
right: 20px;
margin-top: -14px;
width: 32px;
height: 32px;
}
a.hp-feature:last-of-type {
margin-bottom: 0;
}
.bounce {
-webkit-animation: bounce 1.2s ease-in-out;
animation: bounce 1.2s ease-in-out;
position: relative;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes bounce {
0% {
top: 0;
}
50% {
top: 6px;
}
100% {
top: 0;
}
}
@-webkit-keyframes bounce {
0% {
top: 0;
}
50% {
top: 6px;
}
100% {
top: 0;
}
}
.fadein-1 {
-webkit-animation: fadein 1.2s ease-in-out;
animation: fadein 1.2s ease-in-out;
position: relative;
}
.fadein-2 {
-webkit-animation: fadein 1.2s ease-in-out 100ms;
animation: fadein 1.2s ease-in-out 100ms;
position: relative;
}
.fadein-3 {
-webkit-animation: fadein 1.2s ease-in-out 200ms;
animation: fadein 1.2s ease-in-out 200ms;
position: relative;
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/************************************** Homepage language tweaks */
.ja-jp .homepage-nav li.panel-3 .label {
top: 16px;
width: 150px;
}
.pt-br .homepage-nav li.panel-3 .label,
.pt-br .homepage-nav li.panel-4 .label {
top: 38px;
}
.pt-br .homepage-nav li.panel-5 .label {
top: 26px;
}
.de-de .homepage-nav li.panel-2 .label,
.de-de .homepage-nav li.panel-3 .label {
top: 38px;
}
.de-de .homepage-nav li.panel-4 .label,
.de-de .homepage-nav li.panel-5 .label {
top: 28px;
}
.nl-nl .homepage-nav li.panel-5 .label {
top: 26px;
}
.es-ar .homepage-nav li.panel-2 .label {
top: 26px;
}
.es-ar .homepage-nav li.panel-5 .label {
top: 16px;
}
.responsibility-container {
background: url(../../images/back_default.jpg) center;
background-size: cover;
padding-bottom: 250px;
padding-top: 39px;
position: relative;
}
@media screen and (max-width: 700px) {
.responsibility-container {
padding-bottom: 150px;
padding-top: 20px;
}
}
.responsibility-container * {
-webkit-transition: all 600ms;
transition: all 600ms;
}
.responsibility-container .wrapper, .responsibility-container .article-module .article .article-wrapper, .article-module .article .responsibility-container .article-wrapper, .responsibility-container #tabs .tab, #tabs .responsibility-container .tab {
position: relative;
z-index: 2;
}
.responsibility-container .wrapper h1, .responsibility-container .article-module .article .article-wrapper h1, .article-module .article .responsibility-container .article-wrapper h1, .responsibility-container #tabs .tab h1, #tabs .responsibility-container .tab h1 {
margin-bottom: 47px;
color: #ffffff;
}
@media screen and (max-width: 770px) {
.responsibility-container .wrapper h1, .responsibility-container .article-module .article .article-wrapper h1, .article-module .article .responsibility-container .article-wrapper h1, .responsibility-container #tabs .tab h1, #tabs .responsibility-container .tab h1 {
font-size: 30px;
margin-top: 15px;
}
}
.responsibility-container .wrapper h1 a.download-report, .responsibility-container .article-module .article .article-wrapper h1 a.download-report, .article-module .article .responsibility-container .article-wrapper h1 a.download-report, .responsibility-container #tabs .tab h1 a.download-report, #tabs .responsibility-container .tab h1 a.download-report {
float: right;
background: rgba(0, 0, 0, 0.2);
border: 2px solid rgba(255, 255, 255, 0.4);
color: white;
padding: 13px 15px 14px 43px;
font-size: 17px;
border-radius: 4px;
letter-spacing: 0;
line-height: 1;
margin-top: 6px;
}
.responsibility-container .wrapper h1 a.download-report:hover, .responsibility-container .article-module .article .article-wrapper h1 a.download-report:hover, .article-module .article .responsibility-container .article-wrapper h1 a.download-report:hover, .responsibility-container #tabs .tab h1 a.download-report:hover, #tabs .responsibility-container .tab h1 a.download-report:hover {
background: rgba(0, 0, 0, 0.4) !important;
border: 2px solid rgba(255, 255, 255, 0.5);
}
.responsibility-container .wrapper h1 a.download-report img, .responsibility-container .article-module .article .article-wrapper h1 a.download-report img, .article-module .article .responsibility-container .article-wrapper h1 a.download-report img, .responsibility-container #tabs .tab h1 a.download-report img, #tabs .responsibility-container .tab h1 a.download-report img {
position: absolute;
left: 6px;
top: 6px;
width: 32px;
}
@media screen and (max-width: 700px) {
.responsibility-container .wrapper h1 a.download-report, .responsibility-container .article-module .article .article-wrapper h1 a.download-report, .article-module .article .responsibility-container .article-wrapper h1 a.download-report, .responsibility-container #tabs .tab h1 a.download-report, #tabs .responsibility-container .tab h1 a.download-report {
display: none;
}
}
.responsibility-container .wrapper a, .responsibility-container .article-module .article .article-wrapper a, .article-module .article .responsibility-container .article-wrapper a, .responsibility-container #tabs .tab a, #tabs .responsibility-container .tab a {
background: #ffc241;
color: #000000;
display: table;
font-size: 21px;
margin-bottom: 31px;
padding: 7px 13px;
position: relative;
}
.responsibility-container .wrapper a span, .responsibility-container .article-module .article .article-wrapper a span, .article-module .article .responsibility-container .article-wrapper a span, .responsibility-container #tabs .tab a span, #tabs .responsibility-container .tab a span {
text-transform: uppercase;
font-family: "BreuerTextRegular";
}
@media screen and (max-width: 700px) {
.responsibility-container .wrapper a, .responsibility-container .article-module .article .article-wrapper a, .article-module .article .responsibility-container .article-wrapper a, .responsibility-container #tabs .tab a, #tabs .responsibility-container .tab a {
display: block;
font-size: 21px;
margin-bottom: 18px;
width: 100%;
}
}
@media screen and (max-width: 400px) {
.responsibility-container .wrapper a, .responsibility-container .article-module .article .article-wrapper a, .article-module .article .responsibility-container .article-wrapper a, .responsibility-container #tabs .tab a, #tabs .responsibility-container .tab a {
display: block;
font-size: 18px;
margin-bottom: 10px;
width: 100%;
}
}
.responsibility-container .wrapper a:hover, .responsibility-container .article-module .article .article-wrapper a:hover, .article-module .article .responsibility-container .article-wrapper a:hover, .responsibility-container #tabs .tab a:hover, #tabs .responsibility-container .tab a:hover {
color: #000000;
background: #ffffff !important;
text-decoration: none;
}
.responsibility-container .wrapper a:hover span, .responsibility-container .article-module .article .article-wrapper a:hover span, .article-module .article .responsibility-container .article-wrapper a:hover span, .responsibility-container #tabs .tab a:hover span, #tabs .responsibility-container .tab a:hover span {
color: #e03314;
}
.responsibility-container .wrapper a:nth-child(3), .responsibility-container .article-module .article .article-wrapper a:nth-child(3), .article-module .article .responsibility-container .article-wrapper a:nth-child(3), .responsibility-container #tabs .tab a:nth-child(3), #tabs .responsibility-container .tab a:nth-child(3) {
background: #ffa822;
}
.responsibility-container .wrapper a:nth-child(4), .responsibility-container .article-module .article .article-wrapper a:nth-child(4), .article-module .article .responsibility-container .article-wrapper a:nth-child(4), .responsibility-container #tabs .tab a:nth-child(4), #tabs .responsibility-container .tab a:nth-child(4) {
background: #ff770a;
}
.responsibility-container .wrapper a:nth-child(5), .responsibility-container .article-module .article .article-wrapper a:nth-child(5), .article-module .article .responsibility-container .article-wrapper a:nth-child(5), .responsibility-container #tabs .tab a:nth-child(5), #tabs .responsibility-container .tab a:nth-child(5) {
background: #f54b12;
}
.responsibility-container .wrapper a:nth-child(6), .responsibility-container .article-module .article .article-wrapper a:nth-child(6), .article-module .article .responsibility-container .article-wrapper a:nth-child(6), .responsibility-container #tabs .tab a:nth-child(6), #tabs .responsibility-container .tab a:nth-child(6) {
background: #e50017;
}
.responsibility-container .responsibility-background {
background-size: cover;
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
background-position: center;
}
.responsibility-container .responsibility-pattern {
background: url("../images/pattern_tile2.png") center bottom;
opacity: 1;
}
.landing-header {
background-size: 100% !important;
background-attachment: fixed;
height: 300px;
margin: 0;
position: relative;
background: #fcaf17;
width: 100%;
}
@media screen and (max-width: 768px) {
.landing-header {
display: none;
}
}
@media screen and (min-width: 1600px) {
.landing-header {
background-size: cover !important;
background-position: center !important;
background-attachment: scroll !important;
}
}
@media screen and (max-width: 540px) {
.landing-header.industry {
display: block;
}
}
.landing-header a.download-report {
float: right;
background: rgba(0, 0, 0, 0.2);
border: 2px solid rgba(255, 255, 255, 0.4);
color: white !important;
padding: 13px 15px 14px 43px;
font-size: 17px;
border-radius: 4px;
line-height: 1;
position: relative;
margin-top: 75px;
text-transform: uppercase;
font-family: "BreuerTextRegular";
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
}
.landing-header a.download-report:hover {
background: rgba(0, 0, 0, 0.4) !important;
border: 2px solid rgba(255, 255, 255, 0.5);
text-decoration: none;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
}
.landing-header a.download-report img {
position: absolute;
left: 6px;
top: 6px;
width: 32px;
}
@media screen and (max-width: 700px) {
.landing-header a.download-report {
display: none;
}
}
.landing-header.page-editor {
background-attachment: local !important;
}
@media screen and (max-width: 1280px) {
.landing-header {
background-size: 1285px !important;
}
}
@media screen and (max-width: 950px) {
.landing-header {
height: 260px;
background-size: cover !important;
background-attachment: scroll !important;
}
}
@media screen and (max-width: 770px) {
.landing-header {
height: 200px;
}
}
@media screen and (max-width: 700px) {
.landing-header {
height: 200px;
}
}
.landing-header .responsibility-pattern {
background: url("../images/pattern_tile2.png") center bottom;
height: 300px;
width: 100%;
position: absolute;
bottom: 0px;
}
.landing-header .wrapper, .landing-header .article-module .article .article-wrapper, .article-module .article .landing-header .article-wrapper, .landing-header #tabs .tab, #tabs .landing-header .tab {
position: relative;
height: 300px;
overflow: visible;
}
@media screen and (max-width: 770px) {
.landing-header .wrapper, .landing-header .article-module .article .article-wrapper, .article-module .article .landing-header .article-wrapper, .landing-header #tabs .tab, #tabs .landing-header .tab {
height: 200px;
}
}
.landing-header h1 {
background: #dfa838;
background: #fcaf17;
color: #ffffff;
display: inline-block;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 24px;
font-weight: normal;
margin: 0;
text-transform: uppercase;
padding: 8px 13px;
position: absolute;
bottom: 0;
left: 25px;
-webkit-transition: left ease 300ms;
transition: left ease 300ms;
}
.landing-header h1:hover {
cursor: pointer;
}
.landing-header h1.nav-open img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: -webkit-transform ease 300ms;
transition: -webkit-transform ease 300ms;
transition: transform ease 300ms;
transition: transform ease 300ms, -webkit-transform ease 300ms;
}
.landing-header h1 img {
margin-left: 30px;
position: relative;
top: -3px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform ease 300ms;
transition: -webkit-transform ease 300ms;
transition: transform ease 300ms;
transition: transform ease 300ms, -webkit-transform ease 300ms;
}
.landing-header h2 {
margin: 0;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 40px;
font-weight: 300;
padding-top: 65px;
text-transform: uppercase;
}
/* Other ------------------------------------------------------------------------- */
.animated {
opacity: 0;
visibility: hidden;
-webkit-transition: ease all 1000ms;
transition: ease all 1000ms;
position: relative;
}
@media screen and (max-width: 400px) {
.animated {
opacity: 1;
visibility: visible;
}
}
/* IE9/10 hack */
@media screen and (min-width: 0\0 ) {
.animated {
opacity: 1 !important;
visibility: visible !important;
}
}
.fade-in {
-webkit-animation: fadeIn 1000ms;
/* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
animation: fadeIn 1000ms;
/* Safari and Chrome */
animation-fill-mode: forwards;
visibility: visible;
}
@media screen and (max-width: 400px) {
.fade-in {
animation: none;
-webkit-animation: none;
}
}
@keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: scale(0.8, 0.8);
}
to {
opacity: 1;
-webkit-transform: scale(1, 1);
}
}
.msds-product-index-container {
float: left;
width: 100%;
}
.content-carousel.split-view-module.one-col .flex-direction-nav {
position: relative;
top: 188px;
}
.content-carousel.one-col h3 {
font-size: 33px;
}
.content-carousel {
background: none;
margin-bottom: 0;
padding-bottom: 0px;
padding-top: 16px;
position: relative;
}
.content-carousel.one-col .wrapper, .content-carousel.one-col .article-module .article .article-wrapper, .article-module .article .content-carousel.one-col .article-wrapper, .content-carousel.one-col #tabs .tab, #tabs .content-carousel.one-col .tab {
padding: 0 25px;
}
.content-carousel h3 {
color: #000000;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 25px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
}
.content-carousel h3 img {
position: relative;
top: 2px;
}
@media screen and (max-width: 700px) {
.content-carousel .grid-layout.card {
margin-left: 0 !important;
}
}
.content-carousel .grid-layout.card .col6 {
margin-top: 30px;
margin-left: 50px;
width: 100%;
}
.content-carousel .grid-layout.card .col6.image {
margin-left: 5%;
width: 60.666%;
}
@media screen and (max-width: 700px) {
.content-carousel .grid-layout.card .col6.image {
margin-left: 0;
padding: 0;
}
}
.content-carousel .grid-layout.card .col6.has-image {
width: 32%;
margin-left: 0;
}
@media screen and (max-width: 700px) {
.content-carousel .grid-layout.card .col6.has-image {
padding: 0;
}
}
.content-carousel .grid-layout.card .col6 img {
margin: 0 auto;
}
.content-carousel .grid-layout .prev,
.content-carousel .grid-layout .next {
width: 8.3333333333%;
float: left;
height: 100px;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
}
@media screen and (max-width: 700px) {
.content-carousel .grid-layout .prev,
.content-carousel .grid-layout .next {
display: none;
}
}
.content-carousel .grid-layout .next {
text-align: right;
}
.content-carousel .grid-layout .chart,
.content-carousel .grid-layout .description {
float: left;
padding-left: 20px;
padding-right: 20px;
}
.content-carousel .grid-layout.wrapper, .content-carousel .article-module .article .grid-layout.article-wrapper, .article-module .article .content-carousel .grid-layout.article-wrapper, .content-carousel #tabs .grid-layout.tab, #tabs .content-carousel .grid-layout.tab {
padding: 0;
}
.content-carousel.graph-module {
font-size: 14px;
}
.content-carousel.graph-module .flex-direction-nav {
position: absolute;
top: 180px;
width: 100%;
}
.content-carousel.graph-module .flex-direction-nav .flex-prev {
left: 0;
}
.content-carousel.graph-module .flex-direction-nav .flex-next {
right: 0;
}
.content-carousel.story-module .flex-direction-nav {
position: absolute;
top: 500px;
width: 100%;
}
.content-carousel .chart {
text-align: center;
padding-left: 80px !important;
width: 60%;
}
@media screen and (max-width: 700px) {
.content-carousel .chart {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.content-carousel .chart {
width: 100%;
margin-bottom: 30px;
}
}
.content-carousel .description {
padding-top: 0;
padding-right: 40px !important;
width: 40%;
}
@media screen and (max-width: 700px) {
.content-carousel .description {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.content-carousel .description {
width: 100%;
}
}
.content-carousel .description h4 {
color: #e23e21;
font-size: 17px;
font-family: "BreuerTextRegular", helvetica, arial;
}
.content-carousel .description p {
color: #000000;
font-size: 14px;
margin-top: 8px;
line-height: 1.7em;
}
.content-carousel h4 {
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
margin: 0;
}
.content-carousel.stacked .wrapper, .content-carousel.stacked .article-module .article .article-wrapper, .article-module .article .content-carousel.stacked .article-wrapper, .content-carousel.stacked #tabs .tab, #tabs .content-carousel.stacked .tab {
padding: 0 20px;
}
.content-carousel.stacked .wrapper .full, .content-carousel.stacked .article-module .article .article-wrapper .full, .article-module .article .content-carousel.stacked .article-wrapper .full, .content-carousel.stacked #tabs .tab .full, #tabs .content-carousel.stacked .tab .full {
margin-left: 0;
}
.content-carousel.stacked .card {
background: url("../images/dottedline.png") bottom repeat-x;
margin-bottom: 40px;
padding-bottom: 50px;
}
.content-carousel.stacked .card p:last-child {
margin-bottom: 0;
}
.content-carousel.stacked .grid-layout.card .col6.image {
margin-left: 0;
margin-right: 5.5%;
padding: 0;
width: 57.2%;
}
.content-carousel.stacked .grid-layout.card .col6.has-image {
margin-left: 0;
padding: 0;
width: 37%;
}
.content-carousel.stacked .grid-layout.card:last-of-type {
background-image: none;
}
.module-content li {
text-align: left;
}
.story-module {
padding-top: 17px;
}
.story-module h3 {
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
color: #222222;
font-size: 25px;
}
.story-module .grid-layout {
padding-top: 4px;
}
.story-module .prev,
.story-module .next {
padding-top: 100px;
}
@media screen and (max-width: 700px) {
.story-module .prev,
.story-module .next {
display: none;
}
}
.story-module .next {
text-align: right;
}
.story-module .image.col9, .story-module .image.main-content {
padding: 0;
}
.story-module .module-content {
padding: 30px 11.11111% 0 11.11111%;
text-align: center;
}
.story-module .module-content .full {
display: none;
}
.story-module .module-content h4 {
color: #54bcd1;
font-family: "BreuerTextLight", helvetica, arial;
font-size: 19px;
font-weight: normal;
margin-bottom: 8px;
}
.story-module .module-content p {
margin-top: 13px;
margin-bottom: 13px;
}
.story-module .module-content li {
text-align: left;
}
.story-module.stacked .module-content {
margin-bottom: 60px;
padding: 20px 11.11111% 0 11.11111%;
}
.story-module.flexslider-one-col {
padding-top: 0;
}
.card .full {
display: none;
clear: both;
margin-left: 68px;
padding: 20px 0;
}
.card.graph .full {
padding: 0 40px 0 80px;
}
.card .more-toggle,
.card .less-toggle,
.story-module .more-toggle,
.story-module .less-toggle {
cursor: pointer;
}
.card .more-toggle {
font-size: 14px;
}
.one-col .card .more-toggle {
font-size: 18px;
}
.bottom-focus-areas {
margin-top: 50px;
}
.bottom-focus-areas .focus-area {
background: #f5f5f5;
display: block;
font-size: 14px;
line-height: 1.3;
padding: 30px;
position: relative;
text-align: center;
min-height: 265px;
}
@media screen and (max-width: 700px) {
.bottom-focus-areas .focus-area {
margin-bottom: 20px;
min-height: 0;
}
}
.bottom-focus-areas .focus-area:before {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 100px 60px 0 0;
border-color: #ffffff transparent transparent transparent;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 700px) {
.bottom-focus-areas .focus-area:before {
border-width: 50px 30px 0 0;
}
}
.bottom-focus-areas .focus-area h3 {
color: #a2a5a4;
font-family: "BreuerTextLight", helvetica, arial;
font-weight: normal;
font-size: 22px;
line-height: 26px;
margin-bottom: 10px;
text-transform: uppercase;
}
.bottom-focus-areas .focus-area > img {
margin-bottom: 19px;
}
.bottom-focus-areas .focus-area hr {
margin-bottom: 8px;
margin-top: 9px;
}
.msds-product-index-container .product-search-bar.fixed {
top: 0;
}
/* Other ------------------------------------------------------------------------- */
.animated {
opacity: 0;
visibility: hidden;
-webkit-transition: ease all 1000ms;
transition: ease all 1000ms;
position: relative;
}
@media screen and (max-width: 400px) {
.animated {
opacity: 1;
visibility: visible;
}
}
.fade-in {
-webkit-animation: fadeIn 1000ms;
/* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
animation: fadeIn 1000ms;
/* Safari and Chrome */
animation-fill-mode: forwards;
visibility: visible !important;
opacity: 1 !important;
}
@media screen and (max-width: 400px) {
.fade-in {
animation: none;
-webkit-animation: none;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tabs {
-webkit-backface-visibility: hidden;
/* Chrome and Safari */
-moz-backface-visibility: hidden;
/* Firefox */
}
@media screen and (min-width: 400px) {
.solutions-landing h1:before {
border: none !important;
}
}
span.products-plus {
font-weight: bold;
color: #e44522;
position: relative;
bottom: 5px;
right: -3px;
font-size: 17px;
font-weight: normal;
bottom: 4px;
margin-left: -7px;
font-size: 16px;
font-family: arial;
}
.products-plus-tab .wrapper, .products-plus-tab .article-module .article .article-wrapper, .article-module .article .products-plus-tab .article-wrapper, .products-plus-tab #tabs .tab, #tabs .products-plus-tab .tab {
color: #000;
-webkit-transition: color linear 100ms;
transition: color linear 100ms;
}
.solutions-header {
background-position: center;
background-size: cover;
background-attachment: scroll;
background-color: #000;
height: 360px;
width: 100%;
color: #ffffff;
position: relative;
}
@media screen and (max-width: 1280px) {
.solutions-header {
background-size: auto;
}
}
@media screen and (max-width: 400px) {
.solutions-header {
display: none;
}
}
.solutions-header .wrapper, .solutions-header .article-module .article .article-wrapper, .article-module .article .solutions-header .article-wrapper, .solutions-header #tabs .tab, #tabs .solutions-header .tab {
position: relative;
}
.solutions-header .wrapper.light-text, .solutions-header .article-module .article .light-text.article-wrapper, .article-module .article .solutions-header .light-text.article-wrapper, .solutions-header #tabs .light-text.tab, #tabs .solutions-header .light-text.tab {
color: #000000;
}
.solutions-header .applications-header {
display: none;
position: absolute;
top: 0;
background-size: cover;
background-position: center;
background-attachment: scroll;
height: 360px;
width: 100%;
}
@media screen and (max-width: 1280px) {
.solutions-header .applications-header {
background-size: auto;
}
}
@media screen and (max-width: 400px) {
.solutions-header .applications-header {
height: auto;
bottom: 0;
}
}
.solutions-header .applications-header.page-editor {
background-attachment: scroll;
}
.solutions-header .products-plus-header {
display: none;
position: absolute;
top: 0;
background-size: cover;
background-position: center;
background-attachment: scroll;
height: 360px;
width: 100%;
}
@media screen and (max-width: 1280px) {
.solutions-header .products-plus-header {
background-size: auto;
}
}
@media screen and (max-width: 400px) {
.solutions-header .products-plus-header {
height: auto;
bottom: 0;
}
}
.solutions-header .products-plus-header.page-editor {
background-attachment: scroll;
}
.solutions-header .product-index-header {
display: none;
position: absolute;
top: 0;
background-size: cover;
background-position: center;
background-attachment: scroll;
height: 360px;
width: 100%;
}
@media screen and (max-width: 1280px) {
.solutions-header .product-index-header {
background-size: auto;
}
}
@media screen and (max-width: 400px) {
.solutions-header .product-index-header {
height: auto;
bottom: 0;
}
}
.solutions-header .product-index-header.page-editor {
background-attachment: scroll;
}
.solutions-header h1 {
font-family: "BreuerTextLight", helvetica, arial;
font-size: 27px;
font-weight: 300;
font-weight: normal;
line-height: 1.35em;
margin: 0;
max-width: 460px;
padding-top: 77px;
text-transform: none;
}
@media screen and (max-width: 400px) {
.solutions-header h1 {
padding-top: 35px;
font-size: 23px;
padding-bottom: 35px;
}
}
.m-nav {
display: none;
}
.m-nav:after {
display: table;
content: "";
clear: both;
}
.m-nav ul {
padding: 0;
margin: 0;
}
.m-nav ul li a {
padding-left: 0 !important;
}
.m-nav .active {
color: #e66a2f;
}
.landing-page.tab-nav {
background: #f2f4f3;
border-bottom: 1px solid #e9e9e9;
border-top: 0px solid #e03314;
margin-top: -55px;
-webkit-transition: background linear 100ms;
transition: background linear 100ms;
z-index: 500;
position: relative;
height: 55px;
}
@media screen and (max-width: 700px) {
.landing-page.tab-nav {
height: 49px;
}
}
@media screen and (max-width: 770px) {
.landing-page.tab-nav {
margin-top: -40px;
}
}
@media screen and (max-width: 400px) {
.landing-page.tab-nav {
padding-top: 10px;
padding-bottom: 10px;
margin-top: -12px;
height: 59px;
}
.landing-page.tab-nav > .wrapper, .article-module .article .landing-page.tab-nav > .article-wrapper, #tabs .landing-page.tab-nav > .tab {
padding: 0;
}
}
.landing-page.tab-nav:after {
display: table;
content: "";
clear: both;
}
.landing-page.tab-nav.fixed {
border-bottom: 30px solid #ffffff;
border-top: 3px solid #e03314;
margin-top: 0;
position: fixed;
width: 100%;
top: 0px;
z-index: 50;
height: 88px;
-webkit-transform: 0;
transform: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
-webkit-transition: background linear 100ms;
transition: background linear 100ms;
}
@media screen and (max-width: 700px) {
.landing-page.tab-nav.fixed {
height: 82px;
}
}
@media screen and (max-width: 400px) {
.landing-page.tab-nav.fixed {
position: static;
}
}
.landing-page.tab-nav ul {
list-style-type: none;
margin: 0;
padding: 0px;
text-align: center;
}
.landing-page.tab-nav ul li {
display: inline-block;
margin: 0 -2px;
}
.landing-page.tab-nav ul li:last-child a {
border-right: 1px solid #e9e9e9;
}
.landing-page.tab-nav ul li a {
color: #000000;
border-left: 1px solid #e9e9e9;
font-size: 18px;
font-family: "BreuerTextLight", helvetica, arial;
letter-spacing: 0.01em;
display: block;
padding: 15px 29px 13px 29px;
-webkit-transition: background linear 100ms;
transition: background linear 100ms;
position: relative;
}
@media screen and (max-width: 700px) {
.landing-page.tab-nav ul li a {
font-size: 14px;
padding: 15px 20px 13px 20px;
}
}
@media screen and (max-width: 540px) {
.landing-page.tab-nav ul li a {
padding: 15px 13px 13px 13px;
}
}
@media screen and (max-width: 400px) {
.landing-page.tab-nav ul li a {
padding: 13px 11px;
}
}
.landing-page.tab-nav ul li a.active {
background: #ffffff;
color: #e03314;
padding-top: 14px;
margin-top: -1px;
}
.landing-page.tab-nav ul li a.active:hover {
color: #e03314 !important;
background: #ffffff;
text-decoration: none;
color: #e03314;
border-bottom: 0;
padding-bottom: 13px;
}
.landing-page.tab-nav ul li a.active:after {
content: "";
position: absolute;
height: 1px;
bottom: 10px;
right: 29px;
left: 29px;
background: #e03314;
}
@media screen and (max-width: 700px) {
.landing-page.tab-nav ul li a.active:after {
right: 20px;
left: 20px;
}
}
@media screen and (max-width: 700px) {
.landing-page.tab-nav ul li a.active:after {
right: 13px;
left: 13px;
}
}
.landing-page.tab-nav ul li a:hover {
text-decoration: none;
background: #ffffff;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 12px;
}
#tabs {
padding-bottom: 100px;
}
#tabs * {
/*-webkit-transform: translateZ(0) scale(1.0, 1.0);*/
-moz-transform: translateZ(0) scale(1, 1);
}
#tabs .tab {
position: relative;
}
#tabs .tab:after {
display: table;
content: "";
clear: both;
}
#applications.tab,
#products-plus.tab {
margin-top: 80px;
}
@media screen and (max-width: 400px) {
#applications.tab,
#products-plus.tab {
margin-top: 30px;
}
}
#applications.tab .item,
#products-plus.tab .item {
color: #000000;
display: block;
float: left;
min-height: 365px;
position: relative;
width: 33.3333%;
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
}
@media screen and (max-width: 400px) {
#applications.tab .item,
#products-plus.tab .item {
min-height: 0;
padding-bottom: 40px;
}
}
#applications.tab .item img,
#products-plus.tab .item img {
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all cubic-bezier(0.37, 0.36, 0.36, 0.99) 100ms;
transition: all cubic-bezier(0.37, 0.36, 0.36, 0.99) 100ms;
}
#applications.tab .item .img-frame,
#products-plus.tab .item .img-frame {
position: relative;
overflow: hidden;
line-height: 0;
}
@media screen and (max-width: 770px) {
#applications.tab .item,
#products-plus.tab .item {
width: 50%;
}
}
@media screen and (max-width: 400px) {
#applications.tab .item,
#products-plus.tab .item {
width: 100%;
}
}
#applications.tab .item .overlay,
#products-plus.tab .item .overlay {
background: url("../images/angled_mask_with_corner_90.png") no-repeat;
background-position: -333%;
height: 100%;
opacity: 1;
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
width: 100%;
}
#applications.tab .item .overlay .arrow,
#products-plus.tab .item .overlay .arrow {
background: url("../images/rollover_arrow.png") no-repeat center;
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
}
@media screen and (max-width: 770px) {
#applications.tab .item .overlay,
#products-plus.tab .item .overlay {
display: none;
}
}
#applications.tab .item h4,
#products-plus.tab .item h4 {
color: #e03314;
font-size: 17px;
font-family: "BreuerTextRegular", helvetica, arial;
text-transform: uppercase;
font-weight: normal;
margin: 18px 0 6px 0;
padding-right: 20px;
line-height: 1.2em;
}
@media screen and (max-width: 400px) {
#applications.tab .item h4,
#products-plus.tab .item h4 {
font-size: 20px;
}
}
#applications.tab .item span.description,
#products-plus.tab .item span.description {
display: block;
padding-right: 30px;
font-size: 14px;
line-height: 1.35em;
}
@media screen and (max-width: 400px) {
#applications.tab .item span.description,
#products-plus.tab .item span.description {
font-size: 16px;
}
}
#applications.tab .item:hover,
#products-plus.tab .item:hover {
text-decoration: none;
-webkit-transition: all linear 200ms;
transition: all linear 200ms;
z-index: 5;
}
#applications.tab .item:hover h4,
#products-plus.tab .item:hover h4 {
text-decoration: underline;
}
#applications.tab .item:hover .img-frame,
#products-plus.tab .item:hover .img-frame {
overflow: hidden;
line-height: 0;
}
#applications.tab .item:hover img:first-child,
#products-plus.tab .item:hover img:first-child {
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: all linear 10s;
transition: all linear 10s;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
@media screen and (max-width: 770px) {
#applications.tab .item:hover img:first-child,
#products-plus.tab .item:hover img:first-child {
-webkit-transform: scale(1);
transform: scale(1);
}
}
#applications.tab .item:hover .overlay,
#products-plus.tab .item:hover .overlay {
-webkit-transition: all ease-in-out 350ms;
transition: all ease-in-out 350ms;
background-position: 100%;
width: 101%;
}
#applications.tab .item:hover .overlay .arrow,
#products-plus.tab .item:hover .overlay .arrow {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.product {
width: 33%;
float: left;
}
.product a {
background: #f5f5f5;
display: block;
height: 200px;
margin-top: 40px;
padding: 40px;
text-align: center;
width: 100%;
}
.product-module {
display: none;
}
.data-table table,
.data-table .table-container {
margin-bottom: 40px;
width: 100%;
display: table;
}
.data-table .row,
.data-table .header,
.data-table tr {
background: url("../images/product-border.png") bottom repeat-x;
font-size: 14px;
background-position: bottom 1px right 0px;
padding: 15px 15px 9px 15px;
background-color: white;
-webkit-transition: background-color linear 300ms;
transition: background-color linear 300ms;
display: table-row;
}
.data-table .row span,
.data-table .header span,
.data-table tr span {
display: table-cell;
}
.data-table .row span.static-product-card-description p,
.data-table .header span.static-product-card-description p,
.data-table tr span.static-product-card-description p {
margin-top: 0;
}
.data-table .row .expand,
.data-table .header .expand,
.data-table tr .expand {
float: left;
margin-top: -5px;
min-height: 6px;
width: 5%;
}
.data-table .row .expand a,
.data-table .header .expand a,
.data-table tr .expand a {
background: url("../images/icon_plus.png") center no-repeat;
display: block;
width: 30px;
height: 30px;
-webkit-transition: all linear 200ms;
transition: all linear 200ms;
}
.data-table .row.open,
.data-table .header.open,
.data-table tr.open {
background-color: rgba(0, 0, 0, 0.05);
-webkit-transition: background-color linear 300ms;
transition: background-color linear 300ms;
}
.data-table .row.open .details,
.data-table .header.open .details,
.data-table tr.open .details {
opacity: 1;
-webkit-transition: opacity linear 300ms;
transition: opacity linear 300ms;
}
.data-table .row.open .expand a,
.data-table .header.open .expand a,
.data-table tr.open .expand a {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
}
.data-table .row .product-name,
.data-table .header .product-name,
.data-table tr .product-name {
float: left;
padding-right: 20px;
width: 29%;
}
@media screen and (max-width: 400px) {
.data-table .row .product-name,
.data-table .header .product-name,
.data-table tr .product-name {
width: 50%;
}
.data-table .row .product-name .m-title,
.data-table .header .product-name .m-title,
.data-table tr .product-name .m-title {
display: none;
}
}
.data-table .row .product-group,
.data-table .header .product-group,
.data-table tr .product-group {
float: left;
width: 38%;
}
@media screen and (max-width: 400px) {
.data-table .row .product-group,
.data-table .header .product-group,
.data-table tr .product-group {
width: 50%;
}
.data-table .row .product-group .m-title,
.data-table .header .product-group .m-title,
.data-table tr .product-group .m-title {
display: none;
}
}
.data-table .row .download-header,
.data-table .header .download-header,
.data-table tr .download-header {
padding-right: 15px;
text-align: center;
}
@media screen and (max-width: 520px) {
.data-table .row .download-header,
.data-table .header .download-header,
.data-table tr .download-header {
display: none;
}
}
.data-table .row .data-sheet-download,
.data-table .header .data-sheet-download,
.data-table tr .data-sheet-download {
text-align: center;
}
@media screen and (max-width: 520px) {
.data-table .row .data-sheet-download,
.data-table .header .data-sheet-download,
.data-table tr .data-sheet-download {
display: none;
}
}
.data-table .row .data-sheet-download a,
.data-table .header .data-sheet-download a,
.data-table tr .data-sheet-download a {
background-image: url("../images/icon_download_orange.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
width: 24px;
height: 24px;
}
.data-table .row .msds-download,
.data-table .header .msds-download,
.data-table tr .msds-download {
text-align: center;
}
@media screen and (max-width: 520px) {
.data-table .row .msds-download,
.data-table .header .msds-download,
.data-table tr .msds-download {
display: none;
}
}
.data-table .row .msds-download a,
.data-table .header .msds-download a,
.data-table tr .msds-download a {
background-image: url("../images/icon_download_orange.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
width: 24px;
height: 24px;
}
.data-table .row .contact,
.data-table .header .contact,
.data-table tr .contact {
text-align: center;
}
.data-table .row .contact a,
.data-table .header .contact a,
.data-table tr .contact a {
background: url("../images/icon_contact@2x_24.png") center no-repeat;
background-size: 24px 24px;
display: inline-block;
width: 24px;
height: 24px;
}
@media screen and (max-width: 520px) {
.data-table .row .contact,
.data-table .header .contact,
.data-table tr .contact {
display: none;
}
}
.data-table .row.header,
.data-table .row th,
.data-table .row .header-column,
.data-table .header.header,
.data-table .header th,
.data-table .header .header-column,
.data-table tr.header,
.data-table tr th,
.data-table tr .header-column {
border: 0;
background: #79d3e5;
color: #000000;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
padding: 14px 15px 11px 15px;
vertical-align: middle;
}
.data-table .row td,
.data-table .row .header-row span,
.data-table .row .row span,
.data-table .header td,
.data-table .header .header-row span,
.data-table .header .row span,
.data-table tr td,
.data-table tr .header-row span,
.data-table tr .row span {
padding: 13px 15px 11px 15px;
}
@media screen and (max-width: 480px) {
.data-table .row td,
.data-table .header td,
.data-table tr td {
padding: 13px 5px 11px 5px;
}
}
@media screen and (max-width: 380px) {
.data-table .row td,
.data-table .header td,
.data-table tr td {
width: 50%;
}
}
.data-table .row.product-group-header,
.data-table .header.product-group-header,
.data-table tr.product-group-header {
background: none;
font-family: "BreuerTextRegular", helvetica, arial;
text-transform: uppercase;
padding: 30px 15px 5px 15px;
font-size: 15px;
}
.data-table .row.product-group-header.v2,
.data-table .header.product-group-header.v2,
.data-table tr.product-group-header.v2 {
background: rgba(0, 0, 0, 0.05);
font-family: "BreuerTextRegular", helvetica, arial;
text-transform: uppercase;
padding: 13px 15px 11px 15px;
font-size: 15px;
}
.data-table .mobile-row {
display: none;
}
.data-table .mobile-row .data-sheet-download {
display: block;
}
.data-table .mobile-row .data-sheet-download span {
display: block;
float: left;
width: 50%;
}
.data-table .mobile-row .contact {
display: block;
}
.data-table .mobile-row .contact span {
display: block;
float: left;
width: 50%;
}
.data-table .mobile-row .msds-download {
display: block;
}
.data-table .mobile-row .msds-download span {
display: block;
float: left;
width: 50%;
}
.data-table .expand-mobile-row {
background: url("../images/icon_plus.png") no-repeat;
display: none;
float: left;
height: 14px;
width: 14px;
margin-bottom: 10px;
margin-top: 3px;
margin-right: 5px;
}
.data-table .expand-mobile-row.expanded {
background: url("../images/icon_minus.png") no-repeat;
}
@media screen and (max-width: 520px) {
.data-table .expand-mobile-row {
display: block;
}
}
@media screen and (max-width: 480px) {
.data-table .expand-mobile-row {
height: 31px;
}
}
.data-table .expand-mobile-row:hover {
cursor: pointer;
}
.product-search-bar {
padding: 0 30px;
}
.product-search-bar .wrapper, .product-search-bar .article-module .article .article-wrapper, .article-module .article .product-search-bar .article-wrapper, .product-search-bar #tabs .tab, #tabs .product-search-bar .tab {
position: relative;
}
.product-search-bar .wrapper .toggle, .product-search-bar .article-module .article .article-wrapper .toggle, .article-module .article .product-search-bar .article-wrapper .toggle, .product-search-bar #tabs .tab .toggle, #tabs .product-search-bar .tab .toggle {
position: absolute;
top: 5px;
left: 25px;
}
#live-search {
width: 100%;
max-width: 275px;
margin: 30px auto;
}
#live-search fieldset {
border: 1px solid #64cade;
border-radius: 3px;
margin: 0;
padding: 0;
}
#live-search input {
border: 0;
font-size: 14px;
padding: 15px 15px 12px 15px;
width: 85%;
}
#live-search input:focus {
border: 0;
outline-width: 0;
}
#live-search img {
position: relative;
top: 6px;
}
.no-results {
display: none;
font-size: 24px;
padding-top: 50px;
}
.product-search-bar.fixed {
background: #ffffff;
position: fixed;
top: 55px;
left: 0px;
z-index: 50;
width: 100%;
}
@media screen and (max-width: 400px) {
.product-search-bar.fixed {
position: static;
top: 0;
}
}
.landing-header {
background-color: rgba(0, 0, 0, 0.1);
background-position: top;
background-attachment: fixed;
}
.landing-header.page-editor {
background-attachment: local !important;
}
@media screen and (max-width: 1280px) {
.landing-header {
background-size: auto 440px !important;
}
}
@media screen and (max-width: 700px) {
.landing-header {
background-size: auto 285px !important;
}
}
body.comp {
min-width: 1024px;
}
body.comp .landing-header {
background-color: rgba(0, 0, 0, 0.1);
background-position: top;
background-size: 100% !important;
background-attachment: fixed;
}
@media screen and (max-width: 1280px) {
body.comp .landing-header {
background-size: auto 440px !important;
}
}
body.comp .landing-header.page-editor {
background-attachment: local !important;
}
body.comp .nav-secondary img,
body.comp .main-content img {
max-width: 200%;
}
body.comp .main-content {
padding-top: 96px;
}
.index-pipe {
color: rgba(0, 0, 0, 0.3);
}
body.contact {
background: #000000;
}
body.contact a {
display: block;
background-repeat: no-repeat;
width: 100%;
height: 2000px;
background-position: top center;
}
.tab-nav.contact-tabs {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 17px 0 26px 0;
}
.tab-nav.contact-tabs:after {
content: "";
display: table;
clear: both;
}
.tab-nav.contact-tabs ul {
list-style: none;
margin: 0;
padding: 0;
}
.tab-nav.contact-tabs ul li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
list-style-type: none;
background: none;
}
@media screen and (max-width: 450px) {
.tab-nav.contact-tabs ul li {
width: 50%;
margin: 0;
display: block;
float: left;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
}
}
.tab-nav.contact-tabs ul li a {
font-size: 18px;
text-transform: uppercase;
color: #b2b4b3;
border-bottom: 4px solid rgba(255, 255, 255, 0);
padding: 0 0 13px 30px;
display: block;
position: relative;
}
@media screen and (max-width: 400px) {
.tab-nav.contact-tabs ul li a {
font-size: 15px;
}
}
.tab-nav.contact-tabs ul li a:before {
content: "";
width: 26px;
height: 26px;
display: inline-block;
position: relative;
top: 6px;
margin-right: 5px;
}
@media screen and (max-width: 450px) {
.tab-nav.contact-tabs ul li a:before {
display: none;
}
}
.tab-nav.contact-tabs ul li a.sales-technical-service:before {
background: url("../images/contact-envelope-gray.png") no-repeat;
background-size: 24px 24px !important;
content: "";
display: inline-block;
height: 24px;
width: 24px;
position: absolute;
top: 4px;
left: 0;
}
.tab-nav.contact-tabs ul li a.customer-service:before {
background: url("../images/contact-bubble-gray.png") no-repeat;
background-size: 24px 24px !important;
content: "";
display: inline-block;
height: 24px;
width: 24px;
position: absolute;
top: 5px;
left: 0;
}
.tab-nav.contact-tabs ul li a.active {
color: #e23e21;
border-bottom: 4px solid #e23e21;
}
.tab-nav.contact-tabs ul li a.active.sales-technical-service:before {
background: url("../images/contact-envelope-red.png") no-repeat;
}
.tab-nav.contact-tabs ul li a.active.customer-service:before {
background: url("../images/contact-bubble-red.png") no-repeat;
}
.tab-nav.contact-tabs ul li a:hover {
text-decoration: none;
}
#tabs.contact-tabs .tab {
padding: 0;
}
.contact-details {
max-width: 465px;
background: url("../images/dottedline.png") bottom repeat-x;
margin-bottom: 26px;
padding-bottom: 21px;
}
.contact-details:after {
display: table;
content: "";
clear: both;
}
.contact-details > span {
float: left;
margin: 10px 10px 0 10px;
font-size: 35px;
font-weight: 800;
color: #d0d2d1;
}
.contact-details .dropdown {
width: 45%;
float: left;
padding: 14px;
border: 1px solid #d0d2d1;
border-radius: 3px;
}
.contact-details .dropdown .label {
display: block;
text-transform: uppercase;
color: #e23e21;
font-size: 13px;
font-family: "BreuerTextRegular", helvetica, arial;
margin-bottom: 4px;
}
.contact-details .dropdown select {
width: 100%;
}
#sales-technical-service.tab .form-row {
margin-bottom: 20px;
}
#sales-technical-service.tab .button-row {
border-top: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 0;
padding-bottom: 30px;
}
#sales-technical-service.tab .give-us-a-call {
margin-top: 5px;
}
#sales-technical-service.tab .give-us-a-call .call-button {
padding: 17px;
text-transform: uppercase;
font-weight: 600;
color: #e23e21;
border-top: 1px solid #d0d2d1;
border-bottom: 1px solid #d0d2d1;
border-left: 1px solid #d0d2d1;
}
#sales-technical-service.tab .give-us-a-call .call-button:hover {
cursor: pointer;
}
#sales-technical-service.tab .give-us-a-call .call-button:after {
content: "";
background: url("../images/give_us_a_call_arrow.png") center right no-repeat;
display: inline-block;
position: relative;
top: 22px;
left: 15px;
width: 29px;
height: 58px;
}
#sales-technical-service.tab .give-us-a-call .call-button span:before {
content: "";
background: url("../images/contact-call-us.png") no-repeat;
background-position: bottom center;
background-size: 24px 24px;
width: 24px;
height: 24px;
display: inline-block;
position: relative;
top: 6px;
margin-right: 5px;
}
#sales-technical-service.tab .give-us-a-call .phone-number {
margin-left: 25px;
font-size: 29px;
float: right;
margin-right: 32px;
margin-top: 28px;
position: absolute;
}
#customer-service > p {
font-size: 16px;
}
#customer-service.tab {
max-width: 465px;
margin: 0;
padding-top: 2px;
font-size: 0.9em;
}
#customer-service.tab h2 {
text-transform: uppercase;
font-size: 20px;
}
#customer-service.tab h3 {
text-transform: none;
font-family: "BreuerTextLight", helvetica, arial;
font-size: 14px;
text-align: left;
font-weight: 800;
margin: 0 0 15px 0;
}
#customer-service.tab dl dt {
font-weight: 800;
text-transform: uppercase;
float: left;
width: 75px;
}
#customer-service.tab .contact-location-group {
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
margin-bottom: 5px;
padding-bottom: 5px;
}
#customer-service.tab .contact-location-group:last-child {
border-bottom: none;
}
#customer-service.tab .contact-location-group .contact-location {
float: left;
width: 50%;
}
#customer-service.tab .contact-location-group ul {
list-style: none;
padding-left: 5px;
}
#customer-service.tab .contact-location-group ul li {
background: url("../../images/icon-bullet.png") no-repeat 0px 8px;
background-size: 9px 9px;
letter-spacing: 0.3px;
line-height: 1.7;
margin-bottom: 15px;
padding-left: 20px;
}
.citation {
padding-top: 5px;
font-style: italic;
}
.citation-quote {
font-size: 100px;
text-align: right;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
color: #000;
opacity: 0.15;
position: absolute;
top: 48px;
right: 17px;
}
.solution-landing .m-nav {
display: none;
}
.advancing-landing-video {
width: 100%;
overflow: hidden;
line-height: 0;
position: relative;
height: 600px;
background: rgba(0, 0, 0, 0.9);
}
.advancing-landing-video.video-playing {
height: auto;
}
.advancing-landing-video .down-dots {
width: 2px;
background: rgba(255, 255, 255, 0.5);
height: 39px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -1px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.advancing-landing-video .down-dots img {
max-width: 200px;
position: absolute;
left: -4px;
top: -8px;
}
.advancing-landing-video video {
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.advancing-landing-video video.full {
cursor: url(../../images/video_close.png), auto;
}
@media screen and (max-width: 1280px) {
.advancing-landing-video video.teaser {
height: 600px;
width: auto;
position: relative;
left: 50%;
margin-left: -640px;
}
}
.advancing-landing-video .line-pattern {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../images/pattern_tile4.png) top left repeat;
}
.content {
color: #ffffff;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
width: 500px;
margin: -150px 0 0 -250px;
line-height: 1.3em;
font-size: 22px;
}
@media screen and (max-width: 500px) {
.content {
width: 300px;
margin: -215px 0 0 -150px;
}
}
.content h1 {
font-size: 44px;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
width: 300px;
margin: 0 auto 25px auto;
line-height: 1.1em;
padding: 0;
}
.content .play {
display: block;
width: 70px;
height: 70px;
border-radius: 35px;
border: 2px solid rgba(255, 255, 255, 0.3);
margin: 20px auto 0 auto;
background: rgba(0, 0, 0, 0.3);
padding-top: 21px;
opacity: 0.7;
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
}
.content .play:hover {
border: 2px solid rgba(255, 255, 255, 0.5);
background: rgba(0, 0, 0, 0.5);
opacity: 1;
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
}
.content .play img {
margin-left: 5px;
}
.landing-header {
z-index: 4;
}
.advancing-landing-link {
display: block;
width: 100%;
background: center;
background-attachment: fixed;
height: 300px;
background-size: cover;
font-size: 38px;
color: #ffffff !important;
text-decoration: none;
text-align: center;
-webkit-font-smoothing: antialiased;
padding-top: 95px;
position: relative;
opacity: 1;
}
@media screen and (max-width: 700px) {
.advancing-landing-link {
font-size: 30px;
height: 250px;
padding-top: 80px;
}
}
.advancing-landing-link:before {
content: "";
width: 4px;
background: url(../../images/pattern_dots.png) top center repeat-y;
background-attachment: fixed;
height: 85px;
position: absolute;
left: 50%;
top: 0;
z-index: 10;
margin-left: -2px;
}
@media screen and (max-width: 700px) {
.advancing-landing-link:before {
height: 65px;
}
}
.advancing-landing-link:after {
content: "";
width: 4px;
background: url(../../images/pattern_dots.png) top center repeat-y;
background-attachment: fixed;
height: 85px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -2px;
}
@media screen and (max-width: 700px) {
.advancing-landing-link:after {
height: 55px;
}
}
.advancing-landing-link.highlighted .background {
opacity: 0.75;
}
.advancing-landing-link.highlighted span:after {
background: rgba(255, 255, 255, 0.9);
}
.advancing-landing-link .background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-attachment: fixed;
opacity: 0.5;
}
@media screen and (max-width: 640px) {
.advancing-landing-link .background {
background-image: none !important;
}
}
.advancing-landing-link .background:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../images/pattern_tile4.png) top left repeat;
}
.advancing-landing-link:hover {
text-decoration: none !important;
}
.advancing-landing-link span {
display: block;
z-index: 10;
position: relative;
display: table;
margin: 0 auto;
}
.advancing-landing-link span:after {
content: "";
height: 2px;
width: 100%;
background: rgba(255, 255, 255, 0);
position: absolute;
bottom: 0;
left: 0;
}
.advancing-landing-link span img {
display: block;
margin: 0 auto 3px auto;
width: 48px;
}
.cabotlabs .content-carousel {
margin-bottom: 40px;
}
.cabot-labs {
padding: 132px 0 160px 0;
text-align: center;
margin: 0 auto;
font-size: 24px;
color: #6e7072;
line-height: 1.3em;
position: relative;
background: url(../../images/labs-bg.png) top left;
background-attachment: fixed;
}
.cabot-labs a,
.cabot-labs a:link,
.cabot-labs a:active,
.cabot-labs a:visited {
color: #6e7072;
}
.cabot-labs a:hover,
.cabot-labs a:link:hover,
.cabot-labs a:active:hover,
.cabot-labs a:visited:hover {
color: #6e7072;
text-decoration: none;
}
.cabot-labs:before {
content: "";
width: 4px;
background: url(../../images/pattern_dots_grey.png) top center repeat-y;
background-attachment: fixed;
height: 94px;
position: absolute;
left: 50%;
top: 0;
margin-left: -2px;
z-index: 10;
}
.cabot-labs .wrapper, .cabot-labs .article-module .article .article-wrapper, .article-module .article .cabot-labs .article-wrapper, .cabot-labs #tabs .tab, #tabs .cabot-labs .tab {
max-width: 540px;
}
.cabot-labs .arrow {
position: absolute;
top: 100px;
left: 50%;
margin-left: -10px;
}
.cabot-labs h2 {
font-family: "BreuerTextLight", helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 40px;
color: #000000;
margin-bottom: 40px;
}
.cabot-labs h2 span {
font-size: 33px;
}
.cabot-labs h2:hover {
cursor: pointer;
}
.cabot-labs h2:hover span {
border-bottom: 2px solid;
margin: 14px auto -14px auto;
padding: 0 0 8px 0;
}
.cabot-labs a.explore-cabotlabs {
display: table;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
border: 2px solid rgba(0, 0, 0, 0.6);
padding: 13px 15px 14px 43px;
color: #ffffff !important;
text-transform: uppercase;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1;
margin: 0 auto;
position: relative;
margin-top: 40px;
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
}
.cabot-labs a.explore-cabotlabs:hover {
color: #ffffff !important;
text-decoration: none !important;
background: rgba(0, 0, 0, 0.65);
border: 2px solid rgba(0, 0, 0, 0.75);
-webkit-transition: all linear 100ms;
transition: all linear 100ms;
}
.cabot-labs a.explore-cabotlabs img {
position: absolute;
top: 6px;
left: 6px;
width: 32px;
}
.cabot-labs .content-carousel {
margin-bottom: 40px;
}
.cabot-labs .content-carousel.stacked {
margin-bottom: 0;
}
@media screen and (max-width: 400px) {
.flex-direction-nav {
display: none;
}
}
.video-modal {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: #191818;
z-index: 100;
display: none;
}
.video-modal video {
width: 100%;
}
body.modal-open {
overflow: hidden;
}
.landing-header.industry {
height: auto;
min-height: 472px;
padding-top: 60px;
}
@media screen and (max-width: 700px) {
.landing-header.industry {
min-height: 0;
padding-top: 30px;
padding-bottom: 40px;
}
}
.landing-header.industry.open .header-background {
opacity: 0;
-webkit-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.landing-header.industry.transportation {
background-color: rgba(0, 0, 0, 0.9);
}
.landing-header.industry .header-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: right top;
background-repeat: no-repeat !important;
background-size: 100%;
background-attachment: fixed;
opacity: 1;
-webkit-transition: opacity 300ms linear;
transition: opacity 300ms linear;
z-index: -1;
}
@media screen and (max-width: 1280px) {
.landing-header.industry .header-background {
background-size: auto 610px;
}
}
@media screen and (min-width: 1600px) {
.landing-header.industry .header-background {
background-size: cover;
background-position: center;
background-attachment: scroll;
}
}
@media screen and (max-width: 700px) {
.landing-header.industry .header-background {
opacity: 0.2;
}
}
.landing-header.industry .wrapper, .landing-header.industry .article-module .article .article-wrapper, .article-module .article .landing-header.industry .article-wrapper, .landing-header.industry #tabs .tab, #tabs .landing-header.industry .tab {
height: auto;
width: 100%;
}
.landing-header.industry .wrapper h1, .landing-header.industry .article-module .article .article-wrapper h1, .article-module .article .landing-header.industry .article-wrapper h1, .landing-header.industry #tabs .tab h1, #tabs .landing-header.industry .tab h1,
.landing-header.industry .wrapper p,
.landing-header.industry .article-module .article .article-wrapper p,
.article-module .article .landing-header.industry .article-wrapper p,
.landing-header.industry #tabs .tab p,
#tabs .landing-header.industry .tab p {
width: 480px;
-webkit-transition: all linear 300ms;
transition: all linear 300ms;
}
@media screen and (max-width: 700px) {
.landing-header.industry .wrapper h1, .landing-header.industry .article-module .article .article-wrapper h1, .article-module .article .landing-header.industry .article-wrapper h1, .landing-header.industry #tabs .tab h1, #tabs .landing-header.industry .tab h1,
.landing-header.industry .wrapper p,
.landing-header.industry .article-module .article .article-wrapper p,
.article-module .article .landing-header.industry .article-wrapper p,
.landing-header.industry #tabs .tab p,
#tabs .landing-header.industry .tab p {
width: 100%;
}
}
.landing-header.industry .wrapper.open h1, .landing-header.industry .article-module .article .open.article-wrapper h1, .article-module .article .landing-header.industry .open.article-wrapper h1, .landing-header.industry #tabs .open.tab h1, #tabs .landing-header.industry .open.tab h1,
.landing-header.industry .wrapper.open p,
.landing-header.industry .article-module .article .open.article-wrapper p,
.article-module .article .landing-header.industry .open.article-wrapper p,
.landing-header.industry #tabs .open.tab p,
#tabs .landing-header.industry .open.tab p {
width: 100%;
-webkit-transition: all linear 300ms;
transition: all linear 300ms;
}
.landing-header.industry .advancing-sublevel-nav {
display: block;
width: 70px;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
line-height: 0;
}
.landing-header.industry .advancing-sublevel-nav:hover {
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.landing-header.industry .advancing-sublevel-nav.open img.dropdown-toggle {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all ease-in-out 300ms;
transition: all ease-in-out 300ms;
}
.landing-header.industry .advancing-sublevel-nav img.industry-icon {
width: 48px;
margin-bottom: 11px;
}
.landing-header.industry .advancing-sublevel-nav img.dropdown-toggle {
float: right;
margin: 25px 4px 0 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all ease-in-out 300ms;
transition: all ease-in-out 300ms;
}
.landing-header.industry .more-wrapper {
display: none;
padding-bottom: 60px;
}
.landing-header.industry .more-wrapper.visible {
opactiy: 1;
-webkit-transition: all linear 300ms;
transition: all linear 300ms;
}
.landing-header.industry .more-wrapper h4 {
color: #ffffff;
background: none;
display: block;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 41px;
font-weight: normal;
margin: 0 0 8px 0;
text-transform: uppercase;
padding: 24px 0 0 0;
position: static;
bottom: 0;
left: 25px;
-webkit-transition: left ease 300ms;
transition: left ease 300ms;
transition: left ease 300ms;
}
.landing-header.industry .more-wrapper .close {
display: block;
color: #ffffff;
text-decoration: none;
float: right;
font-size: 30px;
}
.landing-header.industry .more-wrapper a.less {
display: table;
color: #64cade;
font-size: 19px;
border-bottom: 1px solid rgba(100, 202, 222, 0.3);
position: relative;
margin-left: 17px;
}
.landing-header.industry .more-wrapper a.less:before {
content: "-";
position: absolute;
left: -17px;
top: 0px;
-webkit-font-smoothing: antialiased;
}
.landing-header.industry .more-wrapper a.less:hover {
text-decoration: none;
border-bottom: 1px solid #64cade;
}
.landing-header.industry .industry-nav {
position: absolute;
z-index: 100;
top: 55px;
left: 21px;
display: none;
padding: 4px;
background: rgba(0, 0, 0, 0.3);
}
.landing-header.industry .industry-nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.landing-header.industry .industry-nav ul li {
margin: 0;
padding: 0;
}
.landing-header.industry .industry-nav ul li a {
font-size: 19px;
display: block;
padding: 13px 10px;
color: #fff;
width: 230px;
font-family: "BreuerTextLight", helvetica, arial;
position: relative;
opacity: 0.95;
background: url(../../images/pattern_tile4.png) top left repeat;
}
.landing-header.industry .industry-nav ul li a:hover {
opacity: 1;
text-decoration: none;
}
.landing-header.industry .industry-nav ul li a.active:after {
content: "";
display: block;
position: absolute;
right: 15px;
top: 21px;
width: 13px;
height: 13px;
background: url(../../images/icon_white_check.png) center no-repeat;
}
.landing-header.industry .industry-nav ul li a span {
display: inline-block;
margin-top: 1px;
}
.landing-header.industry .industry-nav ul li a img {
width: 30px;
margin: 0 10px 0 0;
float: left;
}
.landing-header.industry .industry-nav ul li a.cabotlabsnav {
background-color: #fff !important;
}
.landing-header.industry .industry-nav ul li a.cabotlabsnav span {
color: #000;
}
.landing-header.industry h1 {
color: #ffffff;
background: none;
display: block;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 41px;
font-weight: normal;
margin: 0 0 8px 0;
text-transform: uppercase;
padding: 24px 0 0 0;
position: static;
bottom: 0;
left: 25px;
-webkit-transition: left ease 300ms;
transition: left ease 300ms;
transition: left ease 300ms;
cursor: default;
}
@media screen and (max-width: 700px) {
.landing-header.industry h1 {
font-size: 35px;
}
}
@media screen and (max-width: 400px) {
.landing-header.industry h1 {
font-size: 30px;
}
}
.landing-header.industry p {
color: #e0e0e0;
font-size: 27px;
font-family: "BreuerTextLight", helvetica, arial;
-webkit-font-smoothing: antialiased;
margin: 0 0 20px 0;
line-height: 1.35em;
}
@media screen and (max-width: 700px) {
.landing-header.industry p {
font-size: 24px;
}
}
@media screen and (max-width: 400px) {
.landing-header.industry p {
font-size: 16px;
}
}
.landing-header.industry a.more {
display: table;
color: #64cade;
font-size: 19px;
border-bottom: 1px solid rgba(100, 202, 222, 0.3);
position: relative;
margin-left: 17px;
}
.landing-header.industry a.more:before {
content: "+";
position: absolute;
left: -17px;
top: 0px;
-webkit-font-smoothing: antialiased;
}
.landing-header.industry a.more:hover {
text-decoration: none;
border-bottom: 1px solid #64cade;
}
.content-carousel.one-col .grid-layout.card .col6 {
width: 47.5%;
}
.content-carousel.one-col .grid-layout.card .col6:first-child {
width: 47.5%;
margin-left: 5%;
}
.content-carousel.split-view-module .flex-direction-nav {
position: absolute;
top: 250px;
}
.cabotlabs #envelope {
background: url(../../images/cabotlabs_section_background_tile.png) #fff;
background-attachment: fixed;
}
.document-scid, .document-language {
display: none;
}
.mod-touch .advancing-landing-video video {
position: relative;
z-index: -10;
}
.mod-touch .advancing-landing-video.video-playing {
height: 500px;
}
.mod-touch .advancing-landing-video.video-playing .full {
height: 500px;
z-index: 1;
}
.search-results-page {
text-align: center;
}
.search-results-page .main-content {
width: 100%;
}
.search-results-page .shown-results {
background: #f2f4f3;
font-size: 19px;
padding: 26px 0 22px 0;
}
.search-results-page .result p {
margin: 0;
}
.search-results-page .result .document-type {
color: #b2b4b3;
font-size: 14px;
text-transform: uppercase;
}
.search-results-page .result .result-link {
font-size: 39px;
letter-spacing: 0;
line-height: 1.3;
}
@media screen and (max-width: 700px) {
.search-results-page .result .result-link {
font-size: 32px;
}
}
.search-results-page .result .result-link a:hover,
.search-results-page .result .result-link a:active:hover,
.search-results-page .result .result-link a:visited:hover {
text-decoration: none;
}
.search-results-page .result .result-summary {
color: #000;
}
.search-results-page .link-container {
border-bottom: 1px solid #d9d9d9;
float: left;
padding: 42px 13% 40px 13%;
width: 100%;
}
@media screen and (max-width: 700px) {
.search-results-page .link-container {
padding: 25px;
}
}
.search-results-page .link-container:last-of-type {
border-bottom: 0;
}
.search-results-page .link-container:hover {
background: #db371a;
text-decoration: none;
}
.search-results-page .link-container:hover .document-type {
color: #891d0a;
}
.search-results-page .link-container:hover .result-link,
.search-results-page .link-container:hover .result-summary {
color: #fff;
}
.show-more {
background: #f2f4f3;
float: left;
text-align: center;
margin: 0;
padding: 13px 0 12px 0;
width: 100%;
cursor: pointer;
}
.show-more:hover {
background: #db371a;
}
.show-more:hover a,
.show-more:hover a:active,
.show-more:hover a:visited,
.show-more:hover a:hover {
color: #fff;
text-decoration: none;
}
.company-landing-page #envelope {
background: url(../../images/company-globe.gif) top center no-repeat #fff;
background-attachment: fixed;
}
.company-landing-page .promo-module .promotion-card {
padding: 50px 0 40px 0;
}
@media screen and (max-width: 700px) {
.company-landing-page .promo-module .promotion-card {
padding: 40px 25px;
}
}
.company-intro {
padding-top: 75px;
padding-bottom: 0px;
position: relative;
}
.company-intro .col6 {
padding-bottom: 40px;
}
@media screen and (max-width: 700px) {
.company-intro {
padding-top: 55px;
}
}
@media screen and (max-width: 600px) {
.company-intro {
padding-top: 35px;
}
}
.company-intro .copy h2 {
font-size: 27px;
font-family: "BreuerTextLight", helvetica, Arial, sans-serif;
font-weight: normal;
margin: 12px 0 22px 0;
}
.company-intro .copy a {
margin-top: 16px;
display: table;
border-bottom: 1px solid #dbdbdb;
line-height: 22px;
}
.company-intro .copy a:hover {
text-decoration: none;
border-bottom: 1px solid #bcbcbc;
}
@media screen and (max-width: 700px) {
.company-intro .copy a {
margin-top: 30px;
}
}
.company-intro a.locations-btn {
background: rgba(255, 255, 255, 0.8);
border-radius: 3px;
border: 2px solid white;
bottom: 5px;
display: inline-block;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1;
padding: 13px 15px 14px 43px;
position: absolute;
right: 0px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
@media screen and (max-width: 500px) {
.company-intro a.locations-btn {
position: static;
width: 100%;
display: block;
clear: both;
text-align: center;
}
}
.company-intro a.locations-btn:hover {
text-decoration: none;
background: white;
}
.company-intro a.locations-btn img {
position: absolute;
left: 6px;
top: 6px;
width: 32px;
}
.promo-module.foundation {
padding-top: 58px;
min-height: 270px;
height: auto;
}
@media screen and (max-width: 600px) {
.promo-module.foundation {
padding: 40px 20px;
}
}
.promo-module.foundation p {
color: #000;
font-size: 21px;
line-height: 1.6em;
margin-bottom: 29px;
}
@media screen and (max-width: 600px) {
.promo-module.foundation p {
font-size: 16px;
}
}
.promo-module.foundation a {
color: #000;
background: rgba(255, 255, 255, 0.8);
border-radius: 3px;
border: 2px solid white;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
padding: 7px 16px 9px 9px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.promo-module.foundation a:hover {
color: #000;
text-decoration: none;
background: white;
}
.promo-module.foundation a img {
width: 20px;
margin-right: 6px;
position: relative;
top: 4px;
}
.news-items.data-table th {
color: #fff;
text-transform: none;
}
.news-items.data-table tr {
background: none;
}
.news-items.data-table tr:nth-child(even) {
background-color: #F5F5F5;
}
.event-card .col6 {
margin-bottom: 10px;
}
.event-card .col6 h4 {
font-size: 20px;
margin-bottom: 8px;
margin-top: 0;
text-transform: uppercase;
}
.event-card img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.event-card h3 {
font-size: 26px;
font-weight: bold;
margin: 40px 0;
}
.event-card p {
margin: 8px 0;
}
.event-module hr {
background: url("../images/product-border.png");
border-top: none;
height: 1px;
margin: 40px auto;
}
#map {
width: 100%;
height: 350px;
border: 1px solid rgba(0, 0, 0, 0.2);
margin: 3em 0 0 0;
cursor: default;
}
#office-type-filter-container {
background-color: #fff;
}
#office-type-filter-container.sticky {
padding-top: 60px;
}
@media screen and (max-width: 700px) {
#office-type-filter-container.sticky {
padding-bottom: 25px;
padding-top: 25px;
}
}
#office-type-filter {
list-style-type: none;
background: none;
margin: 0 0 2em 0;
padding: 0;
}
@media screen and (max-width: 990px) {
#office-type-filter {
width: 700px;
}
}
@media screen and (max-width: 700px) {
#office-type-filter {
display: none;
}
}
#office-type-filter li {
background: none;
display: inline-block;
margin: 0 24px 0 0;
padding: 0;
}
#office-type-filter li a {
padding: 10px 0 10px 25px;
color: #000;
font-size: 0.95em;
}
#office-type-filter li a.active {
color: #db371a;
}
.ww-location-dd {
display: none;
}
@media screen and (max-width: 700px) {
.ww-location-dd {
display: block;
margin-bottom: 45px;
}
}
.sticky .ww-location-dd {
margin-bottom: 0;
}
.office-type-all {
background: url(../../images/locations/map_filter_all_black@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
.office-type-all.active {
background: url(../../images/locations/map_filter_all_red@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
/* Manufacturing */
.office-type-14ae9cd8-334f-45f7-951b-fa86dfbada53 {
background: url(../../images/locations/14ae9cd8-334f-45f7-951b-fa86dfbada53_black@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
.office-type-14ae9cd8-334f-45f7-951b-fa86dfbada53.active {
background: url(../../images/locations/14ae9cd8-334f-45f7-951b-fa86dfbada53_red@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
/* HQ & Regional offices*/
.office-type-f65fe410-d85a-40fb-aef3-df3031a1ca06,
.office-type-b774e19d-4205-4fd7-a34a-6a5e82b2d839,
.office-type-87956b3b-4e47-4fc3-9f21-cd089151bcc3,
.office-type-b784e19d-4205-4fd7-a34a-6a5e82b2d839 {
background: url(../../images/locations/f65fe410-d85a-40fb-aef3-df3031a1ca06_black@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
.office-type-f65fe410-d85a-40fb-aef3-df3031a1ca06.active,
.office-type-b774e19d-4205-4fd7-a34a-6a5e82b2d839.active,
.office-type-87966b3b-4e47-4fc3-9f21-cd089151bcc3.active,
.office-type-b784e19d-4205-4fd7-a34a-6a5e82b2d839.active {
background: url(../../images/locations/f65fe410-d85a-40fb-aef3-df3031a1ca06_red@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
/* R&D */
.office-type-c08d1b86-43d9-4159-beb2-8959a7f33a89 {
background: url(../../images/locations/c08d1b86-43d9-4159-beb2-8959a7f33a89_black@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
.office-type-c08d1b86-43d9-4159-beb2-8959a7f33a89.active {
background: url(../../images/locations/c08d1b86-43d9-4159-beb2-8959a7f33a89_red@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
/* Sales */
.office-type-ce9017f2-936e-4966-bd99-300ee022e323,
.office-type-138df8ba-59ec-4d97-9d6f-fc514a1abfb1,
.office-type-dd39dc41-0e3a-498a-a844-ef17e2b1eb49 {
background: url(../../images/locations/dd39dc41-0e3a-498a-a844-ef17e2b1eb49_black@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
.office-type-ce9017f2-936e-4966-bd99-300ee022e323.active,
.office-type-138df8ba-59ec-4d97-9d6f-fc514a1abfb1.active,
.office-type-dd39dc41-0e3a-498a-a844-ef17e2b1eb49.active {
background: url(../../images/locations/dd39dc41-0e3a-498a-a844-ef17e2b1eb49_red@2x.png) 0px 7px no-repeat;
background-size: 24px 24px;
}
.office-types .location-office-type-icon {
width: 24px;
height: 28px;
display: inline-block;
margin-right: 1px;
}
.office-types .office-type-label {
display: inline-block;
}
.main-content .location-table {
margin: 0 auto 3em auto;
text-align: left;
width: 100%;
}
.main-content .location-table caption {
background-color: #F3F4F2;
width: 100%;
font-size: 1.5em;
padding: 10px 20px;
text-align: left;
text-transform: uppercase;
font-size: 1.1em;
font-weight: 700;
}
.main-content .location-table th {
padding: 10px;
background-color: #5FCAE0;
text-transform: uppercase;
}
.main-content .location-table th.country {
width: 20%;
}
.main-content .location-table th.city {
width: 20%;
}
.main-content .location-table th.business-name {
width: 50%;
}
.main-content .location-table th.office-type {
width: 10%;
}
.main-content .location-table tr:hover {
background-color: #eee;
cursor: pointer;
}
.main-content .location-table td {
padding: 5px 10px;
font-weight: 500;
vertical-align: middle;
}
.main-content .location-table td.office-types {
text-align: right;
}
#current-region {
position: relative;
height: 50px;
top: -50px;
left: 15px;
width: 250px;
}
#current-region span {
border-radius: 5px;
color: #333;
display: inline-block;
font-size: 0.9em;
padding: 5px;
}
.sticky {
position: fixed;
width: 902px;
top: 0;
z-index: 100;
border-top: 0;
padding-top: 15px;
}
#popup-template {
display: none;
}
.leaflet-popup-content-wrapper {
border-radius: 6px;
border: 1px solid #ECECEC;
}
.leaflet-popup-content {
width: 210px;
}
.leaflet-popup-tip-container {
top: -1px;
}
.leaflet-container .location-popup h4 {
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
}
.leaflet-container .location-popup a, .leaflet-container .location-popup a:hover {
color: #db371a;
font-size: 1.1em;
}
.leaflet-container img.leaflet-marker-icon {
cursor: pointer;
}
.location-popup .office-types {
margin-bottom: 3px;
}
.leaflet-container .popup-contact-info {
font-size: 1.1em;
line-height: 1.3em;
}
.leaflet-container .leaflet-popup-close-button {
background-image: url("../images/locations/map_bubble_close.png");
background-size: 24px 24px;
background-position: 0 0;
margin-top: 5px;
margin-right: 1px;
}
.leaflet-container .leaflet-popup-close-button:hover {
background-color: #fff;
}
.region-page .country-list-wrapper,
.region-page .country-selector-wrapper {
padding: 52px 0 70px 0;
background-color: #fff;
width: 100%;
}
.region-page .country-list-wrapper .divider,
.region-page .country-selector-wrapper .divider {
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
}
.region-page a.country-bubble {
background: #e9e9e9;
border-radius: 20px;
color: #000;
display: block;
float: left;
font-size: 14px;
margin-bottom: 10px;
margin-right: 1.5%;
padding: 8px 20px;
}
@media screen and (max-width: 400px) {
.region-page a.country-bubble {
padding: 2px 8px;
margin-bottom: 5px;
font-size: 0.8em;
}
}
.region-page a.country-bubble.selected, .region-page a.country-bubble:hover {
background: #64cade;
color: #000;
text-decoration: none;
}
.region-page .country-listing {
clear: both;
list-style: none;
padding-left: 0;
width: 100%;
margin-top: 50px;
padding-top: 50px;
margin-bottom: -90px;
}
.region-page .country-listing li {
background-image: none;
display: block;
clear: both;
padding-bottom: 40px;
padding-left: 0;
width: 100%;
}
.region-page .country-listing li span.anchor {
display: block;
margin-top: -90px;
height: 90px;
}
@media screen and (max-width: 700px) {
.region-page .country-listing li span.anchor {
margin-top: 0;
height: auto;
}
}
.region-page .country-listing .office-city {
background: #f0f0f0;
font-weight: bold;
padding: 12px 0 10px;
text-align: center;
text-transform: uppercase;
}
.region-page .country-listing .office-name {
background: url("../../images/country-dotted-line.png") repeat-x bottom;
font-size: 19px;
padding-bottom: 7px;
}
.region-page .country-listing .contact-col {
float: left;
font-size: 14px;
margin-right: 3%;
width: 30%;
}
@media screen and (max-width: 700px) {
.region-page .country-listing .contact-col {
float: none;
width: 100%;
}
}
.region-page .country-listing .contact-col p {
margin: 5px 0;
}
.region-page .country-listing .contact-col .office-phone,
.region-page .country-listing .contact-col .office-fax {
display: block;
width: 100%;
}
.region-page .country-listing .contact-col .office-phone strong,
.region-page .country-listing .contact-col .office-fax strong {
margin-right: 5px;
text-transform: uppercase;
}
.region-page .country-list-wrapper {
display: none;
}
.region-page .country-list-wrapper select {
margin-bottom: 15px;
}
@media screen and (max-width: 700px) {
.region-page .country-list-wrapper {
display: block;
}
}
@media screen and (max-width: 700px) {
.region-page .country-selector-wrapper a {
display: none;
}
}
.region-page .sticky .content-contain {
width: 39%;
}
@media screen and (max-width: 1720px) {
.region-page .sticky .content-contain {
width: 44%;
}
}
@media screen and (max-width: 1530px) {
.region-page .sticky .content-contain {
width: 50%;
}
}
@media screen and (max-width: 1355px) {
.region-page .sticky .content-contain {
width: 56%;
}
}
@media screen and (max-width: 1210px) {
.region-page .sticky .content-contain {
width: 63%;
}
}
@media screen and (max-width: 1077px) {
.region-page .sticky .content-contain {
width: 71%;
}
}
@media screen and (max-width: 1023px) {
.region-page .sticky .content-contain {
width: 100%;
}
}
@media screen and (max-width: 950px) {
.region-page .sticky .content-contain {
width: 87%;
}
}
@media screen and (max-width: 900px) {
.region-page .sticky .content-contain {
width: 95%;
}
}
.region-page .country-selector-wrapper {
background-color: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, white), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to top, white 70%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ffffff ", EndColorStr="#ffffff ");
float: left;
}
.region-page .country-selector-wrapper .divider {
display: none;
}
.region-page .country-selector-wrapper.sticky {
padding-bottom: 70px;
}
@media screen and (max-width: 700px) {
.region-page .country-selector-wrapper.sticky {
padding: 20px 0 40px 0;
}
}
.location-office-type-icon span {
margin-left: 25px;
line-height: 35px;
}
@media screen and (max-width: 700px) {
.sticky .content-contain {
height: 40px;
}
}
@media screen and (max-width: 700px) {
.sticky .country-list-wrapper {
padding: 10px 0;
}
}
@media screen and (max-width: 700px) {
.region-page .country-selector-wrapper {
padding: 0;
margin-bottom: -86px;
}
}
@media screen and (max-width: 700px) {
.region-page .country-list-wrapper {
padding: 20px 0;
}
}
.news-items .news-item {
margin-bottom: 5px;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
::-moz-selection {
background: rgba(230, 230, 230, 0.7);
color: #000;
}
::selection {
background: rgba(230, 230, 230, 0.7);
color: #000;
}
a,
a:link,
a:active {
color: #e03314;
outline: 0;
text-decoration: none;
}
a:hover,
a:link:hover,
a:active:hover {
text-decoration: underline;
color: #db371a;
}
a:focus {
color: #db371a;
outline: 0;
text-decoration: underline;
}
h1 {
clear: both;
font-family: "BreuerTextRegular", helvetica, arial;
letter-spacing: -0.015em;
font-size: 39px;
font-weight: normal;
margin-bottom: 25px;
margin-top: 30px;
text-transform: uppercase;
line-height: 1.2em;
/*@media screen and (max-width:$breakpoint-first) {
cursor: pointer;
padding-bottom: 15px;
&.page-title:before {
content: "";
display: inline-block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 11px 8px 0 8px;
border-color: $primary-text-color transparent transparent transparent;
margin: 15px 0 9px 15px;
float: right;
transition: ease all 250ms;
position: relative;
top: 0;
}
&.open:before {
transform: rotate(180deg);
transition: ease all 250ms;
position: relative;
top: -3px;
}
}*/
}
@media screen and (max-width: 770px) {
h1 {
font-size: 27px;
margin-top: 3px;
line-height: 1.3em;
}
h1:before {
margin-top: 16px;
}
}
.wrapper, .article-module .article .article-wrapper, #tabs .tab {
clear: both;
}
.landing-page h1 {
cursor: text;
}
.landing-page h1:before {
content: "";
border: none !important;
height: 0;
width: 0;
}
h2 {
margin-top: 12px;
}
h3 {
margin: 0;
margin-bottom: 10px;
padding: 0;
}
hr {
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 35px;
margin-top: 37px;
}
p {
line-height: 1.7;
letter-spacing: 0.03em;
}
.visible {
opacity: 1 !important;
visibility: visible;
}
.main-content ul {
list-style: none;
padding-left: 5px;
}
.main-content ul li {
background: url("../../images/icon-bullet.png") no-repeat 0px 8px;
background-size: 9px 9px;
letter-spacing: 0.3px;
line-height: 1.7;
margin-bottom: 15px;
padding-left: 20px;
}
.bullets-diamond li {
background: url("../../images/icon-bullet.png") no-repeat 0px 8px;
background-size: 9px 9px;
letter-spacing: 0.3px;
line-height: 1.7;
margin-bottom: 15px;
padding-left: 20px;
list-style-type: none;
}
/* ===================================================================== HEADERS */
.page-header {
font-size: 22px;
}
.section-header {
font-size: 18px;
}
.child-page {
margin-top: 7px;
}
.header-tile {
background: url("../images/pattern_tile3.png") top left repeat;
background-attachment: fixed;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.1;
}
/* ===================================================================== BUTTONS */
.button {
border-radius: 5px 5px 5px 5px;
background-color: #75B639;
color: #FFFFFF;
padding: 5px 20px;
}
.button:hover {
text-decoration: none;
}
/* container for buttons */
.buttons {
float: left;
margin: 15px 0;
width: 100%;
}
.buttons .button {
float: left;
margin-right: 25px;
}
.main-content {
padding-bottom: 173px;
padding-top: 64px;
}
@media screen and (max-width: 768px) {
.main-content {
padding-top: 0;
width: 100% !important;
}
}
@media screen and (max-width: 700px) {
.main-content {
padding-bottom: 90px;
}
}
.main-content.one-col {
width: 100%;
}
@media screen and (max-width: 770px) {
.page-title {
margin-bottom: 13px;
margin-top: 25px;
}
}
p.subhead {
font-family: "BreuerTextLight", helvetica, arial;
font-weight: normal;
font-size: 25px;
line-height: 34px;
color: #a2a5a4;
margin-top: 0;
margin-bottom: 33px;
letter-spacing: 0.015em;
}
@media screen and (max-width: 770px) {
p.subhead {
font-size: 22px;
line-height: 30px;
}
}
p.page-image {
float: right;
padding: 0 0 10px 5%;
margin: 0;
width: 50%;
}
@media screen and (max-width: 400px) {
p.page-image {
padding: 0;
float: none;
width: 100%;
}
}
.main-content table,
.main-content .table-container {
font-size: 14px;
width: 100%;
}
.main-content table th,
.main-content table td,
.main-content .table-container .row > span {
padding: 8px 0 8px 15px;
vertical-align: top;
text-align: left;
}
.main-content table th.data-sheet-download,
.main-content table td.data-sheet-download,
.main-content .table-container .row > span.data-sheet-download {
text-align: center;
padding-right: 15px;
}
.main-content table th.msds-download,
.main-content table td.msds-download,
.main-content .table-container .row > span.msds-download {
text-align: center;
padding-right: 15px;
}
.main-content table tr,
.main-content .table-container .row {
background: url(../images/product-border.png) left bottom repeat-x;
background: url(../images/product-border.png) left bottom 1px repeat-x;
}
.table-container .mobile-subnav {
display: none !important;
}
.card[data-overlay-url] {
cursor: pointer;
}
.cookie-policy-summary {
background: #f2f3f4;
border-bottom: 1px solid #e5e7e6;
height: 54px;
padding-top: 0;
position: fixed;
bottom: 0;
text-align: center;
width: 100%;
z-index: 99999;
}
@media screen and (max-width: 620px) {
.cookie-policy-summary {
height: 120px;
padding-top: 10px;
}
.cookie-policy-summary p {
padding: 0 70px 0 25px;
}
.cookie-policy-summary .cookie-close {
background-color: #f2f3f4 !important;
top: 0;
}
}
@media screen and (max-width: 400px) {
.cookie-policy-summary {
height: 165px;
}
}
.cookie-policy-summary p {
font-family: "BreuerTextRegularItalic", helvetica, arial;
font-size: 14px;
padding-right: 54px;
position: absolute;
left: 0;
right: 0;
}
@media screen and (max-width: 1076px) {
.cookie-policy-summary p {
margin-top: 5px;
}
}
@media screen and (max-width: 620px) {
.cookie-policy-summary p {
font-size: 14px;
}
}
.cookie-policy-summary .cookie-close {
background-color: #e5e7e6;
background-image: url("../../images/eu_policy_close@2x.png");
background-position: center;
background-repeat: no-repeat;
background-size: 26px 26px;
display: block;
height: 54px;
width: 54px;
position: absolute;
right: 0;
}
.cookie-policy-summary .cookie-close:hover {
cursor: pointer;
}
.cookie-policy-summary .cookie-policy-buttons {
position: absolute;
right: 10px;
top: 15px;
}
.cookie-policy-summary .cookie-policy-buttons .accept-button span {
background: #e03314;
border-radius: 0;
color: #fff;
margin-right: 10px;
padding: 10px 20px;
}
.cookie-policy-summary .cookie-policy-buttons .accept-button span:hover {
cursor: pointer;
}
.cookie-policy-summary .cookie-policy-buttons .reject-button span {
background: #767676;
border-radius: 0;
color: #fff;
padding: 10px 20px;
}
.cookie-policy-summary .cookie-policy-buttons .reject-button span:hover {
cursor: pointer;
}
.wrapper .cookie-policy-summary, .article-module .article .article-wrapper .cookie-policy-summary, #tabs .tab .cookie-policy-summary {
background: #fff;
border: none;
position: static;
bottom: auto;
}
.wrapper .cookie-policy-summary p, .article-module .article .article-wrapper .cookie-policy-summary p, #tabs .tab .cookie-policy-summary p {
padding-right: 0;
position: static;
text-align: left;
}
.wrapper .cookie-policy-summary .cookie-policy-buttons, .article-module .article .article-wrapper .cookie-policy-summary .cookie-policy-buttons, #tabs .tab .cookie-policy-summary .cookie-policy-buttons {
float: left;
margin-top: 15px;
position: static;
}
.nav-primary {
padding-left: 2px;
position: relative;
width: 75%;
z-index: 5;
}
@media screen and (max-width: 950px) {
.nav-primary {
padding-left: 0px;
}
}
@media screen and (max-width: 950px) {
.nav-primary {
width: 75%;
}
}
@media screen and (max-width: 810px) {
.nav-primary {
width: 100%;
}
}
.nav-primary > ul {
list-style: none;
margin: 0;
margin-top: 17px;
padding: 0;
}
@media screen and (max-width: 700px) {
.nav-primary > ul {
display: none;
margin-top: 0px;
}
}
.nav-primary > ul li.top-level {
float: left;
font-size: 15px;
padding: 0;
padding-right: 32px;
}
@media screen and (max-width: 900px) {
.nav-primary > ul li.top-level {
padding-right: 15px;
}
}
.nav-primary > ul li.top-level.open .nav-menu {
opacity: 1;
visibility: visible;
display: block;
}
@media screen and (max-width: 700px) {
.nav-primary > ul li.top-level.open span.expand:after {
content: "-";
}
}
@media screen and (max-width: 700px) {
.nav-primary > ul li.top-level {
float: none;
font-size: 18px;
padding-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
}
.nav-primary > ul li.top-level span.expand {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 68px;
background: #cd2028;
color: white;
font-weight: bold;
font-family: verdana, helvetica, arial;
font-size: 18px;
text-align: center;
padding-top: 10px;
display: block;
}
.nav-primary > ul li.top-level span.expand:after {
content: "+";
}
}
.nav-primary > ul li.top-level .nav-title {
padding-right: 20px;
}
.nav-primary > ul li.top-level > a {
color: #ffffff;
display: inline-block;
padding: 0px 0px 2px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0);
margin-bottom: 12px;
}
@media screen and (max-width: 700px) {
.nav-primary > ul li.top-level > a {
margin-bottom: 8px;
margin-top: 13px;
margin-left: 25px;
}
}
.nav-primary > ul li.top-level > a:hover {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-decoration: none;
}
.nav-primary > ul li.top-level:hover {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav-primary > ul li.top-level:hover > a {
border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.nav-primary > ul li.top-level:hover .nav-title {
background-position: 100% -33%;
color: #FFFFFF;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
@media screen and (min-width: 700px) {
.nav-primary > ul li.top-level:hover .nav-menu {
visibility: visible;
opacity: 1;
display: block;
-webkit-transition-delay: 0s;
transition-delay: 0s;
z-index: 200;
}
.nav-primary > ul li.top-level:hover .nav-menu a {
text-decoration: none;
}
}
.nav-primary > ul li.top-level.active > a {
border-bottom: 1px solid #ffffff;
padding: 0px 0px 2px 0px;
}
@media screen and (max-width: 700px) {
.nav-primary > ul li.top-level.active > a {
padding: 0px 0px 0px 0px;
margin-bottom: 7px;
}
}
.nav-primary > ul li.top-level .nav-menu {
font-size: 16px;
background: #ededed url(../../images/menu-angle.png) bottom right no-repeat;
margin: 0;
opacity: 0;
padding: 30px 30px 10px 30px;
position: absolute;
top: 54px;
margin-left: -30px;
-webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
transition: visibility 0s linear 0.25s, opacity 0.25s linear;
visibility: hidden;
width: 220px;
z-index: 999;
line-height: 1.3em;
}
@media screen and (max-width: 700px) {
.nav-primary > ul li.top-level .nav-menu {
position: relative;
top: 0;
margin-left: 0;
width: 100%;
background-image: none;
display: none;
}
}
.nav-primary > ul li.top-level .nav-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url(../../images/pattern_tile3.png) top left repeat;
z-index: -1;
opacity: 0.05;
}
.nav-primary > ul li.top-level .nav-menu .active a {
color: #ce1818;
}
.nav-primary > ul li.top-level .nav-menu .active a:hover {
text-decoration: none;
color: #ce1818;
border-bottom: 1px solid #ce1818;
}
.nav-primary > ul li.top-level .nav-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.nav-primary > ul li.top-level .nav-menu ul li {
margin: 0;
padding: 0 0 20px 0;
}
@media screen and (min-width: 700px) {
.nav-primary > ul li.top-level .nav-menu ul li.overview {
display: none;
}
}
.nav-primary > ul li.top-level .nav-menu a {
background-color: none;
color: #000000;
font-weight: normal;
padding: 0;
-webkit-transition: background-color 0.25s linear;
transition: background-color 0.25s linear;
border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.nav-primary > ul li.top-level .nav-menu a:hover {
color: #000000;
border: none;
text-decoration: none;
border-bottom: 1px solid #000000;
}
.nav-primary > ul li.top-level .nav-menu .nav-tertiary {
padding: 0;
}
.nav-primary > ul li.top-level .nav-menu .nav-tertiary a {
font-size: 14px;
}
@media screen and (max-width: 700px) {
.nav-primary.open > ul {
background: #ededed;
border-top: 4px solid #e03314;
padding-top: 20px;
position: absolute;
left: 0;
top: 52px;
width: 100%;
z-index: 999;
padding-left: 25px;
}
.nav-primary.open > ul > li:before {
color: rgba(0, 0, 0, 0.4);
content: "+";
float: right;
font-size: 20px;
margin-right: 25px;
}
.nav-primary.open > ul > li.open:before {
content: "-";
}
.nav-primary.open ul {
display: block;
}
.nav-primary.open ul li {
display: block;
float: none;
width: 100%;
}
.nav-primary.open ul li a {
color: #000000;
}
.nav-primary.open ul li .nav-menu {
border-top: none;
box-shadow: none;
visibility: hidden;
opacity: 0;
display: none;
padding: 0;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
}
.nav-primary.open ul li .nav-menu .wrapper, .nav-primary.open ul li .nav-menu .article-module .article .article-wrapper, .article-module .article .nav-primary.open ul li .nav-menu .article-wrapper, .nav-primary.open ul li .nav-menu #tabs .tab, #tabs .nav-primary.open ul li .nav-menu .tab {
padding: 0;
width: auto;
}
.nav-primary.open ul li .nav-menu .grid-layout {
margin: 0;
}
.nav-primary.open ul li .nav-menu .col3, .nav-primary.open ul li .nav-menu .cta-module .card, .cta-module .nav-primary.open ul li .nav-menu .card {
padding: 0;
}
.nav-primary.open ul li.open .nav-menu {
opacity: 1;
visibility: visible;
display: block;
}
}
.nav-primary > ul li.top-level.activeTrail:last-of-type {
padding-right: 0;
}
.nav-right {
text-align: right;
font-size: 13px;
margin-right: 10px;
padding-top: 21px;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 950px) {
.nav-right {
position: absolute;
right: 5px;
}
}
@media screen and (max-width: 770px) {
.nav-right {
display: none;
width: 100%;
margin: 0;
padding: 20px;
padding-bottom: 0;
background: rgba(255, 255, 255, 0.9);
right: 0;
top: 130px;
}
}
@media screen and (max-width: 700px) {
.nav-right {
top: 250px;
}
}
.nav-right ul.utility-nav {
padding: 0;
margin: 15px 0px 0 0;
list-style-type: none;
float: left;
position: relative;
top: -11px;
left: -13px;
}
.nav-right ul.utility-nav li {
float: left;
padding-left: 7px;
padding-right: 10px;
letter-spacing: 0.05em;
margin-left: 10px;
border-right: 1px solid #dfe0df;
}
.nav-right ul.utility-nav li:last-child {
padding-right: 0px;
border: none;
}
.nav-right ul.utility-nav li:last-child a {
margin: 0px 0px 0px 4px;
}
@media screen and (max-width: 700px) {
.nav-right ul.utility-nav li:last-child a {
margin: 0px 5px 0px 0px;
}
}
.nav-right ul.utility-nav li a {
color: #000000;
margin: 0px 5px 0px 4px;
padding-bottom: 2px;
}
.nav-right ul.utility-nav li a:hover {
color: #db371a;
text-decoration: none;
border-bottom: 1px solid red;
}
.nav-primary .search {
display: none;
}
.nav-primary ul.utility-nav {
list-style-type: none;
margin-top: 0;
padding-left: 0px;
padding-top: 13px;
padding-bottom: 13px;
background: #5e5f61;
}
.nav-primary ul.utility-nav li {
padding-right: 10px;
letter-spacing: 0.05em;
margin-left: 25px;
padding-bottom: 5px;
}
.nav-primary ul.utility-nav li a {
color: #fff;
margin: 0px 5px 0px 0px;
padding-bottom: 2px;
font-size: 13px;
}
.nav-primary ul.utility-nav li a:hover {
color: #fff;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* sublevel navigation ------------------------------------------------------- */
.nav-secondary {
margin-top: 96px;
height: 100%;
letter-spacing: 0.015em;
opacity: 1;
-webkit-transition: opacity 100ms;
transition: opacity 100ms;
}
.nav-secondary ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.nav-secondary .top-level {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
font-size: 15px;
line-height: 19px;
padding: 0px;
}
.nav-secondary .top-level a {
color: #000000;
display: block;
padding: 12px 10px;
}
.nav-secondary .top-level a:hover {
color: #e03314;
text-decoration: none;
}
.nav-secondary .top-level.nav-secondary-title {
background: url("../../images/secondary_nav_header.png") #E03314 right top no-repeat;
border-bottom: none;
position: relative;
margin-bottom: 15px;
font-family: "BreuerTextLight", helvetica, arial;
letter-spacing: 0.03em;
}
.nav-secondary .top-level.nav-secondary-title a {
color: #ffffff;
}
.nav-secondary .top-level.nav-secondary-title a:hover {
color: #ffffff;
}
.nav-secondary .top-level.nav-secondary-title:before {
content: "";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #e23e21;
height: 0;
position: absolute;
bottom: -5px;
left: 5px;
width: 0;
}
.nav-secondary .nav-menu {
font-size: 14px;
margin: 2px 0;
}
.nav-secondary .nav-menu li a {
padding: 0 0 14px 16px;
}
.nav-secondary .nav-menu li a.active {
color: #e03314;
}
.nav-secondary li.active > a {
color: #e03314;
}
.nav-secondary li.active .active a {
color: #e03314;
}
@media screen and (max-width: 768px) {
.nav-secondary {
margin-top: 30px;
width: 100%;
display: none;
}
}
@media screen and (min-width: 1023px) {
.nav-secondary.fixed .main-side {
position: fixed;
top: 50px;
left: auto;
padding-right: 20px;
width: 234px;
opacity: 1;
-webkit-transition: opacity 100ms;
transition: opacity 100ms;
}
.container--30-70 .nav-secondary.fixed .main-side {
position: static;
}
.hidden {
opacity: 0;
-webkit-transition: opacity 100ms;
transition: opacity 100ms;
visibility: hidden;
}
}
.nav-secondary.solutions-nav .nav-secondary-title:before {
content: "";
border: none;
}
.nav-secondary.solutions-nav .nav-secondary-title {
margin-bottom: 0px;
}
.nav-secondary.solutions-nav .nav-menu {
font-size: 14px;
margin: 2px 0;
}
.nav-secondary.solutions-nav .nav-menu li a {
padding: 0 0 14px 10px;
font-size: 15px;
line-height: 19px;
}
.nav-secondary.solutions-nav .nav-tertiary-title {
position: relative;
border-bottom: 1px solid #e23e21;
font-family: "BreuerTextLight", helvetica, arial;
margin-bottom: 16px;
}
.nav-secondary.solutions-nav .nav-tertiary-title a {
color: #db371a;
}
.nav-secondary.solutions-nav .nav-tertiary-title:before {
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #e23e21;
height: 0;
position: absolute;
bottom: -7px;
left: 10px;
width: 0;
}
.nav-secondary.solutions-nav .category-title {
font-family: "BreuerTextRegular", helvetica, arial;
text-transform: uppercase;
}
.nav-secondary.solutions-nav .nav-menu li:last-child {
margin-bottom: 10px;
}
.nav-secondary.solutions-nav .additional-links {
padding-top: 20px;
}
.nav-secondary.solutions-nav li:last-child {
border: none;
}
.breadcrumb {
margin-top: 25px;
margin-bottom: 3px;
font-family: "BreuerTextRegular", helvetica, arial;
}
@media screen and (min-width: 1023px) {
.breadcrumb {
display: none;
}
}
.breadcrumb-parent {
color: #e03314;
font-size: 13px;
padding-left: 10px;
}
.breadcrumb-parent a {
font-size: 16px;
padding-left: 3px;
}
.mobile-subnav {
background: #fff;
display: none;
float: left;
position: relative;
width: 100%;
z-index: 20;
}
@media screen and (max-width: 768px) {
.mobile-subnav {
display: block;
}
}
.mobile-subnav > .nav-menu {
display: none;
}
.mobile-subnav > .category-title {
display: none;
}
.mobile-subnav ul.main-side {
display: none;
float: left;
margin-bottom: 20px;
width: 100%;
}
.mobile-subnav ul.main-side .nav-secondary-title {
display: none;
}
.mobile-subnav ul.main-side .nav-tertiary-title {
position: relative;
font-family: "BreuerTextLight", helvetica, arial;
margin-bottom: 16px;
}
.mobile-subnav ul.main-side .nav-tertiary-title a {
border-bottom: 1px solid #e23e21;
color: #db371a;
}
.mobile-subnav ul.main-side .nav-tertiary-title:before {
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #e23e21;
height: 0;
position: absolute;
bottom: -7px;
left: 36px;
width: 0;
}
.mobile-subnav .top-level.nav-secondary-title {
float: left;
list-style: none;
margin-bottom: 9px;
padding: 0;
position: relative;
width: 100%;
z-index: 999;
}
.mobile-subnav .top-level.nav-secondary-title a {
background: #f2f4f3;
border-bottom: 1px solid #e6e8e7;
color: #db371a;
float: left;
font-size: 20px;
padding: 13px 0 13px 25px;
width: 100%;
}
.mobile-subnav .top-level.nav-secondary-title .mobile-nav-control {
background-color: #e6e8e7;
background: #e6e8e7 url("../images/mobile-down.png") no-repeat center;
background-size: 13px 8px;
content: "";
display: block;
width: 73px;
height: 56px;
position: absolute;
right: 0;
top: 0;
}
.mobile-subnav .top-level.nav-secondary-title .mobile-nav-control.opened {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-subnav .top-level.activeTrail > a {
border-bottom: 0;
padding-bottom: 9px;
}
.mobile-subnav ul {
font-size: 16px;
list-style-type: none;
margin: 0;
padding: 0;
}
.mobile-subnav ul li {
background-image: none;
margin: 0;
padding: 0 25px;
}
.mobile-subnav ul li a {
padding: 11px 0 10px;
color: #000;
border-bottom: 1px solid #e0e0e0;
display: block;
font-size: 15px;
}
.mobile-subnav ul li a.active {
color: #db371a;
}
.mobile-subnav ul li .nav-menu {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
}
.mobile-subnav ul li .nav-menu a {
border-bottom: 0;
font-size: 14px;
padding: 7px 0;
}
.global-tools {
padding: 0;
margin: 0;
list-style-type: none;
float: right;
width: 300px;
display: block;
position: absolute;
top: 17px;
right: 25px;
}
.global-tools li {
display: inline-block;
margin-left: 24px;
float: right;
}
.global-tools li > a {
color: #ffffff !important;
display: inline-block;
float: right;
font-size: 14px;
z-index: 4;
position: relative;
padding-left: 7px;
margin-top: -6px;
}
.global-tools li > a:visited {
color: #ffffff !important;
}
@media screen and (max-width: 770px) {
.global-tools li > a {
display: none;
}
}
.global-tools li > a:hover {
color: #ffffff;
text-decoration: none !important;
border: none;
}
.global-tools li > a .dropdown-globe {
position: relative;
left: -3px;
top: 6px;
width: 24px;
}
.global-tools .language-top .nav-menu {
font-size: 16px;
background: #ededed;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 37px;
right: 0;
margin-left: -20px;
-webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
transition: visibility 0s linear 0.25s, opacity 0.25s linear;
visibility: hidden;
width: 206px;
line-height: 1.3em;
}
.global-tools .language-top .nav-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url(../../images/pattern_tile3.png) top left repeat;
z-index: -1;
opacity: 0.05;
}
.global-tools .language-top .nav-menu > ul {
float: left;
margin: 0;
padding: 25px 30px 10px 30px;
}
.global-tools .language-top .nav-menu > ul > li {
clear: both;
float: left;
margin: 0;
padding: 0 0 15px 0;
}
.global-tools .language-top .nav-menu > ul > li > a {
font-size: 16px;
padding-left: 0;
}
.global-tools .language-top .nav-menu > ul > li.nav-region-title {
font-family: "BreuerTextLight", helvetica, arial;
font-weight: bold;
padding-bottom: 15px;
text-transform: uppercase;
}
.global-tools .language-top .nav-menu > ul > li.nav-country:hover {
border-bottom: 0;
padding-bottom: 15px;
}
.global-tools .language-top .nav-menu > ul > li.nav-country a {
color: #000 !important;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 16px;
}
.global-tools .language-top .nav-menu > ul > li.nav-country a:hover {
color: #e03314 !important;
}
.global-tools .language-top .nav-menu .worldwide-loc-link {
background: url("../images/icon-compass-2x.png") no-repeat 26px 14px;
background-color: #e3e3e3;
background-size: 32px 32px;
color: #e03314;
float: left;
font-size: 15px;
font-weight: bold;
padding: 20px 0 20px 65px;
text-transform: uppercase;
width: 100%;
}
.global-tools .language-top:hover {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.global-tools .language-top:hover .nav-title {
background-position: 100% -33%;
color: #FFFFFF;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.global-tools .language-top:hover .nav-menu {
visibility: visible;
opacity: 1;
display: block;
-webkit-transition-delay: 0s;
transition-delay: 0s;
z-index: 200;
}
.global-tools .language-top:hover .nav-menu a {
text-decoration: none;
}
.icon-nav {
float: right;
position: absolute;
right: 25px;
top: 31px;
display: none;
}
.icon-nav a {
padding-left: 15px;
}
@media screen and (max-width: 400px) {
.icon-nav a {
padding-left: 4px;
}
}
.icon-nav a img {
width: 24px;
}
.icon-nav a:hover {
text-decoration: none;
}
@media screen and (max-width: 770px) {
.icon-nav {
display: inline-block;
right: 20px;
}
}
span.products-plus {
font-weight: bold;
color: #e44522;
position: relative;
bottom: 5px;
right: -3px;
font-size: 17px;
font-weight: normal;
bottom: 4px;
right: -2px;
font-size: 16px;
font-family: arial;
}
.mobile-language-menu,
.mobile-tertiary-menu {
background-color: #ccc;
}
.mobile-language-menu ul,
.mobile-tertiary-menu ul {
list-style: none;
margin: 0;
padding: 10px 30px;
display: none;
}
.mobile-language-menu ul li,
.mobile-tertiary-menu ul li {
list-style-type: none;
margin-bottom: 10px;
}
.mobile-language-menu ul li a,
.mobile-tertiary-menu ul li a {
color: #666;
font-size: 20px;
}
.mainNav.openNav {
display: block;
}
.utility-nav.openNav {
display: block;
}
.mobile-language-menu ul.openMenu {
display: block;
}
@media screen and (min-width: 770px) {
.mobile-language-menu ul.openMenu {
display: none;
}
}
@media screen and (min-width: 770px) {
.mobile-language-menu {
display: none;
}
}
.form {
max-width: 465px;
}
.form fieldset {
border: none;
padding: 0;
}
.form .form-row,
.form .button-row {
clear: both;
}
.form .form-row::after,
.form .button-row::after {
display: table;
content: "";
clear: both;
}
.form .form-col {
width: 50%;
float: left;
}
@media screen and (max-width: 400px) {
.form .form-col {
width: 100%;
padding: 0 0 16px 0 !important;
float: none;
}
}
.form .form-col:first-child {
padding-right: 18px;
}
.form .form-col:last-child {
padding-left: 18px;
}
.form input,
.form textarea {
border: 1px solid #d0d2d1;
background: #f7f7f7;
width: 100%;
border-radius: 3px;
font-size: 16px;
padding: 8px;
}
.form label {
display: block;
text-transform: uppercase;
color: #a2a5a4;
font-size: 13px;
font-family: "BreuerTextRegular", helvetica, arial;
margin-bottom: 7px;
}
.form .button-row {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.form .button-row button {
border: none;
border-radius: 0;
background-color: #64cade;
color: #ffffff;
padding: 11px 27px;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
}
#sales-form label.error {
color: #e23e21;
}
#sales-form input.error {
border: 1px solid #e23e21;
}
#sales-form input.error:focus {
border: 1px solid #e23e21 !important;
}
#sales-form textarea.error {
border: 1px solid #e23e21;
}
#sales-form input.button.submit {
border: none;
border-radius: 0;
background-color: #64cade;
color: #ffffff;
padding: 11px 27px;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
width: auto;
}
#sales-form #form-success-msg {
display: block;
line-height: 1.4;
margin-left: 124px;
}
#sales-form input[disabled],
#sales-form textarea[disabled] {
color: #a6a6a6 !important;
}
#sales-form input.form-submit[disabled] {
background: #a6a6a6 !important;
color: #fff !important;
float: left;
font-style: italic !important;
margin-bottom: 30px;
}
.nl-nl #customer-service.tab dl dt {
width: 130px;
}
h3 {
color: #222222;
font-size: 25px;
font-weight: normal;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
font-family: "BreuerTextRegular", helvetica, arial;
}
.column-toggle {
display: table;
margin: 20px auto 0 auto;
text-align: center;
}
.cta-module .wrapper, .cta-module .article-module .article .article-wrapper, .article-module .article .cta-module .article-wrapper, .cta-module #tabs .tab, #tabs .cta-module .tab {
padding: 0;
}
.cta-module:after {
display: table;
content: "";
clear: both;
}
.cta-module.one-col {
padding-bottom: 100px;
}
.cta-module.one-col .card .card-bg .icon {
background: url("../images/triangle-large-bg.png") bottom right;
height: 130px;
margin: 0 auto 0 auto;
padding-top: 12px;
position: absolute;
right: 0px;
bottom: 0px;
width: 75px;
}
.cta-module.one-col .card .card-bg .icon img {
bottom: 10px;
right: 10px;
}
@media screen and (max-width: 700px) {
.cta-module {
clear: both;
padding-top: 40px;
}
}
.cta-module .card.two {
width: 50%;
}
.cta-module .card {
margin-top: 50px;
}
@media screen and (max-width: 700px) {
.cta-module .card {
margin-top: 0;
margin-bottom: 20px;
float: none;
}
}
.cta-module .card .card-bg {
background: #f2f4f3 url("../../images/cta_rollover.png") no-repeat;
background-position: left -100% top 0;
display: block;
font-size: 14px;
line-height: 1.4;
min-height: 240px;
padding: 30px 60px 19px 19px;
position: relative;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
-webkit-transition: background-position ease-out 600ms;
transition: background-position ease-out 600ms;
}
@media screen and (max-width: 700px) {
.cta-module .card .card-bg {
background-position: left -200% top 0;
}
}
.cta-module .card .card-bg:hover {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
-webkit-transition: background-position ease 600ms;
transition: background-position ease 600ms;
background-position: left -200px top 0;
}
.cta-module .card .card-bg:hover h4 {
color: #ffffff;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
}
.cta-module .card .card-bg:hover a {
color: #ffffff;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
}
@media screen and (max-width: 700px) {
.cta-module .card .card-bg {
min-height: 0;
}
}
.cta-module .card a {
color: #ce181e;
background: url("../../images/dottedline.png") top left repeat-x;
display: block;
padding: 10px 0;
}
.cta-module .card .icon {
background: url(../../images/triangle-bg.png) bottom right;
height: 100px;
margin: 0 auto 0 auto;
padding-top: 12px;
position: absolute;
right: 0px;
bottom: 0px;
width: 61px;
}
.cta-module .card .icon img {
position: absolute;
bottom: 6px;
right: 6px;
width: 32px;
}
.cta-module .card h4 {
color: #000000;
font-family: "BreuerTextRegular", helvetica, arial;
font-weight: normal;
font-size: 22px;
line-height: 28px;
margin-bottom: 25px;
margin-top: 0;
text-transform: uppercase;
}
.content-carousel h4 {
line-height: 1.3;
}
.cta-module.one-col .wrapper, .cta-module.one-col .article-module .article .article-wrapper, .article-module .article .cta-module.one-col .article-wrapper, .cta-module.one-col #tabs .tab, #tabs .cta-module.one-col .tab {
padding-left: 25px;
padding-right: 25px;
}
.document-module {
margin: 0 0 25px 0;
}
.document-module h3 {
font-size: 20px;
margin-bottom: 23px;
text-align: left;
}
.document-module h3:before {
background: url("../images/icon_button_download_blue_32.png") center no-repeat;
background-size: 32px 32px;
content: "";
display: block;
float: left;
height: 32px;
margin: -1px 3px 0 0;
width: 32px;
}
.document-module h4 {
margin: 0 0 0 28px;
font-size: 17px;
font-family: "BreuerTextRegular", helvetica, arial;
font-weight: normal;
}
.document-module h4 a {
background-image: url("../images/icon_download@2x_24.png");
background-position: top left;
background-repeat: no-repeat;
background-size: 24px 24px;
height: 24px;
margin-left: -26px;
padding-left: 33px;
}
.document-module .description {
font-family: "BreuerTextItalic", helvetica, arial;
font-size: 14px;
font-style: italic;
padding: 2px 0 20px 35px;
}
#modules-container {
position: relative;
}
.promo-module {
background-size: cover;
text-align: center;
margin-bottom: 40px;
}
.promo-module p {
letter-spacing: 0;
}
.promo-module.one-col {
height: auto;
margin-bottom: 0;
}
.promo-module.one-col.solid {
padding: 50px;
}
@media screen and (max-width: 540px) {
.promo-module.one-col.solid {
padding: 0;
}
}
@media screen and (max-width: 700px) {
.promo-module.one-col {
padding: 46px 0 46px 0;
}
}
.promo-module .promotion-card {
padding: 55px 45px;
}
@media screen and (max-width: 700px) {
.promo-module .promotion-card {
padding: 40px 25px;
}
}
.promo-module.image .promotion-card {
background-size: cover;
background-position: center;
}
.promo-module.image .promotion-card p {
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
}
.promo-module.image.light-text a.link {
background: rgba(50, 50, 50, 0.8);
}
.promo-module.image.light-text a.link:hover {
background: rgba(50, 50, 50, 0.95);
}
.promo-module.solid.gray {
background-color: #6e7072;
}
.promo-module.solid.gray a.link {
background: rgba(255, 255, 255, 0.9);
color: #000;
border: 2px solid #fff;
}
.promo-module.solid.gray a.link:hover {
background: white;
}
.promo-module.solid.gray a.link:before {
background: url("../images/icon_button_link_black_32.png") no-repeat;
background-size: 32px 32px;
position: absolute;
left: 6px;
top: 6px;
}
.promo-module.solid.gray a.link.video:before {
background: url("../images/icon_button_video_black_32.png") no-repeat;
background-size: 32px 32px !important;
content: "";
width: 32px;
height: 32px;
display: inline-block;
}
.promo-module.transparent, .promo-module.transparent h3 {
color: #db371a;
}
.promo-module.transparent a, .promo-module.transparent h3 a {
background: rgba(226, 62, 33, 0.9);
border: 2px solid #e23e21;
padding: 7px 16px 9px 16px;
color: #fff;
letter-spacing: 0.5px;
}
.promo-module.transparent a:hover, .promo-module.transparent h3 a:hover {
text-decoration: none;
background: #e23e21;
}
.promo-module.dark-text {
color: #000;
}
.promo-module.dark-text h3,
.promo-module.dark-text p {
color: #000;
}
.promo-module.dark-text a {
background: rgba(255, 255, 255, 0.8);
background-size: 20px;
border: 2px solid #fff;
padding: 7px 16px 9px 16px;
color: #000;
letter-spacing: 0.5px;
}
.promo-module.dark-text a:hover {
color: #000;
text-decoration: none;
background: white;
background-size: 20px;
}
.promo-module.dark-text.file:before {
background: url("../images/icon_button_document_white_16.png") no-repeat;
background-size: 16px 16px;
}
.promo-module.dark-text a.link:before {
background: url("../images/icon_button_link_black_16.png") no-repeat;
background-size: 16px 16px;
}
.promo-module h3 {
color: #fff;
font-size: 33px;
font-family: "BreuerTextRegular", helvetica, arial;
margin-bottom: 12px;
}
@media screen and (max-width: 700px) {
.promo-module h3 {
font-size: 30px;
line-height: 1.1em;
}
}
.promo-module p {
color: #ffffff;
font-size: 22px;
margin: 0 auto;
max-width: 720px;
line-height: 1.5em;
margin-bottom: 27px;
}
@media screen and (max-width: 700px) {
.promo-module p {
padding: 0;
font-size: 16px;
margin-bottom: 25px;
}
}
.promo-module a.link {
display: inline-block;
background: rgba(224, 51, 20, 0.9);
color: #ffffff;
padding: 13px 15px 14px 43px;
border-radius: 3px;
border: 2px white solid;
line-height: 1;
font-size: 17px;
position: relative;
text-transform: uppercase;
font-family: "BreuerTextRegular", helvetica, arial;
margin-top: 5px;
}
@media screen and (max-width: 400px) {
.promo-module a.link {
padding: 13px 15px 14px 15px;
}
}
@media screen and (max-width: 400px) {
.promo-module a.link:before {
display: none !important;
padding: 13px 15px 14px 15px;
}
}
.promo-module a.link.file:before, .promo-module a.link.link:before {
content: "";
display: inline-block;
height: 32px;
width: 32px;
}
.promo-module a.link.link:before {
background: url("../images/icon_button_link_white_32.png") no-repeat;
background-size: 32px 32px;
position: absolute;
left: 6px;
top: 6px;
}
.promo-module a.link.file:before {
background: url("../images/icon_button_document_white_32.png") no-repeat;
background-size: 32px 32px !important;
position: absolute;
left: 6px;
top: 6px;
}
.promo-module a.link.video:before {
background: url("../images/icon_button_video_white_32.png") no-repeat;
background-size: 32px 32px !important;
content: "";
width: 32px;
height: 32px;
display: inline-block;
}
.promo-module a.link:hover {
color: #ffffff;
background: #e03314;
text-decoration: none;
}
@media screen and (max-width: 700px) {
.content-carousel.one-col {
padding-left: 25px;
padding-right: 25px;
}
}
.quote-module {
color: white;
background-size: cover;
position: relative;
margin: 40px 0;
}
.quote-module .graphic {
background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 44%;
}
@media screen and (max-width: 700px) {
.quote-module .graphic {
display: none;
}
}
.quote-module .content {
position: static;
padding: 43px 43px 33px 43px;
margin: 0 auto;
font-size: 22px;
line-height: 1.5em;
font-family: "BreuerTextLight", helvetica, arial;
text-align: center;
width: 100%;
}
@media screen and (max-width: 700px) {
.quote-module .content {
font-size: 16px;
}
}
.quote-module .content.has-graphic {
width: 52%;
margin: 0;
margin-left: 44%;
text-align: left;
font-size: 16px;
line-height: 1.7em;
}
.quote-module .content.has-graphic .btn, .quote-module .content.has-graphic a.hero__action {
margin: 27px 0 0 0;
}
@media screen and (max-width: 700px) {
.quote-module .content.has-graphic {
width: 100%;
margin-left: 0;
padding: 35px;
text-align: center;
}
}
.quote-module .content .btn, .quote-module .content a.hero__action {
display: inline-block;
background: rgba(224, 51, 20, 0.9);
color: white;
text-decoration: none;
font-size: 17px;
line-height: 1;
margin: 30px auto 10px auto;
padding: 13px 15px 14px 43px;
position: relative;
text-transform: uppercase;
border-radius: 3px;
border: 2px white solid;
font-family: "BreuerTextRegular", helvetica, arial;
}
@media screen and (max-width: 700px) {
.quote-module .content .btn, .quote-module .content a.hero__action {
margin: 27px auto 0 auto;
}
}
@media screen and (max-width: 400px) {
.quote-module .content .btn, .quote-module .content a.hero__action {
padding: 13px 15px 14px 15px;
width: auto;
}
}
.quote-module .content .btn:after, .quote-module .content a.hero__action:after {
content: "";
height: 32px;
width: 32px;
background: url("../images/icon_button_generic_white_32.png") no-repeat !important;
background-size: 32px 32px !important;
display: inline-block;
position: absolute;
left: 6px;
top: 6px;
}
@media screen and (max-width: 400px) {
.quote-module .content .btn:after, .quote-module .content a.hero__action:after {
display: none !important;
float: right;
margin-top: 10px;
}
}
.quote-module .content .btn:hover, .quote-module .content a.hero__action:hover {
background: #e03314;
}
.article-module {
background: #e9e9e9;
text-align: center;
min-height: 700px;
position: relative;
background: #e9e9e9;
text-align: center;
min-height: 700px;
position: relative;
background: center;
background-size: cover;
}
@media screen and (max-width: 950px) {
.article-module {
min-height: 550px;
}
}
@media screen and (max-width: 700px) {
.article-module {
min-height: 0px;
}
}
.article-module .wrapper, .article-module .article .article-wrapper, .article-module #tabs .tab, #tabs .article-module .tab {
position: relative;
}
@media screen and (max-width: 950px) {
.article-module .wrapper, .article-module .article .article-wrapper, .article-module #tabs .tab, #tabs .article-module .tab {
position: static;
}
}
@media screen and (max-width: 700px) {
.article-module .wrapper, .article-module .article .article-wrapper, .article-module #tabs .tab, #tabs .article-module .tab {
padding: 0;
}
}
.article-module .story-teaser {
width: 45.7%;
float: none;
color: #ffffff;
padding: 37px 45px 45px 45px;
background: rgba(206, 24, 30, 0.95);
position: absolute;
left: 25px;
top: 60px;
}
@media screen and (max-width: 950px) {
.article-module .story-teaser {
width: auto;
left: 0;
top: 0px;
right: 0px;
bottom: 0px;
padding: 37px 25px 25px 25px;
}
}
@media screen and (max-width: 700px) {
.article-module .story-teaser {
padding: 37px 25px 45px 25px;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: static;
}
}
.article-module .story-teaser .flex-control-paging li a {
border: 3px #ff303c solid;
}
.article-module .story-teaser .flex-control-paging li a:hover,
.article-module .story-teaser .flex-control-paging li a.flex-active {
border: 3px #ff303c solid;
}
.article-module .story-teaser a.more {
display: table;
color: #ffffff;
font-size: 18px;
border-bottom: 1px solid rgba(252, 175, 23, 0.5);
position: relative;
margin: 0 auto;
}
.article-module .story-teaser a.more:before {
content: "+";
position: absolute;
left: -17px;
top: 0px;
-webkit-font-smoothing: antialiased;
}
.article-module .story-teaser a.more:hover {
text-decoration: none;
border-bottom: 1px solid #fcaf17;
}
.article-module h3 {
color: #ffffff;
font-size: 36px;
font-family: "BreuerTextRegular", helvetica, arial;
font-weight: normal;
margin: 0 0 18px 0;
}
.article-module h4 {
font-size: 27px;
font-family: "BreuerTextRegular", helvetica, arial;
font-weight: normal;
padding: 17px 40px 11px 40px;
margin: 0;
line-height: 1.3em;
}
@media screen and (max-width: 700px) {
.article-module h4 {
font-size: 24px;
}
}
.article-module .article {
background: rgba(206, 24, 30, 0.95);
display: none;
color: #ffffff;
text-align: left;
font-size: 19px;
padding: 43px 0 55px 0;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1080px) {
.article-module .article {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 700px) {
.article-module .article {
font-size: 16px;
}
}
.article-module .article .line-tile {
background: url("../images/pattern_tile3.png") top left repeat;
background-attachment: fixed;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.1;
}
.article-module .article .article-wrapper {
padding: 0 40px;
position: relative;
z-index: 10;
opacity: 0;
-webkit-transition: all linear 300ms;
transition: all linear 300ms;
}
.article-module .article .article-wrapper.visible {
opacity: 1;
-webkit-transition: all linear 300ms;
transition: all linear 300ms;
}
.article-module .article .close {
display: block;
color: #ffffff;
text-decoration: none;
float: right;
font-size: 30px;
}
.article-module .article h3 {
margin: 0 0 -3px 0;
padding: 26px 0 0 0;
text-align: left;
color: #a10000;
font-size: 39px;
}
@media screen and (max-width: 700px) {
.article-module .article h3 {
font-size: 30px;
}
}
.article-module .article h4 {
margin: 0 0 50px 0;
text-align: left;
font-size: 39px;
font-family: "BreuerTextRegular", helvetica, arial;
text-transform: uppercase;
}
@media screen and (max-width: 700px) {
.article-module .article h4 {
font-size: 30px;
}
}
.article-module .article p {
margin: 0 0 24px 0;
}
.article-module .article a {
border-bottom: 1px solid rgba(252, 175, 23, 0.5);
color: #fff;
padding-bottom: 4px;
text-decoration: none;
}
.article-module .article a:hover {
border-bottom: 1px solid #fcaf17;
}
.article-module .article a.close {
border-bottom: 0;
}
@media screen and (max-width: 700px) {
.article-module .article a.close {
position: absolute;
right: 0;
top: -26px;
}
}
.article-module .article a.less {
display: table;
color: #ffffff;
font-size: 18px;
border-bottom: 1px solid rgba(252, 175, 23, 0.5);
position: relative;
margin-left: 17px;
text-decoration: none;
}
.article-module .article a.less:before {
content: "-";
position: absolute;
left: -17px;
top: 0px;
-webkit-font-smoothing: antialiased;
}
.article-module .article a.less:hover {
border-bottom: 1px solid #fcaf17;
}
@media screen and (max-width: 700px) {
.content-carousel.graph-module .flex-direction-nav {
display: none;
}
}
.applications-module {
background: #64cade;
position: relative;
padding: 125px 0 84px 0;
background-size: cover;
}
.applications-module .background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: center;
background-size: cover !important;
opacity: 0;
-webkit-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}
.applications-module .background.active {
opacity: 0.05;
-webkit-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}
.applications-module .wrapper, .applications-module #tabs .tab, #tabs .applications-module .tab, .applications-module .article-module .article .article-wrapper, .article-module .article .applications-module .article-wrapper {
z-index: 2;
position: relative;
}
.applications-module h2 {
text-transform: uppercase;
font-size: 33px;
font-weight: normal;
font-family: "BreuerTextRegular", helvetica, arial;
margin: 0 0 20px 0;
}
@media screen and (max-width: 700px) {
.applications-module h2 {
font-size: 30px;
line-height: 1.3em;
}
}
@media screen and (max-width: 700px) {
.applications-module .applications-list {
margin-bottom: 35px;
}
}
.applications-module .applications-list ul {
margin: 0;
padding: 0;
}
.applications-module .applications-list ul li {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
list-style-type: none;
}
.applications-module .applications-list ul li:last-child {
border: none;
}
.applications-module .applications-list ul li a {
display: block;
color: #000;
font-size: 19px;
padding: 6px 15px;
}
.applications-module .applications-list ul li a.active, .applications-module .applications-list ul li a:hover {
color: #fff;
background: #000;
text-decoration: none;
}
.applications-module .application-descriptions .application-description {
padding-left: 15px;
}
.applications-module .application-descriptions .application-description h4 {
font-size: 27px;
font-family: "BreuerTextLight", helvetica, arial;
font-weight: normal;
margin: 0px 0 21px 0;
}
@media screen and (max-width: 700px) {
.applications-module .application-descriptions .application-description h4 {
margin: 0px 0 10px 0;
}
}
.applications-module .application-descriptions .application-description p {
font-size: 19px;
margin: 0 0 27px 0;
}
@media screen and (max-width: 400px) {
.applications-module .application-descriptions .application-description p {
font-size: 16px;
}
}
.applications-module .application-descriptions .application-description a {
background: rgba(255, 255, 255, 0.8);
border: 2px solid rgba(255, 255, 255, 0.9);
border-radius: 3px;
color: #000;
display: inline-block;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 17px;
line-height: 1;
padding: 13px 15px 14px 43px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.applications-module .application-descriptions .application-description a:hover {
text-decoration: none;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
background: white;
border: 2px solid white;
}
.applications-module .application-descriptions .application-description a:before {
background: url("../images/icon_button_generic_black_32.png") no-repeat;
background-size: 32px 32px !important;
content: "";
display: inline-block;
height: 32px;
width: 32px;
position: absolute;
left: 6px;
top: 6px;
}
.content-carousel.stacked.story-module.one-col {
padding: 0;
}
.content-carousel.flexslider-one-col.module.story-module.one-col {
padding: 0;
}
.content-carousel.flexslider-one-col.module.story-module.one-col .wrapper .controls-nav, .content-carousel.flexslider-one-col.module.story-module.one-col #tabs .tab .controls-nav, #tabs .content-carousel.flexslider-one-col.module.story-module.one-col .tab .controls-nav, .content-carousel.flexslider-one-col.module.story-module.one-col .article-module .article .article-wrapper .controls-nav, .article-module .article .content-carousel.flexslider-one-col.module.story-module.one-col .article-wrapper .controls-nav {
display: none;
}
.story-module .controls-nav {
margin-bottom: 8px;
}
.story-module.flexslider-one-col .flex-control-paging {
margin: 0 auto;
position: relative;
left: -250px;
top: 160px;
z-index: 100;
}
@media screen and (max-width: 950px) {
.story-module.flexslider-one-col .flex-control-paging {
left: 0;
top: 100px;
}
}
@media screen and (max-width: 700px) {
.story-module.flexslider-one-col .flex-control-paging {
left: 0;
}
}
.story-module.flexslider-one-col .flex-control-paging li a {
border: 3px #ff303c solid;
}
.story-module.flexslider-one-col .flex-control-paging li a:hover,
.story-module.flexslider-one-col .flex-control-paging li a.flex-active {
background: #ff303c;
border: 3px #ff303c solid;
}
.story-module.one-col .wrapper, .story-module.one-col #tabs .tab, #tabs .story-module.one-col .tab, .story-module.one-col .article-module .article .article-wrapper, .article-module .article .story-module.one-col .article-wrapper {
max-width: 100%;
padding: 0;
}
.story-module.one-col .flex-direction-nav {
position: relative;
margin: 0 auto;
width: 430px;
top: 177px;
left: -254px;
z-index: 100;
}
@media screen and (max-width: 950px) {
.story-module.one-col .flex-direction-nav {
width: 100%;
top: 195px;
}
}
@media screen and (max-width: 1040px) {
.story-module.one-col .flex-direction-nav {
left: -24.8%;
width: 42.5%;
}
}
@media screen and (max-width: 950px) {
.story-module.one-col .flex-direction-nav {
left: 0;
top: 100px;
width: 95%;
}
}
.story-module.one-col .flex-direction-nav li {
display: inline-block;
}
.story-module.one-col .flex-direction-nav .flex-next {
right: 0;
}
@media screen and (max-width: 950px) {
.story-module.one-col .flex-direction-nav .flex-next {
right: 1%;
}
}
.story-module.one-col .flex-direction-nav .flex-prev {
left: 0;
}
.story-module.one-col .article-module .article .article-wrapper {
max-width: 1024px;
}
.story-module.one-col .article-module .article .article-wrapper h4 {
padding: 0;
}
.story-module.one-col .grid-layout .slides {
padding: 0;
width: 100%;
}
.story-module.one-col .inner-wrapper {
width: 1024px;
}
.story-module.one-col .story-teaser p {
color: #fff;
}
.story-module.one-col .article-wrapper.visible p {
color: #fff;
}
.split-view-module {
background: #f2f4f3;
padding: 85px 0;
}
.split-view-module h4 {
text-transform: none;
color: #e23e21;
font-family: "BreuerTextLight", helvetica, arial;
text-align: left;
padding: 4px 0 11px 0;
font-size: 27px;
margin: 0;
}
.split-view-module a img {
position: relative;
top: 4px;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.event-module {
padding: 0 25px;
}
}
@media screen and (max-width: 700px) {
.event-module .event-card img {
float: left;
padding-bottom: 15px;
}
}
.accordion-group.page-editor .accordion .body {
display: block;
}
.accordion-group h2 {
clear: both;
margin-top: 12px;
font-size: 19px;
letter-spacing: 0.015em;
font-family: BreuerTextLight;
font-weight: normal;
margin-bottom: 0px;
}
.accordion-group .accordion a {
position: relative;
}
.accordion-group .accordion.open h2 a:before {
content: "-";
width: 30px;
display: inline-block;
position: absolute;
left: -19px;
font-size: 14px;
font-family: verdana;
bottom: 1px;
}
.accordion-group .accordion h2 a:before {
content: "+";
width: 30px;
display: inline-block;
position: absolute;
left: -19px;
font-size: 14px;
font-family: verdana;
top: 1px;
}
.accordion-group .accordion .body {
display: none;
padding: 0 0 30px 0;
}
.image-grid-module {
overflow: visible !important;
}
.image-grid-module #image-grid-title {
font-size: 33px;
font-weight: bold;
margin-bottom: 30px;
}
.image-grid-module > .image-grid {
margin: 0;
padding: 0;
list-style-type: none;
}
.image-grid-module > .image-grid > li,
.image-grid-module > .image-grid .grid-inner {
margin: 0;
padding: 20px;
position: relative;
}
@media screen and (max-width: 700px) {
.image-grid-module > .image-grid > li,
.image-grid-module > .image-grid .grid-inner {
width: 50% !important;
padding: 10px;
}
}
.image-grid-module > .image-grid > li img:first-child,
.image-grid-module > .image-grid .grid-inner img:first-child {
border: 6px solid #fff;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
width: 100%;
transform: perspective(1000px) rotateY(0deg);
-webkit-transform: perspective(1000px) rotateY(0deg);
transition: all ease-in 300ms;
-webkit-transition: all ease-in 300ms;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.image-grid-module > .image-grid > li .overlay,
.image-grid-module > .image-grid .grid-inner .overlay {
display: block;
position: absolute;
background: rgba(226, 62, 33, 0.9);
color: #fff;
top: 20px;
left: 20px;
bottom: 26px;
right: 20px;
padding: 42px 30px;
font-size: 21px;
transition: all ease-in 300ms;
-webkit-transition: all ease-in 300ms;
transform: perspective(1000px) rotateY(-180deg);
-webkit-transform: perspective(1000px) rotateY(-180deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.image-grid-module > .image-grid > li .overlay h4,
.image-grid-module > .image-grid .grid-inner .overlay h4 {
color: #fff;
font-size: 27px;
margin-bottom: 8px;
margin-top: -5px;
}
@media screen and (max-width: 950px) {
.image-grid-module > .image-grid > li .overlay,
.image-grid-module > .image-grid .grid-inner .overlay {
padding: 35px 20px;
font-size: 18px;
}
}
@media screen and (max-width: 800px) {
.image-grid-module > .image-grid > li .overlay,
.image-grid-module > .image-grid .grid-inner .overlay {
padding: 20px 20px;
font-size: 16px;
}
}
@media screen and (max-width: 700px) {
.image-grid-module > .image-grid > li .overlay,
.image-grid-module > .image-grid .grid-inner .overlay {
display: none;
}
}
.image-grid-module > .image-grid > li .overlay .bullet,
.image-grid-module > .image-grid .grid-inner .overlay .bullet {
margin-right: 10px;
margin-bottom: 5px;
}
.image-grid-module > .image-grid > li ul,
.image-grid-module > .image-grid .grid-inner ul {
margin: 8px 0 0 0;
padding: 0;
list-style-type: none;
}
.image-grid-module > .image-grid > li ul li,
.image-grid-module > .image-grid .grid-inner ul li {
background: url(../images/diamond-bullet.png) top 13px left no-repeat;
margin: 0;
padding: 0 0 0 20px;
}
.image-grid-module > .image-grid > li:hover,
.image-grid-module > .image-grid .grid-inner:hover {
animation: smallFlip 400ms;
-webkit-animation: smallFlip 400ms;
}
.image-grid-module > .image-grid > li.flipped,
.image-grid-module > .image-grid .grid-inner.flipped {
animation: flip 400ms;
-webkit-animation: flip 400ms;
}
.image-grid-module > .image-grid > li.flipped a,
.image-grid-module > .image-grid .grid-inner.flipped a {
cursor: url(../images/video_close.png), auto;
}
.image-grid-module > .image-grid > li.flipped img:first-child,
.image-grid-module > .image-grid .grid-inner.flipped img:first-child {
transform: perspective(1000px) rotateY(180deg);
-webkit-transform: perspective(1000px) rotateY(180deg);
transition: all ease-in 400ms;
-webkit-transition: all ease-in 400ms;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
border: 0px solid #fff;
}
.image-grid-module > .image-grid > li.flipped .overlay,
.image-grid-module > .image-grid .grid-inner.flipped .overlay {
transform: perspective(1000px) rotateY(0deg);
-webkit-transform: perspective(1000px) rotateY(0deg);
transition: all ease-in 400ms;
-webkit-transition: all ease-in 400ms;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.image-grid-module .careers-cta {
text-align: center;
padding-bottom: 10px;
padding-top: 13px;
clear: both;
}
.image-grid-module .careers-cta h4 {
font-size: 33px;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
color: #e23e21;
text-transform: uppercase;
font-weight: normal;
margin: 0 0 20px 0;
padding: 0 25px;
line-height: 42px;
}
.image-grid-module .careers-cta a {
background: rgba(226, 62, 33, 0.9);
border-radius: 3px;
border: 2px solid #e23e21;
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
padding: 7px 16px 9px 9px;
text-transform: uppercase;
letter-spacing: 0.5px;
display: table;
margin: 0 auto;
color: #fff;
}
.image-grid-module .careers-cta a:hover {
text-decoration: none;
background: #e23e21;
}
.image-grid-module .careers-cta a img {
width: 20px;
margin-right: 6px;
position: relative;
top: 4px;
}
.graph-module .grid-layout .link,
.graph-module .grid-layout .file,
.graph-module .grid-layout .video {
display: inline-block;
background: rgba(230, 106, 47, 0.9);
color: #ffffff;
padding: 10px 33px;
border-radius: 3px;
border: 2px white solid;
text-transform: uppercase;
font-family: "BreuerTextRegular", helvetica, arial;
}
.graph-module .grid-layout .link:hover,
.graph-module .grid-layout .file:hover,
.graph-module .grid-layout .video:hover {
color: #ffffff;
background: #e66a2f;
text-decoration: none;
}
.graph-module .grid-layout .link:before {
background: url("../images/icon_button_link_white_16.png") no-repeat;
background-size: 16px 16px;
content: "";
display: inline-block;
margin-right: 7px;
height: 16px;
width: 16px;
}
.graph-module .grid-layout .file:before {
background: url("../images/icon_button_document_white_16.png") no-repeat;
background-size: 16px 16px;
content: "";
display: inline-block;
margin-right: 7px;
height: 16px;
width: 16px;
}
.graph-module .grid-layout .video:before {
background: url("../images/icon_video.png");
content: "";
width: 23px;
height: 15px;
display: inline-block;
margin-right: 7px;
}
.story-module .grid-layout .link,
.story-module .grid-layout .file,
.story-module .grid-layout .video {
display: inline-block;
background: rgba(230, 106, 47, 0.9);
color: #ffffff;
padding: 10px 33px;
border-radius: 3px;
border: 2px white solid;
text-transform: uppercase;
font-family: "BreuerTextRegular", helvetica, arial;
}
.story-module .grid-layout .link:hover,
.story-module .grid-layout .file:hover,
.story-module .grid-layout .video:hover {
color: #ffffff;
background: #e66a2f;
text-decoration: none;
}
.story-module .grid-layout .link:before {
background: url("../images/icon_button_link_white_16.png") no-repeat;
background-size: 16px 16px;
content: "";
display: inline-block;
margin-right: 7px;
height: 16px;
width: 16px;
}
.story-module .grid-layout .file:before {
background: url("../images/icon_button_document_white_16.png") no-repeat;
background-size: 16px 16px;
content: "";
display: inline-block;
margin-right: 7px;
height: 16px;
width: 16px;
}
.story-module .grid-layout .video:before {
background: url("../images/icon_video.png");
content: "";
width: 23px;
height: 15px;
display: inline-block;
margin-right: 7px;
}
.image-grid-module .grid-inner span.scWebEditInput {
background: #e23e21;
color: #fff;
font-size: 21px;
height: 200px;
font-size: 21px;
padding: 12px 30px;
}
.image-grid-module .grid-inner h4 span.scWebEditInput {
font-size: 33px;
height: 100px;
margin: 0;
padding-top: 32px;
width: 100%;
}
.image-grid .grid-inner.scEnabledChrome h4 {
margin: 0;
}
.generic-module table th {
background: #79d3e5;
font-family: "BreuerTextRegular", helvetica, arial;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
}
.stacked .controls-nav {
display: none;
}
@-webkit-keyframes smallFlip {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes smallFlip {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.15);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes flip {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.graph-module .image span,
.expandable-ctn .image span {
background: url("../images/icon_enlarge@2x.png") no-repeat left;
background-size: 30px 30px;
display: block;
font-size: 14px;
height: 30px;
padding: 5px 60px 5px 37px;
text-indent: -999em;
}
.graph-module .image span:hover,
.expandable-ctn .image span:hover {
padding-right: 0;
text-indent: 0;
}
@media screen and (max-width: 700px) {
.graph-module .image span,
.expandable-ctn .image span {
display: none;
}
}
.story-module .image {
position: relative;
}
.story-module .image span {
background: url("../images/icon_enlarge@2x.png") no-repeat right;
background-size: 30px 30px;
display: block;
font-size: 14px;
height: 30px;
padding: 5px 37px 5px 60px;
position: absolute;
right: 5px;
bottom: 5px;
text-indent: -999em;
}
.story-module .image span:hover {
padding-left: 0;
text-indent: 0;
}
.article-module span.enlarge {
background: url("../images/icon_enlarge@2x.png") no-repeat right;
background-size: 30px 30px;
display: block;
font-size: 14px;
height: 30px;
padding: 5px 37px 5px 60px;
position: absolute;
right: 8%;
bottom: 107px;
text-indent: -999em;
cursor: pointer;
}
.article-module span.enlarge:hover {
padding-left: 0;
text-indent: 0;
}
@media screen and (max-width: 950px) {
.article-module span.enlarge {
display: none;
}
}
.de-de .image-grid-module > .image-grid .grid-inner .overlay h4 {
font-size: 17px;
}
.de-de .image-grid-module > .image-grid .grid-inner .overlay p {
font-size: 16px;
}
.nl-nl .image-grid-module > .image-grid .grid-inner .overlay h4 {
font-size: 20px;
}
.nl-nl .image-grid-module > .image-grid .grid-inner .overlay p {
font-size: 18px;
}
.ja-jp .image-grid-module > .image-grid .grid-inner .overlay p {
font-size: 18px;
}
.pt-br .image-grid-module > .image-grid .grid-inner .overlay p {
font-size: 17px;
}
.es-ar .image-grid-module > .image-grid .grid-inner .overlay h4 {
font-size: 25px;
}
.es-ar .image-grid-module > .image-grid .grid-inner .overlay p {
font-size: 17px;
}
html.modal-layout {
background: #FFF;
}
.modal-body {
padding: 15px;
}
.modal-body h2 {
margin: 0;
}
.modal-body h3 {
font-size: 14px;
text-align: left;
margin: 0;
}
.modal-body h3.section-head {
margin: 10px 0;
}
.modal-body .focus {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
clear: both;
padding: 15px;
margin: 30px 0;
min-height: 75px;
}
@media screen and (max-width: 520px) {
.modal-body .focus {
min-height: 105px;
padding: 15px 0;
}
}
.modal-body .focus .col {
float: left;
}
.modal-body .focus .col.data {
width: 40%;
}
.modal-body .focus .col.link {
padding-top: 5px;
text-align: center;
width: 20%;
}
.modal-body .focus .col p {
color: #e03314;
font-size: 12px;
font-weight: 800;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.modal-body .data-table .link {
text-align: center;
}
.modal-body .data-table .link img {
width: 24px;
}
.modal-body .data-table .link img {
width: 24px;
}
.modal-body .col.link img {
width: 32px;
}
.header-report .report-dropdown a.download-report {
float: right;
background: rgba(0, 0, 0, 0.2);
border: 2px solid rgba(255, 255, 255, 0.4);
color: white;
padding: 13px 15px 14px 43px;
font-family: "BreuerTextRegular", helvetica, arial;
font-weight: normal;
font-size: 17px;
border-radius: 4px;
letter-spacing: 0;
line-height: 1;
margin-top: 6px;
text-transform: uppercase;
text-decoration: none;
}
.header-report .report-dropdown a.download-report img {
position: absolute;
left: 6px;
top: 6px;
width: 32px;
}
.header-report .report-dropdown .dropdown-links {
text-transform: none;
}
.header-report .report-dropdown .dropdown-links a.download-report {
width: 100%;
color: black;
margin: 0;
text-transform: none;
border-radius: 2px;
background-color: #f0f0f0;
border: solid 2px rgba(0, 0, 0, 0.3);
}
.header-report .report-dropdown .dropdown-links a.flipbook {
background-color: #f0f0f0;
border-bottom: 0;
border-radius: 2px 2px 0 0;
margin-bottom: 0;
color: black !important;
}
.header-report .report-dropdown .dropdown-links a.flipbook:hover {
background-color: #e4e4e4 !important;
}
.header-report .report-dropdown .dropdown-links a.report {
background-color: #f0f0f0;
border-top: 0;
border-radius: 0 0 2px 2px;
margin-top: 0;
color: black !important;
}
.header-report .report-dropdown .dropdown-links a.report:hover {
background-color: #e4e4e4 !important;
}
.header-report .report-dropdown li.sustainability-report a.download-report .down-arrow {
float: right;
width: 10px;
margin-top: 14px;
position: absolute;
right: 0;
margin-left: 235px;
}
.header-report.category-page .report-dropdown {
top: 0;
}
.wrapper .header-report .report-dropdown li.sustainability-report a.download-report:hover, #tabs .tab .header-report .report-dropdown li.sustainability-report a.download-report:hover, .article-module .article .article-wrapper .header-report .report-dropdown li.sustainability-report a.download-report:hover {
background: rgba(0, 0, 0, 0.4) !important;
border: 2px solid rgba(255, 255, 255, 0.5);
color: white;
}
.wrapper .header-report .report-dropdown li a.download-report:hover, #tabs .tab .header-report .report-dropdown li a.download-report:hover, .article-module .article .article-wrapper .header-report .report-dropdown li a.download-report:hover {
background-color: #e4e4e4 !important;
color: black;
}
.report-dropdown {
list-style-type: none;
position: relative;
top: -117px;
right: 0;
float: right;
width: 316px;
}
.report-dropdown li {
width: 100%;
min-width: 276px;
background: #f1f1f1;
color: black;
margin: 0;
border-radius: 0;
border: 0;
}
.report-dropdown li:first-of-type a {
width: 100%;
margin: 0;
margin-bottom: 5px;
}
.report-dropdown a {
width: 100%;
margin: 0;
}
@media (min-width: 700px) {
.desktop-button {
display: block;
}
.mobile-button {
display: none;
}
}
@media (max-width: 700px) {
.report-dropdown.category-page {
display: none;
}
.desktop-button {
display: none;
}
.mobile-button {
display: block;
position: absolute;
bottom: 0;
left: 12px;
}
.report-dropdown {
top: 30px;
float: left;
padding: 0 50px 0 0;
}
.header-report .report-dropdown a.download-report {
background-color: #e4e4e4;
color: black;
}
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
fill: currentColor;
}
.icon--24x24 {
height: 24px;
width: 24px;
}
.icon--36x36 {
height: 36px;
width: 36px;
}
.icon--48x48 {
height: 48px;
width: 48px;
}
.txt-small {
font-size: 14px;
}
.underlined-header, .multi-column__title, .goals-listing__title {
font-size: 33px;
letter-spacing: 0.34px;
margin-bottom: 0;
text-align: left;
width: 100%;
display: block;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-weight: 500;
}
.underlined-header:after, .multi-column__title:after, .goals-listing__title:after {
content: "";
background-color: #ce181e;
display: block;
height: 4px;
margin-top: 16px;
margin-bottom: 0;
width: 32px;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body::before {
content: "large";
display: none;
}
@media (max-width:1024px) {
body::before {
content: "medium";
}
}
@media (max-width: 470px) {
body::before {
content: "small";
}
}
.btn, a.hero__action {
display: inline-block;
background-color: #ce181e;
color: #fff;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
text-align: left;
text-decoration: none;
padding: 13px 32px;
line-height: 1;
/* Prevent button from inheriting line-height */
vertical-align: middle;
-webkit-transition: color 0.35s, border-color 0.35s, background-color 0.35s;
transition: color 0.35s, border-color 0.35s, background-color 0.35s;
cursor: pointer;
border-radius: 3px;
}
.btn:active, a.hero__action:active, .btn:hover, a.hero__action:hover {
outline: 0;
background-color: #e03314;
color: #fff;
text-decoration: none;
}
a.btn, a.hero__action,
a.btn:hover {
color: #fff;
text-decoration: none;
}
.btn--primary {
color: #fafafa;
border: 1px solid #616161;
background-color: #616161;
}
.btn--primary:active, .btn--primary:hover {
color: #fafafa;
background-color: #484848;
border-color: #484848;
}
.btn--primary.btn--disabled {
opacity: 0.3;
}
.btn--primary.btn--ghost {
color: #616161;
}
.btn--primary.btn--ghost:active, .btn--primary.btn--ghost:hover {
color: #484848;
}
.btn--secondary {
color: #111111;
background-color: #ebebeb;
}
.btn--secondary:active, .btn--secondary:hover {
background-color: #fff;
}
a.btn--secondary {
color: #111111;
}
a.btn--secondary:hover {
color: #111111;
text-decoration: none;
}
.btn--secondary.btn--disabled {
opacity: 0.35;
}
.btn--link,
.btn--reset {
border: 0;
background-color: transparent;
text-decoration: underline;
}
.btn--link:active, .btn--link:hover,
.btn--reset:active,
.btn--reset:hover {
text-decoration: none;
background-color: transparent;
}
.btn--link[disabled],
.btn--reset[disabled] {
color: #bdbdbd;
cursor: default;
text-decoration: none;
}
.btn--cancel {
background-color: transparent;
}
.btn--cancel:active, .btn--cancel:hover {
text-decoration: none;
background-color: #bdbdbd;
}
.btn--cancel[disabled] {
color: #bdbdbd;
cursor: default;
text-decoration: none;
}
.btn--disabled {
opacity: 0.5;
cursor: not-allowed;
}
.btn--ghost {
background-color: transparent;
}
.btn--ghost:active, .btn--ghost:hover {
background-color: transparent;
}
.btn--tag {
padding: 2px 4px;
font-weight: bold;
}
.btn--tag .icon {
height: 16px;
width: 16px;
margin-left: 4px;
fill: #c2c2c2;
-webkit-transition: fill 0.35s;
transition: fill 0.35s;
}
.btn--tag:hover .icon {
fill: #757575;
}
.btn--sort {
border: 0;
background-color: transparent;
overflow: hidden;
}
.btn--icon-group {
position: relative;
padding-right: 24px;
}
.btn--icon-group .btn_icon-group {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn--icon-group .btn_icon-group .icon {
position: absolute;
right: 0;
height: 1.846em;
max-height: 24px;
width: 1.846em;
max-width: 24px;
fill: currentColor;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.btn--icon-group .btn_icon-group .icon:first-child {
bottom: 35%;
-webkit-transform: translateY(35%);
transform: translateY(35%);
}
.btn--icon-group .btn_icon-group .icon:last-child {
top: 35%;
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
}
.container {
background-repeat: no-repeat;
margin-bottom: 60px;
padding-left: 30px;
padding-right: 30px;
position: relative;
}
.container.is-adjacent {
margin-bottom: 0;
}
.container:not(.container--bleed) .container {
max-width: 1170px;
padding-left: 0;
padding-right: 0;
}
.container.has-image.is-background-right {
background-position: top right;
background-size: auto;
}
.container.has-image.is-background-left {
background-position: top left;
background-size: auto;
}
.container__col {
margin-bottom: 30px;
}
.container__col:last-child {
margin-bottom: 0;
}
@media (min-width: 1025px) {
.container__col {
margin-bottom: 0;
}
}
.container--bleed {
background-repeat: no-repeat;
background-position: center;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.container--bleed > .container__col {
position: relative;
}
.container--bleed > .container__col .container:last-child {
margin-bottom: 0;
}
.container--bleed.has-image {
background-size: cover;
background-repeat: no-repeat;
}
.container--100,
.container--70-30,
.container--50-50,
.container--30-70 {
margin-left: auto;
margin-right: auto;
max-width: 1230px;
}
@media (min-width: 1025px) {
.container--70-30,
.container--50-50,
.container--30-70 {
display: -ms-grid;
display: grid;
grid-gap: 30px;
}
.container--70-30 .container__col,
.container--50-50 .container__col,
.container--30-70 .container__col {
min-width: 0;
}
}
@media (min-width: 1025px) {
.container--70-30 {
-ms-grid-columns: 2fr 30px 1fr;
grid-template-columns: 2fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.container--70-30 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.container--70-30 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
}
@media (min-width: 1025px) {
.container--50-50 {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.container--50-50 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.container--50-50 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
}
@media (min-width: 1025px) {
.container--30-70 {
-ms-grid-columns: 1fr 30px 2fr;
grid-template-columns: 1fr 2fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.container--30-70 > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.container--30-70 > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
}
/* Colors */
.container--connect {
background-color: #eeeeee;
}
.hero {
overflow: hidden;
position: relative;
color: #fff;
}
.hero:before {
background-image: url("data:image/svg+xml,%3Csvg width='462' height='134' viewBox='0 0 462 134' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M430.73-114.6L297.58 116.01H31.28L430.72-114.6z' id='Rectangle-2' fill='%23000' transform='rotate(30 231 .7)'/%3E%3C/g%3E%3C/svg%3E");
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 140%;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.4;
background-position: 55% -10px;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: heroBackdropIntro;
animation-name: heroBackdropIntro;
z-index: 800;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hero--light-theme {
color: #000;
}
.hero--light-theme:before {
opacity: 0.6;
background-image: url("data:image/svg+xml,%3Csvg width='462' height='134' viewBox='0 0 462 134' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M430.73-114.6L297.58 116.01H31.28L430.72-114.6z' id='Rectangle-2' fill='%23FFF' transform='rotate(30 231 .7)'/%3E%3C/g%3E%3C/svg%3E");
}
.hero.hero--no-overlay:before {
display: none;
}
.hero__figure {
margin: 0;
position: absolute;
}
.hero__figure picture {
height: 100%;
}
.hero__figure img {
width: 100%;
display: block;
position: absolute;
height: 100%;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width:680px) {
.hero__figure img {
min-height: 400px;
}
}
.hero__figure video,
.hero__figure .video {
/* if object-fit is supported, we'll use that */
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
margin: 0 auto;
position: absolute;
height: 100%;
}
.has-height .hero__figure {
width: 100%;
height: 100%;
}
.hero__caption {
position: relative;
z-index: 900;
width: 100%;
padding: 100px 200px 120px;
color: #fff;
opacity: 1;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: center;
justify-content: center;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: heroCaptionIntro;
animation-name: heroCaptionIntro;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hero--light-theme .hero__caption {
color: #000;
}
@media (max-width:1230px) {
.hero__caption {
max-width: 100%;
}
}
@media (max-width:1024px) {
.hero__caption {
padding: 60px 100px 80px 100px;
}
}
@media (max-width:680px) {
.hero__caption {
padding: 40px 24px;
}
}
.hero__title {
color: inherit;
font-size: 57px;
font-weight: 500;
letter-spacing: 1px;
line-height: 57px;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
margin-bottom: 48px;
max-width: 600px;
}
@media (max-width:1024px) {
.hero__title {
font-size: 32px;
line-height: 38px;
margin-bottom: 24px;
}
}
@media (max-width: 470px) {
.hero__title {
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
}
}
.hero__subtitle {
font-family: "BreuerTextRegular", helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 32px;
color: inherit;
text-align: left;
margin-bottom: 48px;
max-width: 600px;
}
@media (max-width:1024px) {
.hero__subtitle {
font-size: 16px;
line-height: 26px;
margin-bottom: 24px;
}
}
@media (max-width: 470px) {
.hero__subtitle {
font-size: 15px;
line-height: 24px;
margin-bottom: 12px;
}
}
a.hero__action {
padding: 12px 35px;
display: inline-block;
}
a.hero__action:hover, a.hero__action:focus {
text-decoration: none;
background: #e03314;
}
@media (max-width:1024px) {
a.hero__action {
font-size: 1rem;
}
}
.hero__slider-arrows {
position: absolute;
right: 100px;
margin-top: -100px;
z-index: 900;
}
.hero__slider-arrows svg {
width: 56px;
height: 56px;
margin: 0 5px;
}
.hero__slider-arrows svg:hover {
cursor: pointer;
}
.hero__slider-prev-arrow svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@-webkit-keyframes heroCaptionIntro {
0% {
opacity: 0;
-webkit-transform: translate(0, 10%);
transform: translate(0, 10%);
}
80% {
opacity: 0;
-webkit-transform: translate(0, 10%);
transform: translate(0, 10%);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes heroCaptionIntro {
0% {
opacity: 0;
-webkit-transform: translate(0, 10%);
transform: translate(0, 10%);
}
80% {
opacity: 0;
-webkit-transform: translate(0, 10%);
transform: translate(0, 10%);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes heroBackdropIntro {
0% {
background-position: 60% -400px;
}
100% {
background-position: 60% -10px;
}
}
@keyframes heroBackdropIntro {
0% {
background-position: 60% -400px;
}
100% {
background-position: 60% -10px;
}
}
.callout {
margin-bottom: 30px;
font-family: "BreuerTextLight", helvetica, Arial, sans-serif;
background-color: #fff;
background-image: url("../img/callout-background.svg");
background-position: right bottom;
background-repeat: no-repeat;
background-size: 165px 185px;
border: solid 1px #e0e0e0;
color: #111111;
line-height: 1.2;
overflow: hidden;
padding: 71px 80px;
position: relative;
}
.callout__container {
flex-wrap: nowrap;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width:1024px) {
.callout__container {
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
@media screen and (max-width:1024px) {
.callout__col {
max-width: 100%;
width: 100%;
}
}
.callout__title {
font-size: 27px;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 32px;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
text-transform: uppercase;
padding-right: 20px;
min-width: 240px;
}
@media screen and (max-width:1024px) {
.callout__title {
margin-bottom: 12px;
}
}
.callout__description {
font-size: 18px;
line-height: 30px;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
padding-right: 40px;
}
@media screen and (max-width:1024px) {
.callout__description {
max-width: none;
max-width: initial;
margin-bottom: 12px;
}
}
.callout .callout__cta {
-webkit-box-flex: 2;
flex-grow: 2;
flex-shrink: 0;
flex-basis: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.callout .callout__cta a:hover {
text-decoration: none;
}
@media screen and (max-width:1024px) {
.callout .callout__cta {
-webkit-box-pack: start;
justify-content: flex-start;
}
}
.featured-cards {
color: #000;
}
.featured-cards__title {
font-size: 33px;
text-transform: uppercase;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
padding: 64px 0;
}
.featured-cards__title:after {
display: block;
width: 34px;
height: 4px;
background-color: #ce181e;
content: "";
margin-top: 16px;
}
.featured-cards__card {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: nowrap;
height: 50vw;
max-height: 600px;
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #fff;
}
.featured-cards__card:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
@media (max-width:768px) {
.featured-cards__card, .featured-cards__card:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: auto;
max-height: none;
position: relative;
}
}
.featured-cards__card-image {
width: 50%;
height: 50vw;
max-height: 600px;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
@media (max-width:768px) {
.featured-cards__card-image {
width: 100%;
height: 100vw;
max-height: none;
}
}
.featured-cards__card-content {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
height: 100%;
width: calc(100% - 80px);
padding: 0 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
}
@media (max-width:768px) {
.featured-cards__card-content {
height: auto;
width: 100%;
padding: 24px 24px 48px;
}
}
.featured-cards__card-title {
font-size: 32px;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
margin-bottom: 32px;
max-width: 100%;
}
@media (max-width:768px) {
.featured-cards__card-title {
font-size: 24px;
margin-bottom: 16px;
}
}
.featured-cards__card-description {
font-size: 16px;
line-height: 30px;
margin-bottom: 32px;
max-width: 100%;
}
@media (max-width:768px) {
.featured-cards__card-description {
font-size: 14px;
line-height: 26px;
margin-bottom: 16px;
}
}
.featured-text {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-direction: column;
flex-wrap: nowrap;
padding: 40px 100px;
text-align: center;
background-repeat: no-repeat;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.featured-text--left {
text-align: left;
-webkit-box-align: start;
align-items: flex-start;
}
.featured-text--right {
text-align: right;
-webkit-box-align: end;
align-items: flex-end;
}
@media (max-width:768px) {
.featured-text {
padding: 16px 48px;
}
}
@media (max-width:680px) {
.featured-text {
padding: 16px;
}
}
.featured-text__headline {
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-size: 44px;
margin-bottom: 24px;
color: #000;
max-width: 100%;
}
@media (max-width:1024px) {
.featured-text__headline {
font-size: 34px;
}
}
@media (max-width:680px) {
.featured-text__headline {
font-size: 24px;
}
}
.featured-text__description {
font-size: 22px;
line-height: 32px;
font-family: BreuerTextRegular;
margin-bottom: 38px;
max-width: 100%;
}
@media (max-width:1024px) {
.featured-text__description {
font-size: 18px;
line-height: 26px;
}
}
@media (max-width:680px) {
.featured-text__description {
font-size: 16px;
line-height: 24px;
}
}
.goals-listing {
position: relative;
}
.goals-listing__title {
margin-bottom: 40px;
}
@media (max-width:768px) {
.goals-listing__title {
font-size: 24px;
}
}
.goals-listing__listing-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.goals-listing__listing-wrapper:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
@media (max-width:768px) {
.goals-listing__listing-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
.goals-listing__items-wrapper {
width: 55%;
margin-left: 5%;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}
.goals-listing__listing-wrapper:nth-child(odd) .goals-listing__items-wrapper {
margin-left: 0;
margin-right: 5%;
}
@media (max-width:768px) {
.goals-listing__listing-wrapper:nth-child(odd) .goals-listing__items-wrapper, .goals-listing__listing-wrapper:nth-child(even) .goals-listing__items-wrapper {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.goals-listing__featured-image-wrapper {
width: 40%;
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
}
@media (max-width:768px) {
.goals-listing__featured-image-wrapper {
display: none;
}
}
.goals-listing__featured-image {
width: 100%;
max-width: 100%;
height: auto;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
opacity: 1;
}
.goals-listing__featured-image-caption {
opacity: 1;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.goals-listing__image-is-hidden .goals-listing__featured-image, .goals-listing__image-is-hidden .goals-listing__featured-image-caption {
opacity: 0;
}
.goals-listing__goal-title {
font-size: 22px;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.23px;
line-height: 30px;
}
.goals-listing__goal-description {
margin-bottom: 40px;
}
@media (max-width:768px) {
.goals-listing__goal-description {
margin-bottom: 30px;
}
}
.goals-listing__list-items {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media (max-width:768px) {
.goals-listing__list-items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
.goals-listing__list-item {
width: calc(50% - 15px);
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
border-bottom: 2px solid #eeeeee;
margin-bottom: 40px;
padding-bottom: 10px;
}
.goals-listing__list-item--active {
border-bottom: 4px solid #ce181e;
color: #ce181e;
}
@media (max-width:768px) {
.goals-listing__list-item {
width: 100%;
}
}
.goals-listing__list-item-title {
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-weight: 500;
position: relative;
display: block;
}
.goals-listing__list-item-title:hover {
cursor: pointer;
}
@media (max-width:768px) {
.goals-listing__list-item-title {
padding-right: 44px;
}
.goals-listing__list-item-title:after {
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
content: url("data:image/svg+xml; utf8, %3Csvg viewBox='0 0 56 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.7' fill='%23000' cx='28' cy='28' r='28'/%3E%3Cpath fill='%23FFF' d='M21 16l7 12-7 12h7l7-12-7-12z'/%3E%3C/g%3E%3C/svg%3E");
display: block;
position: absolute;
right: 0;
top: calc(50% - 16px);
width: 32px;
height: 32px;
-webkit-transform-origin: center;
transform-origin: center;
}
.goals-listing__list-item--active .goals-listing__list-item-title:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
content: url("data:image/svg+xml; utf8, %3Csvg viewBox='0 0 56 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.7' fill='%23ce181e' cx='28' cy='28' r='28'/%3E%3Cpath fill='%23FFF' d='M21 16l7 12-7 12h7l7-12-7-12z'/%3E%3C/g%3E%3C/svg%3E");
}
}
.goals-listing__list-item-image {
display: none;
}
.experience-editor .goals-listing__list-item-image {
display: block;
}
@media (max-width:768px) {
.goals-listing__list-item-image {
margin-top: 20px;
margin-bottom: 10px;
}
.goals-listing__list-item--active .goals-listing__list-item-image {
display: block;
}
}
.goals-listing__list-item-image-caption {
color: #000;
display: none;
}
.experience-editor .goals-listing__list-item-image-caption {
display: block;
}
@media (max-width:768px) {
.goals-listing__list-item--active .goals-listing__list-item-image-caption {
display: block;
}
}
.image-block {
margin-bottom: 30px;
}
.image-block__title {
text-align: left;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-size: 24px;
}
.image-block__description {
color: #636363;
}
.image-block__media img {
display: block;
width: 100%;
}
.image-block__media figcaption {
padding-top: 32px;
padding-bottom: 32px;
font-size: 18px;
max-width: 700px;
}
.promo {
margin-bottom: 30px;
-webkit-box-align: start;
align-items: flex-start;
background-repeat: no-repeat;
background-size: 40%;
color: #111111;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-bottom: 2.75rem;
padding: 60px 0;
}
.promo.is-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
}
.promo.is-left .promo__media {
margin-right: 100px;
margin-bottom: 0;
width: 100%;
}
@media screen and (min-width: 950px) {
.promo.is-left .promo__media {
max-width: 50%;
}
}
.promo.is-left .promo__cta {
text-align: left;
}
.promo.is-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.promo.is-right .promo__media {
margin-left: 100px;
margin-bottom: 0;
width: 100%;
}
@media screen and (min-width: 950px) {
.promo.is-right .promo__media {
max-width: 50%;
}
}
.promo.is-left, .promo.is-right {
-webkit-box-align: center;
align-items: center;
}
.promo.is-left.has-background-color, .promo.is-right.has-background-color {
background-image: none;
}
.promo img {
max-width: 100%;
width: 100%;
}
@media (max-width:1024px) {
.promo.is-right, .promo.is-left {
-webkit-box-align: start;
align-items: flex-start;
}
}
@media (max-width:768px) {
.promo.is-right, .promo.is-left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.promo.is-right .promo__media, .promo.is-left .promo__media {
margin-bottom: 1.125rem;
margin-left: 0;
margin-right: 0;
}
}
.promo__responsive-video {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.promo__responsive-video iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.promo__description {
font-family: "BreuerTextLight", helvetica, Arial, sans-serif;
max-width: 800px;
font-size: 16px;
line-height: 1.8;
}
.promo__description + .promo__cta {
margin-top: 56px;
}
.promo__media {
margin-bottom: 1.125rem;
width: 100%;
}
.promo__media iframe {
max-width: 100%;
}
.promo__content {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}
.promo__title {
font-size: 33px;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
text-transform: uppercase;
}
a.promo__cta:hover {
text-decoration: none;
}
.multi-promo {
color: #fff;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin-left: -30px;
}
.multi-promo__promo {
overflow: hidden;
margin-bottom: 30px;
margin-left: 30px;
position: relative;
width: calc(50% - 30px);
}
.multi-promo__promo:nth-last-child(1):first-child, .multi-promo__promo:nth-last-child(1):first-child ~ .multi-promo__promo {
width: 100%;
}
.multi-promo__promo:nth-last-child(3):first-child, .multi-promo__promo:nth-last-child(3):first-child ~ .multi-promo__promo {
width: calc(33.333% - 30px);
}
.multi-promo__promo:nth-last-child(4):first-child, .multi-promo__promo:nth-last-child(4):first-child ~ .multi-promo__promo {
width: calc(33.333% - 30px);
}
.multi-promo__promo:nth-last-child(4):first-child:nth-child(4), .multi-promo__promo:nth-last-child(4):first-child ~ .multi-promo__promo:nth-child(4) {
width: 100%;
}
.multi-promo__promo:nth-last-child(5):first-child, .multi-promo__promo:nth-last-child(5):first-child ~ .multi-promo__promo {
width: calc(33.333% - 30px);
}
.multi-promo__promo:nth-last-child(5):first-child:nth-child(4), .multi-promo__promo:nth-last-child(5):first-child:nth-child(5), .multi-promo__promo:nth-last-child(5):first-child ~ .multi-promo__promo:nth-child(4), .multi-promo__promo:nth-last-child(5):first-child ~ .multi-promo__promo:nth-child(5) {
width: calc(50% - 30px);
}
@media (max-width:1024px) {
.multi-promo__promo:nth-last-child(1):first-child, .multi-promo__promo:nth-last-child(1):first-child ~ .multi-promo__promo {
width: 100%;
}
.multi-promo__promo:nth-last-child(3):first-child, .multi-promo__promo:nth-last-child(3):first-child ~ .multi-promo__promo {
width: calc(50% - 30px);
}
.multi-promo__promo:nth-last-child(3):first-child:nth-child(3), .multi-promo__promo:nth-last-child(3):first-child ~ .multi-promo__promo:nth-child(3) {
width: 100%;
}
.multi-promo__promo:nth-last-child(4):first-child, .multi-promo__promo:nth-last-child(4):first-child ~ .multi-promo__promo {
width: calc(50% - 30px);
}
.multi-promo__promo:nth-last-child(4):first-child:nth-child(4), .multi-promo__promo:nth-last-child(4):first-child ~ .multi-promo__promo:nth-child(4) {
width: calc(50% - 30px);
}
.multi-promo__promo:nth-last-child(5):first-child, .multi-promo__promo:nth-last-child(5):first-child ~ .multi-promo__promo {
width: calc(50% - 30px);
}
.multi-promo__promo:nth-last-child(5):first-child:nth-child(5), .multi-promo__promo:nth-last-child(5):first-child ~ .multi-promo__promo:nth-child(5) {
width: 100%;
}
}
@media (max-width:768px) {
.multi-promo__promo {
width: 100% !important;
}
}
.multi-promo__image {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
}
.multi-promo__image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.multi-promo__title {
font-size: 27px;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
}
.multi-promo__copy {
background-color: rgba(206, 24, 30, 0.8);
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: start;
justify-content: flex-start;
padding: 15px 50px 40px;
height: 100%;
}
.multi-promo__copy:before {
content: "";
width: calc(100% + 100px);
height: 60px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1140 182' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1140 .722V182H0v-.001L1140 .722z' fill='%23CE181E' fill-rule='evenodd' fill-opacity='.8' /%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
margin-left: -50px;
top: -60px;
position: absolute;
}
.multi-promo--dark .multi-promo__copy {
background-color: rgba(17, 17, 17, 0.6);
}
.multi-promo--dark .multi-promo__copy:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1140 182' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1140 .722V182H0v-.001L1140 .722z' fill='%23111111' fill-rule='evenodd' fill-opacity='.6' /%3e%3c/svg%3e");
}
.multi-promo__content {
z-index: 200;
position: relative;
-webkit-transform: translate3d(0, calc(100% - 80px), 0);
transform: translate3d(0, calc(100% - 80px), 0);
-ms-transform: translate3d(0, 150px, 0);
-webkit-transition: all 450ms cubic-bezier(0.32, 0.59, 0.19, 0.96);
transition: all 450ms cubic-bezier(0.32, 0.59, 0.19, 0.96);
height: 100%;
}
.multi-promo__promo:hover .multi-promo__content {
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
@media (max-width:768px) {
.multi-promo__content {
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
}
.multi-promo__description,
.multi-promo__title,
.multi-promo__cta {
opacity: 0;
-webkit-transition: all 450ms cubic-bezier(0.32, 0.59, 0.19, 0.96);
transition: all 450ms cubic-bezier(0.32, 0.59, 0.19, 0.96);
}
.multi-promo__promo:hover .multi-promo__description,
.multi-promo__promo:hover .multi-promo__title,
.multi-promo__promo:hover .multi-promo__cta {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
opacity: 1;
}
@media (max-width:768px) {
.multi-promo__description,
.multi-promo__title,
.multi-promo__cta {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
opacity: 1;
}
}
.multi-promo__title {
opacity: 1;
}
.multi-promo__description {
font-size: 16px;
letter-spacing: 0.17px;
}
.multi-promo__cta {
align-self: flex-start;
}
.multi-promo--dark .multi-promo__cta:not(:hover) {
background-color: #ebebeb;
}
.container--70-30 .container__col:last-child .multi-promo__promo,
.container--30-70 .container__col:first-child .multi-promo__promo,
.container--50-50 .container__col .multi-promo__promo {
width: 100%;
}
.multi-column {
margin-bottom: 30px;
color: #111111;
}
.multi-column__container {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
}
.multi-column--two-columns .multi-column__container {
margin-top: 56px;
}
@media (max-width: 1350px) {
.multi-column__container {
padding-left: 30px;
padding-right: 30px;
}
}
.multi-column__background-container {
position: relative;
width: 100%;
}
@media (max-width:768px) {
.multi-column__background-container {
margin-top: 56px;
}
}
.multi-column__background-container:before {
content: "";
background-color: #ebebeb;
top: 180px;
left: 0;
height: calc(100% - 180px);
position: absolute;
width: 100%;
}
@media (max-width:1024px) {
.multi-column__background-container:before {
top: 150px;
height: calc(100% - 150px);
}
}
@media (max-width:768px) {
.multi-column__background-container:before {
height: 100%;
top: 0;
}
}
.multi-column--two-columns .multi-column__background-container:before {
height: 100%;
top: 0;
}
.multi-column__column {
margin: 56px auto 30px auto;
-webkit-box-ordinal-group: 2;
order: 1;
position: relative;
width: 100%;
}
@media (min-width: 769px) {
.multi-column__column {
width: calc(66.67% - 30px);
margin-bottom: 70px;
}
.multi-column__column + .multi-column__column {
margin-left: 30px;
width: calc(33.33% - 30px);
}
.multi-column__column:nth-last-child(n+3), .multi-column__column:nth-last-child(n+3) ~ .multi-column__column {
width: calc(33.33% - 30px);
}
}
@media (max-width:768px) {
.multi-column__column--featured {
-webkit-box-ordinal-group: 1;
order: 0;
}
}
.multi-column__type {
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.21px;
margin-bottom: 16px;
}
.multi-column__item + .multi-column__item {
border-top: solid 1px #959595;
margin-top: 48px;
padding-top: 40px;
}
.multi-column__item iframe {
max-width: 100%;
}
.multi-column__image {
width: 100%;
}
.multi-column__image + .multi-column__content {
margin-top: 25px;
}
.multi-column__column-title {
font-size: 27px;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.multi-column__description {
font-size: 16px;
margin-top: 24px;
text-align: left;
}
.multi-column a.multi-column__title-link {
color: #111111;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 500;
display: block;
}
.multi-column__image + .multi-column__title-link {
font-size: 27px;
margin-top: 32px;
}
.multi-column__meta {
color: #636363;
font-size: 16px;
letter-spacing: 0.17px;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.multi-column__title-link + .multi-column__meta {
margin-top: 24px;
}
.multi-column__view-more {
display: block;
margin-top: 40px;
}
.three-up {
margin-bottom: 30px;
color: #111111;
}
.three-up__title {
font-size: 33px;
letter-spacing: 0.34px;
margin-bottom: 0;
text-align: left;
width: 100%;
padding-top: 40px;
}
.three-up__title:after {
content: "";
background-color: #ce181e;
display: block;
height: 4px;
margin-top: 16px;
margin-bottom: 0;
width: 32px;
}
.three-up__container {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.three-up__column {
background-color: #fff;
border: solid 1px #ebebeb;
margin: 56px auto 30px auto;
padding: 25px;
position: relative;
width: 100%;
-webkit-transition: margin-top 700ms;
transition: margin-top 700ms;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
@media (min-width: 1025px) {
.three-up__column {
width: calc(33.33% - 30px);
}
.three-up__column + .three-up__column {
margin-left: 30px;
}
}
@media (min-width: 769px) {
.three-up__column:before {
border: solid 3px #e03314;
content: "";
position: absolute;
bottom: -4px;
left: -1px;
opacity: 0;
right: -4px;
top: -2px;
-webkit-transition: opacity 700ms;
transition: opacity 700ms;
z-index: 1;
}
.three-up__column:hover {
border-color: transparent;
margin-top: 50px;
}
.three-up__column:hover:before {
opacity: 1;
}
}
.three-up__image + .three-up__content {
margin-top: 25px;
}
.three-up__content {
position: relative;
z-index: 2;
-webkit-box-flex: 1;
flex-grow: 1;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
max-width: 100%;
}
.three-up__column-title {
font-size: 27px;
text-align: center;
}
.three-up__description {
font-size: 16px;
text-align: center;
max-width: 100%;
}
.three-up__image {
-webkit-box-align: end;
align-items: flex-end;
display: -webkit-box;
display: flex;
height: 205px;
margin-right: auto;
margin-left: auto;
max-width: 160px;
z-index: 100;
position: relative;
}
.three-up__image img {
width: 100%;
}
.three-up__link-list {
margin: 0;
padding-left: 0;
list-style-type: none;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.three-up__list-item {
width: 100%;
text-align: center;
}
.three-up a.three-up__link {
color: #111111;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
font-size: 14px;
}
.three-up a.three-up__link:after {
content: "→";
margin-left: 8px;
}
.three-up__cta-container {
margin-top: 32px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-flex: 1;
flex-grow: 1;
-webkit-box-align: end;
align-items: flex-end;
}
.three-up a.three-up__cta:hover {
text-decoration: none;
}
.page-banner {
overflow: hidden;
position: relative;
color: #fff;
}
.page-banner:before {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
background: linear-gradient(-180deg, transparent 0%, #000000 100%);
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.page-banner__figure {
margin: 0;
}
.page-banner__figure img {
width: 100%;
display: block;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width:680px) {
.page-banner__figure img {
min-height: 400px;
}
}
.page-banner__figure video {
/* if object-fit is supported, we'll use that */
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
margin: 0 auto;
}
.has-height .page-banner__figure {
width: 100%;
height: 100%;
}
.has-height .page-banner__figure picture {
height: 100%;
}
.has-height .page-banner__figure img {
height: 100%;
}
.has-height .page-banner__figure .video {
height: 100%;
}
.page-banner__caption {
bottom: 80px;
left: 0;
position: absolute;
right: 0;
margin: auto;
width: 1170px;
}
@media (max-width:1230px) {
.page-banner__caption {
max-width: 100%;
}
}
@media (max-width:1024px) {
.page-banner__caption {
padding: 0 100px 0 100px;
bottom: 35px;
}
}
@media (max-width:680px) {
.page-banner__caption {
padding: 0 24px;
}
}
.page-banner__title {
color: #fff;
font-size: 44px;
font-weight: 500;
letter-spacing: 1px;
line-height: 57px;
font-family: "BreuerTextMedium", helvetica, Arial, sans-serif;
margin-top: 0;
margin-bottom: 24px;
max-width: 800px;
}
@media (max-width:1024px) {
.page-banner__title {
font-size: 32px;
line-height: 38px;
margin-bottom: 24px;
}
}
@media (max-width: 470px) {
.page-banner__title {
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
}
}
.page-banner__subtitle {
font-family: "BreuerTextLight", helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 32px;
color: #fff;
text-align: left;
margin-bottom: 48px;
max-width: 800px;
}
@media (max-width:1024px) {
.page-banner__subtitle {
font-size: 16px;
line-height: 26px;
margin-bottom: 24px;
}
}
@media (max-width: 470px) {
.page-banner__subtitle {
font-size: 15px;
line-height: 24px;
margin-bottom: 12px;
}
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 900;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: 25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: 25px;
}
[dir=rtl] .slick-next {
left: 25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.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);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.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;
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;
}
/*# sourceMappingURL=index-generated.css.map */