/*
* Copyright 2015 Adobe Systems Incorporated
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.search-inputctn {
display:none;
}
.topnav {
float: right;
list-style: none;
}
.topnav__item {
float: left;
margin-left: 15px;
}
.topnav__item--selected {
font-weight: bold;
}
@media (min-width: 600px) {
.hamburgernav .hamburgernav--misc{
float:left;
}
.lang{
display:none;
}
.mainnav{
width:100%;
}
.hamburger-blackout{
background:#fff;
}
}
.textimage-left {
float: left;
margin: 0 1em 1em 0;
}
.textimage-right {
float: right;
margin: 0 0 1em 1em;
}
.textimage-text {
margin: 0 0 0em;
}
.textimage-text:after {
content: "";
display: table;
clear: both;
}
@charset "UTF-8";
/**global**/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
overflow-x:hidden;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block; }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }
/**
* Add the correct display in IE.
*/
template {
display: none; }
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/**Bootstrap 3.3.7 Variables**/
/** Colors **/
/*Greys*/
/*Brand Colors*/
/*Alphas*/
/*stock*/
/** Fonts **/
/** Widths **/
/** Other measures */
/** Breakpoints **/
/*
* Bootstrap provided breakpoints
* $screen-xs-min: 480px;
* $screen-sm-min = 768px
* $screen-md-min = 992px
* $screen-lg-min = 1200px
*/
/** Transition speeds **/
/** Z-index **/
/*The header lies over popups, and the blackout needs to go over all page content. */
/**Mixins**/
/*Bootstrap 3.3.7*/
/*layout/grid*/
/*dropdowns*/
/*forms*/
/*tables*/
/** Functions **/
/* Returns the opposite direction of each direction in a list
* @author Hugo Giraudel (https://css-tricks.com/snippets/sass/opposite-direction-function/)
* @param {List} $directions - List of initial directions
* @return {List} - List of opposite directions
*/
/* Returns calculated aspect ratio (src: http://www.antimath.info/css/sass-sqrt-function/)
* @param {number} $width
* @param {number} $height
* @return {number} - aspect ratio percentage
*/
/* Returns square root of a given number
* @param {number} $r
* @return {number} - square root
*/
/* center vertically and/or horizontally an absolute positioned element */
/* Maintain uniform aspect ratio on images.
* Include on img container element. @include aspect-ratio(16, 9);
* Expected html example:
*
*/
/* Same as above but used with AEM adaptive image which has different html needs
* Expected html example:
*
*/
/* List styles
* Include on ul element (@include list();) default is unstyled
* Width of li (if needed) should be declared on li elements
*/
/* Triangle helper mixin (modified from https://css-tricks.com/snippets/sass/css-triangle-mixin/)
* @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`
* @param {Color} $color [currentcolor] - Triangle color
* @param {Length} $size [1em] - Triangle size
*/
/**** CSS Icons ****/
/* Plus Icon
* @param {width} $size [28px] - width and height of the whole icon
* @param {length} $length [18px] - length of icon bars
* @param {stroke} $thickness [2px] - the stroke weight of icon bars
* Note that units are required. [@include plus-icon(40px,30px,4px);]
* Or use defaults [@include plus-icon();].
* Icon is absolutely positioned, but with no left/right/top/bottom positioning set.
* Correct positioning properties should be added along with the mixin include.
* Color of icon is set via the color property on the element using the mixin.
*/
/* Arrow Icon
* @param {size} $size [4px] - used within triangle mixin - half the overal width of triangle portion
* @param {height} $height [10px] - overall height of icon
* Note that units are required. [@include plus-icon(20px,2px);]
* Color can be inherited or set on the element that includes the mixin
*/
/* Caret Icon
* @param {direction} $direction [down] - caret direction, either `up`, `right`, `down` or `left`
* @param {size} $size [10] - length of caret sides
* @pararm {stroke} $stroke [2] - the stroke weight (thickness) of the caret size
* @param {css units} $units [px] - units to use for the size and stroke - 'cause of all the maths
* Note: may require tweaking for proper positioning
*/
/*Animations*/
@-webkit-keyframes slidein {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@keyframes slidein {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
/*custom bootstrap 3.3.7*/
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:before, .container-fluid:after {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
.caret {
display: inline-block;
width: 9.89949px;
height: 9.89949px;
position: relative;
margin-left: 0.1em;
vertical-align: 0.1em; }
.caret:before {
content: '';
width: 7px;
height: 7px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 4;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 11.5px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #666666;
white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #595959;
background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #000;
text-decoration: none;
outline: 0;
background-color: #fff; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #a4a4a4; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed; }
.open > .dropdown-menu {
display: block; }
.open > a {
outline: 0; }
.dropdown-menu-right {
left: auto;
right: 0; }
.dropdown-menu-left {
left: 0;
right: auto; }
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 16px;
line-height: 1.42857;
color: #a4a4a4;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -6; }
.pull-right > .dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 25px;
font-size: 27px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; }
input[type="search"] {
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
display: block;
padding-top: 7px;
font-size: 18px;
line-height: 1.42857;
color: #555; }
.form-control {
display: block;
width: 100%;
height: 39px;
padding: 6px 12px;
font-size: 18px;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control::-ms-expand {
border: 0;
background-color: transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #777;
opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
height: auto; }
input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 39px; }
input[type="date"].input-sm, .input-group-sm input[type="date"],
input[type="time"].input-sm, .input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm, .input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm, .input-group-sm
input[type="month"] {
line-height: 36px; }
input[type="date"].input-lg, .input-group-lg input[type="date"],
input[type="time"].input-lg, .input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg, .input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg, .input-group-lg
input[type="month"] {
line-height: 53px; } }
.form-group {
margin-bottom: 15px; }
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.radio label,
.checkbox label {
min-height: 25px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled, fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled]
.checkbox-inline {
cursor: not-allowed; }
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 43px; }
.form-control-static.input-lg, .form-control-static.input-sm {
padding-left: 0;
padding-right: 0; }
.input-sm {
height: 36px;
padding: 5px 10px;
font-size: 16px;
line-height: 1.5;
border-radius: 3px; }
select.input-sm {
height: 36px;
line-height: 36px; }
textarea.input-sm,
select[multiple].input-sm {
height: auto; }
.form-group-sm .form-control {
height: 36px;
padding: 5px 10px;
font-size: 16px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 36px;
line-height: 36px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 36px;
min-height: 41px;
padding: 6px 10px;
font-size: 16px;
line-height: 1.5; }
.input-lg {
height: 53px;
padding: 10px 16px;
font-size: 23px;
line-height: 1.33333;
border-radius: 6px; }
select.input-lg {
height: 53px;
line-height: 53px; }
textarea.input-lg,
select[multiple].input-lg {
height: auto; }
.form-group-lg .form-control {
height: 53px;
padding: 10px 16px;
font-size: 23px;
line-height: 1.33333;
border-radius: 6px; }
.form-group-lg select.form-control {
height: 53px;
line-height: 53px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 53px;
min-height: 48px;
padding: 11px 16px;
font-size: 23px;
line-height: 1.33333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 48.75px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 39px;
height: 39px;
line-height: 39px;
text-align: center;
pointer-events: none; }
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 53px;
height: 53px;
line-height: 53px; }
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 36px;
height: 36px;
line-height: 36px; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #3c763d; }
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; }
.has-success .form-control-feedback {
color: #3c763d; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #8a6d3b; }
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3; }
.has-warning .form-control-feedback {
color: #8a6d3b; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #a94442; }
.has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede; }
.has-error .form-control-feedback {
color: #a94442; }
.has-feedback label ~ .form-control-feedback {
top: 30px; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #595959; }
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 32px; }
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table; }
.form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 23px; } }
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 16px; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #a4a4a4;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 25px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #fff; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 18.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
html {
background: #191919;
box-sizing: border-box;
font-size: 18px;
line-height: 1.4;
-webkit-tap-highlight-color: transparent; }
*, *:before, *:after {
box-sizing: inherit; }
#page {
background: #fff;
color: #191919;
font-family: "Open Sans", sans-serif; }
/* draw any selected text white on red background */
::-moz-selection {
background: #d52b1e;
color: #fff; }
::selection {
background: #d52b1e;
color: #fff; }
.ir_container {
/*position relative must be on this div, not on #page as it causes issues with the AEM parsys*/
position: relative; }
/*helper class to restrict content width*/
.content-container, .row {
max-width: 1600px;
margin: 0 auto;
position: relative; }
.content-container .row, .content-container .text {
max-width: 1200px;
margin: 0 auto; }
.content-container .text {
padding-left: 1em;
padding-right: 1em; }
@media (min-width: 1218px) {
.content-container .text {
padding-left: 0;
padding-right: 0; } }
a {
color: #d52b1e;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-property: color, border-color, background;
transition-property: color, border-color, background; }
a:hover, a:focus, a:active {
border-color: currentColor; }
a.link-invert {
color: #191919; }
a.link-invert:hover, a.link-invert:focus, a.link-invert:active {
color: #d52b1e; }
a.btn {
display: inline-block;
background: #191919;
color: #fff;
border: 2px solid #191919;
padding: 0.25em 1.25em; }
a.btn:hover, a.btn:focus, a.btn:active {
background: #3b3b3b;
border-color: #3b3b3b; }
a.btn-inverted, .basicpromo.theme-black a.btn, .basicpromo.theme-white a.btn, .basicpromo.theme-grey a.btn {
background: #d52b1e;
border-color: #d52b1e; }
a.btn-inverted:hover, .basicpromo.theme-black a.btn:hover, .basicpromo.theme-white a.btn:hover, .basicpromo.theme-grey a.btn:hover, a.btn-inverted:focus, .basicpromo.theme-black a.btn:focus, .basicpromo.theme-white a.btn:focus, .basicpromo.theme-grey a.btn:focus, a.btn-inverted:active, .basicpromo.theme-black a.btn:active, .basicpromo.theme-white a.btn:active, .basicpromo.theme-grey a.btn:active {
background: #b01200;
border-color: #b01200; }
h1, h2, h3, h4, h5, h6 {
font-weight: 600; }
iframe {
border: 0; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
max-width: 1200px;
margin: 1em auto;
padding: 0; }
/* Only display content to screen readers See: http://a11yproject.com/posts/how-to-hide-content*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
/* Use in conjunction with .sr-only to only display content when it's focused.
* Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
* Credit: HTML5 Boilerplate */
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
/* Helper classes for floating (images only preferably) */
.pull-right {
float: right !important;
margin-left: 1em !important;
margin-bottom: 1em !important; }
.pull-left {
float: left !important;
margin-right: 1em !important;
margin-bottom: 1em !important; }
/* Hide visually and from screen readers */
.hidden {
display: none !important; }
.hide {
display: none; }
/* Hide visually and from screen readers, but maintain layout */
.invisible {
visibility: hidden; }
/*Add This Social*/
.addthis--wrap {
text-align: right;
padding-top: 1em; }
.addthis--wrap .addthis_toolbox {
display: inline-block;
min-width: 120px; }
/*AEM Out of Box Components*/
.adaptiveimage {
padding: 1em 0;
/*image title*/ }
.adaptiveimage img {
display: block;
max-width: 100%;
margin: 0 auto;
padding:20px 60px;
border:1px dashed #ccc;
}
.adaptiveimage h1 {
font-size: 1.2em;
margin: 0.5em 1em 0; }
.adaptiveimage .caption {
margin: 0 1.2em; }
.textimage img {
max-width: 100%; }
/*text component*/
/*Do not add styles to the textcomp element itself!
* Styles are inherited by textbox helper class.
*/
.textcomp h1, .textbox h1, .textcomp h2, .textbox h2 {
font-size: 2.4em;
margin-top: 0; }
.textcomp h2, .textbox h2 {
font-size: 2em; }
.textcomp h3, .textbox h3 {
margin-top: 0; }
.text h3 {
margin-bottom: 0; }
.text h3 + p {
margin-top: 0; }
/*helper class for extra text formating typically in text component used within column controls but
* can be used elsewhere. Some styles for headings inherited from textcomp.
*/
.textbox {
margin: 2em 0;
max-width: 500px; }
.textbox li {
padding-bottom: 1em; }
/*AEM Component Error*/
.component-error {
color: #808080;
text-align: center;
outline: 1px solid #d52b1e;
padding: 1em; }
.component-error h2, .component-error h3 {
color: #d52b1e;
margin: 0; }
.component-note {
font-size: 0.8em;
text-align: center; }
/*AEM images for data holder pages - only used in authoring */
.data-holder--image img {
display: block;
width: 100%; }
/*Spinner*/
.spinner {
/*background of circle*/
color: #d52b1e;
font-size: 1em;
text-indent: -9999em;
border-top: 0.5em solid rgba(0, 0, 0, 0.8);
border-right: 0.5em solid rgba(0, 0, 0, 0.8);
border-bottom: 0.5em solid rgba(0, 0, 0, 0.8);
border-left: 0.5em solid currentColor;
border-radius: 50%;
margin: 0 auto;
width: 3em;
height: 3em;
-webkit-transform: translateZ(0);
transform: translateZ(0);
/*translateZ to animate better and faster*/
-webkit-animation: spin 1.1s infinite linear;
animation: spin 1.1s infinite linear;
position: absolute;
/*calc fallback*/
top: 30%;
left: 47%;
/*center vertically and horizontally*/
top: calc(50% - 3em/2);
left: calc(50% - 3em/2);
z-index: 4; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/**Sitemap**/
.sitemap {
padding: 2em 0; }
.sitemap .linkcontainer .linkcontainer {
padding-left: 1em; }
.sitemap .linkcontainer .linkcontainer .link a {
margin-left: 0.5em; }
.sitemap .linkcontainer .linkcontainer .link a:before {
content: '•';
position: relative;
left: -0.4em; }
.sitemap .link {
padding-bottom: 0.5em; }
/**external dependencies**/
/* Magnific Popup CSS */
/**
** Dev Note: Some of the css available for this resource has been removed because we are not currently using it.
** Complete files and docs can be found at http://dimsemenov.com/plugins/magnific-popup/
**/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #d52b1e; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
padding: 0 0 18px 10px;
color: #fff;
font-size: 28px; }
.mfp-close:hover, .mfp-close:focus {
color: #d52b1e; }
.mfp-close:active {
top: 1px; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-inline-holder .mfp-close {
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-iframe-holder, .mfp-inline-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1200px; }
.mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe, .mfp-iframe-scaler .maddash--wrap > div {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
.maddash--wrap > div {
width: 100% !important;
height: 100% !important; }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* Zoom effect */
.mfp-zoom-in {
/* start state */
/* animate in */
/* animate out */ }
.mfp-zoom-in .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-content {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0; }
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative; }
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform; }
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%; }
/* Bullets */
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px; }
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000; }
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px; }
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
/* Cube */
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/*slider*/
/**design components**/
.siteheader {
background: #fff;
border-bottom: 1px solid #e5e5e5;
position: relative;
z-index: 10; }
.siteheader a {
color: #191919; }
.siteheader a:hover, .siteheader a:focus {
color: #d52b1e;
border-bottom-color: transparent; }
.siteheader--content .content-container {
height: 72px;
padding: 0.6em; }
.siteheader--logo {
display: inline-block;
width: 40%;
height:100%;
max-width: 156px; }
.siteheader--logo img {
display: block;
height: 120%;
margin-top: -4%;
}
@media (min-width: 992px) {
.siteheader--content {
padding: 0 2em; }
.siteheader--content .content-container {
height: 86px;
padding: 1em 0; } }
.skip-nav {
/*Accessibility. This will normally be offscreen, but make it pretty if
someone happens to tab to it.*/
display: inline-block;
font-size: 0.7em;
position: absolute;
top: -500px;
left: 6px;
z-index: 10; }
.skip-nav a:hover, .skip-nav a:focus {
outline: 1px solid #a4a4a4;
position: relative;
top: 505px; }
/***Search***/
/**Search Icon in header**/
.siteheader--search {
height: 100%;
position: absolute;
top: 0;
right: 3em; }
.siteheader--search .search--icon {
display: block;
color: #191919;
line-height: 1;
padding: 1.4em 1em 1em;
height: 100%; }
.siteheader--search .search--icon:hover, .siteheader--search .search--icon:focus {
color: #d52b1e; }
@media (min-width: 992px) {
.siteheader--search {
right: 0; }
.siteheader--search .search--icon {
padding-top: 1.6em; } }
.magnifying-icon, .magnifying-close-icon {
display: inline-block;
color: inherit;
border: 3px solid currentColor;
border-radius: 50%;
height: 16px;
width: 16px;
position: relative; }
.magnifying-icon:before, .magnifying-close-icon:before {
content: '';
background: currentColor;
height: 3px;
width: 10px;
position: absolute;
bottom: -4px;
left: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
/*search magnifying glass and X icon*/
.magnifying-close-icon {
-webkit-transition: border 0.2s, -webkit-transform 0.2s;
transition: border 0.2s, -webkit-transform 0.2s;
transition: transform 0.2s, border 0.2s;
transition: transform 0.2s, border 0.2s, -webkit-transform 0.2s; }
.magnifying-close-icon:before {
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s; }
.active .magnifying-close-icon {
border: 0;
border-bottom: 3px solid currentColor;
border-radius: 0;
height: 20px;
width: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
left: 12px;
top: -6px; }
.active .magnifying-close-icon:before {
top: 100%;
left: 0;
width: 20px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
@media (min-width: 992px) {
.magnifying-close-icon {
height: 20px;
width: 20px; }
.magnifying-close-icon:before {
width: 12px;
bottom: -4px;
left: 10px; }
.active .magnifying-close-icon {
height: 28px;
width: 28px;
top: -10px; }
.active .magnifying-close-icon:before {
width: 28px; } }
/**Search**/
.searchform--ctn {
background: #e5e5e5;
color: #191919; }
.searchform--ctn form {
padding: 1em; }
.searchform--ctn .search--heading {
display: block;
color: #a4a4a4;
font-size: 1em;
font-weight: 400;
margin: 0 0 0.6em; }
.searchform--ctn .search--heading label {
font-weight: inherit;
margin: 0; }
@media (min-width: 992px) {
.searchform--ctn form {
max-width: 1280px;
padding: 2em;
margin: 0 auto; } }
.search-inputctn {
color: #191919;
position: relative; }
.search-inputctn input {
color: inherit;
font-size: 1.2em;
width: 100%;
/*leave room for search submit icon*/
padding: 0.5em 2em 0.5em 0.5em; }
.search-inputctn .form-submit {
position: absolute;
top: 0.85em;
right: 1em; }
.search-inputctn .form-submit:hover, .search-inputctn .form-submit:focus, .search-inputctn .form-submit:active {
color: #d52b1e; }
.search-popup {
width: 100%;
position: relative;
z-index: 9;
/*hide*/
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s;
transition: max-height 0.2s;
/*show*/ }
.search-popup.visible {
max-height: 200px; }
/***Mobile/Tablet Nav***/
/*Hamburger icon - on small devices only*/
.hamburger {
display: inline-block;
background: #fff;
color: #666666;
cursor: pointer;
height: 100%;
/* of header height*/
width: 60px;
position: absolute;
top: 0;
right: 0;
z-index: 10; }
.hamburger a:hover, .hamburger a:focus {
color: #d52b1e; }
.hamburger .hamburger--icon, .hamburger .hamburger--icon:before, .hamburger .hamburger--icon:after {
/*icon is 40px wide, 20px high*/
content: '';
display: block;
background: currentColor;
/*icon color*/
height: 3px;
width: 20px;
position: absolute;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.hamburger .hamburger--icon {
border-bottom: 0;
top: 33.5px;
left: 20px;
/*(90-40)/2 = 25px*/ }
.hamburger .hamburger--icon:before {
top: -6px; }
.hamburger .hamburger--icon:after {
bottom: -6px; }
@media (min-width: 992px) {
.hamburger {
display: none; } }
/*Hamburger close icon*/
.hamburger-visible .hamburger--icon {
background-color: transparent; }
.hamburger-visible .hamburger--icon:before, .hamburger-visible .hamburger--icon:after {
top: 0; }
.hamburger-visible .hamburger--icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.hamburger-visible .hamburger--icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
/**blackout**/
.hamburger-blackout {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background: rgba(25, 25, 25, 0.8);
z-index: 8; }
.hamburger-visible .hamburger-blackout {
display: block;
/*show blackout*/ }
.hamburgernav {
background: #e5e5e5;
position: absolute;
left: 0;
width: 100%;
/*hide*/
opacity: 0;
top: -4000px;
/*move off screen*/
z-index: 9;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
/*countries*/
/*logos*/ }
.hamburger-visible .hamburgernav {
/*show*/
opacity: 1;
top: 101%;
/*fallback for calc*/
top: calc(100% + 1px);
/*place underneath header*/ }
.hamburgernav .search--heading {
color: #191919; }
.hamburgernav--misc {
padding: 0 1em 3em; }
.hamburgernav--heading {
font-size: 0.9em;
margin: 0 0 0.5em;
display:none;
}
.hamburgernav--country-list {
list-style: none;
padding-left: 0;
margin: 0;
margin-bottom: 0.5em;
max-width: 400px; }
.hamburgernav--country-list li {
/*** border-bottom: 1px solid #cccccc;***/
float:left;
}
.hamburgernav--country-list .brandednav--country-link {
display: block;
padding: 0.5em; }
.hamburgernav--brandedlogos-heading {
font-style: italic; }
.hamburgernav .brandednav--logos {
/*show*/
max-height: none; }
.hamburgernav .brandednav--logo-link:hover, .hamburgernav .brandednav--logo-link:focus {
background: rgba(0, 0, 0, 0.1); }
@media (min-width: 992px) {
.hamburgernav {
/*show hamburger (main nav) on larger devices*/
background: none;
opacity: 1;
width: auto;
left: auto;
top: 0.65em;
right: 7em;
/*on larger screens hide hamburger search, countries, and branded logos*/ }
.hamburger-visible .hamburgernav {
top: 0.65em; }
.hamburgernav--search {
display: none; }
.lang{
float: right;
margin-top: 18px;
margin-right: -40px;
margin-left: 30px;
}
}
/**main nav**/
.mainnav--list, .subnav--list {
list-style: none;
padding-left: 0;
margin: 0; }
.mainnav--link, .subnav--link {
display: block;
padding: 1em; }
.mainnav {
background: #fff;float:left; }
.mainnav--item {
border-bottom: 1px solid #e5e5e5;
position: relative; }
.mainnav--item.active {
border-bottom-color: #191919; }
.nav_drop .mainnav--link {
display: inline-block;
width: 86%; }
.mainnav--link.active {
color: #d52b1e; }
.mainnav--more {
display: none;
text-align: center;
border-left: 1px solid #e5e5e5;
padding: 1em;
width: 14%;
position: absolute;
top: 0;
right: 0; }
.mainnav--more-icon {
display: inline-block;
width: 14.14214px;
height: 14.14214px;
position: relative; }
.mainnav--more-icon:before {
content: '';
width: 10px;
height: 10px;
border-top: 3px solid;
border-right: 3px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.mainnav--more:hover, .mainnav--more:focus {
border-color: #e5e5e5; }
.nav_drop .mainnav--more {
display: block; }
.active .mainnav--more-icon {
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
-webkit-transform: translateY(2px) rotate(180deg);
transform: translateY(2px) rotate(180deg); }
@media (min-width: 992px) {
.mainnav {
/*main nav on larger devices*/
background: none;
width: auto; }
.mainnav--item {
display: inline-block;
border-bottom: 0;
vertical-align: bottom; }
.nav_drop .mainnav--link {
width: auto; }
.mainnav--more, .nav_drop .mainnav--more {
display: none; } }
/**sub nav**/
.subnav--list {
background: #191919;
color: #a4a4a4;
/*hide*/
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s;
transition: max-height 0.2s; }
.active .subnav--list {
padding: 0.5em 0;
/*show*/
max-height: 600px; }
.subnav--list a {
color: inherit; }
.subnav--link {
padding: 0.5em 1em; }
.subnav--link.active {
color: #d52b1e; }
@media (min-width: 992px) {
.subnav {
/*hide sub nav on larger devices*/ }
.subnav--list {
width: 0; }
.active .subnav--list {
max-height: 0;
padding: 0; } }
/**Section Nav
* this nav only appears on interior pages based on page structure/category
* it is display none when not visible to not interfere with accessiblity/tab order of the main nav!
**/
.sectionnav {
background: #191919;
color: #a4a4a4;
text-align: center; }
.sectionnav .subnav--link:hover, .sectionnav .subnav--link:focus {
background: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.sectionnav .subnav--link.active {
color: #d52b1e; }
.sectionnav--products .sectionnav--products {
display: block; }
@media (min-width: 992px) {
.sectionnav .subnav--list {
width: auto;
max-height: none;
list-style: none;
padding-left: 0;
margin: 0; }
.sectionnav .subnav--list > li {
display: inline-block;
vertical-align: middle; } }
/**Quick Nav**/
.quicknav {
background: #e5e5e5;
text-align: center; }
.quicknav--list {
list-style: none;
padding-left: 0;
margin: 0; }
.quicknav--list > li {
display: inline-block;
vertical-align: middle; }
.quicknav--link {
display: block;
border-bottom: 0;
padding: 0.5em 1em; }
.quicknav--link.active {
color: #d52b1e; }
@media (min-width: 992px) {
.quicknav {
display: none; } }
footer {
position: relative;
background-color:#191919;
margin-top:20px;
}
.footer-nav {
padding: 2em 1em;
position: relative; }
.footer-nav--col {
display: inline-block;
width: 48%;
padding: 0 1%; }
.footer-nav--col:last-child {
width: 100%; }
.footer-nav--col:last-child .footer-nav--section {
display: inline-block;
width: 48%; }
.footer-nav--col:last-child .footer-nav--section:nth-child(even) {
padding-left: 1%; }
.footer-nav--section {
font-size: 0.9em; }
.footer-nav--section a {
color: inherit;
font-weight: inherit; }
.footer-nav--section a:hover, .footer-nav--section a:focus {
color: #d52b1e; }
.footer-nav--section-heading {
color: #ffffff;
font-size: 1em;
text-transform: uppercase;
margin: 0 0 0.5em; }
.footer-nav--list {
display: none;
color: #666666;
list-style: none;
padding: 0;
margin: 0 0 0.5em; }
.footer-nav--list li {
padding-bottom: 0.5em; }
@media (min-width: 992px) {
.footer-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.footer-nav--col {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
width: auto;
padding: 0; }
.footer-nav--col:last-child {
width: auto; }
.footer-nav--col:last-child .footer-nav--section {
display: block;
width: auto; }
.footer-nav--col:last-child .footer-nav--section:nth-child(even) {
padding-left: 1em; }
.footer-nav--section {
padding: 0 1em; }
.footer-nav--list {
display: block; } }
.footer-copyright {
background: #191919;
color: #fff;
text-align: center;
border-top: 1px solid #d52b1e;
padding: 4em 2em; }
.footer-copyright a {
color: #fff; }
.footer-copyright a:hover, .footer-copyright a:focus, .footer-copyright a:active {
color: #d52b1e; }
.footer-copyright p {
font-size: 0.8em;
max-width: 800px;
margin: 0 auto 1em; }
/**Branded Nav**/
.brandednav {
background: #191919;
color: #a4a4a4;
font-size: 0.7em;
padding: 0.5em 1em 0 0;
/*stock ticker and country dropdown*/ }
.brandednav a {
color: #a4a4a4; }
.brandednav a:hover, .brandednav a:focus {
color: #d52b1e; }
.brandednav--heading {
font-size: 1em;
font-style: italic;
font-weight: normal;
margin: 0 1em 0.5em 1em; }
.brandednav--heading .caret {
margin-left: 0.2em;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s; }
.active .brandednav--heading .caret {
-webkit-transform: rotate(180deg) translateY(-4px);
transform: rotate(180deg) translateY(-4px); }
.brandednav--logos {
list-style: none;
padding-left: 0;
margin: 0;
/*hide*/
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s;
transition: max-height 0.2s; }
.brandednav--logos > li {
display: inline-block;
vertical-align: middle; }
.active .brandednav--logos {
/*show*/
max-height: 200px; }
.brandednav--logo-link {
display: block;
border: 0;
padding: 1em;
-webkit-transition: background 0.2s;
transition: background 0.2s; }
.brandednav--logo-link:hover, .brandednav--logo-link:focus {
background: rgba(255, 255, 255, 0.1); }
.brandednav--logo-img {
display: block;
max-width: 100%;
margin: 0; }
.brandednav--misc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: 100%;
position: absolute;
top: 0;
right: 0; }
.brandednav--country {
display: none;
padding-left: 1em; }
.brandednav--country .btn {
background: none;
border: none;
color: inherit;
cursor: pointer; }
.brandednav--country .btn:hover, .brandednav--country .btn:focus {
color: #d52b1e; }
.brandednav--country .dropdown-menu {
border-radius: 0;
padding: 0; }
.brandednav--country .dropdown-menu a {
padding: 0.5em; }
.brandednav--country .dropdown-menu a:hover, .brandednav--country .dropdown-menu a:focus {
background: #e5e5e5; }
.brandednav--country-link {
border-bottom: 1px solid #e5e5e5; }
.brandednav--country-link:hover, .brandednav--country-link:focus {
border-color: #e5e5e5; }
.brandednav--country-flag {
display: inline-block;
margin-right: 0.25em;
width: 30px;
vertical-align: middle; }
@media (min-width: 992px) {
.brandednav {
padding: 0 3em;
display:none;
/*stock ticker and country dropdown*/ }
.brandednav--heading, .brandednav--logos {
display: inline-block;
vertical-align: top; }
.brandednav--heading {
margin: 1.25em 1em 0 0; }
.brandednav--heading-link {
cursor: default;
pointer-events: none; }
.brandednav--heading-link:hover, .brandednav--heading-link:focus {
color: inherit;
border-bottom: 0; }
.brandednav--heading-link .caret {
display: none; }
.brandednav--logos {
max-width: 580px;
/*show*/
max-height: none; }
.brandednav--misc {
padding: 1.25em 0; }
.brandednav--country {
display: block; } }
/**Stock Ticker**/
.stock-ticker .stock-arrow {
display: inline-block;
box-shadow: inset 0 0 0 2px;
margin: 0 0.5em;
width: 2px;
height: 9px;
vertical-align: 0;
position: relative;
color: #23b800; }
.stock-ticker .stock-arrow:before {
width: 0;
height: 0;
border-bottom: 6px solid currentcolor;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: '';
position: absolute;
top: -2px;
left: -3px; }
.stock-ticker .stock-down, .stock-ticker .stock-up {
padding-left: 0.5em; }
.stock-ticker .stock-down .stock-arrow {
color: #d52b1e;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
/**Overrides for Header**/
.siteheader .brandednav .dropdown-menu {
z-index: 10; }
/**Overrides for Footer**/
footer .brandednav {
padding: 2em 1em 1em 0; }
footer .brandednav--heading-link {
cursor: default;
pointer-events: none; }
footer .brandednav--heading-link:hover, footer .brandednav--heading-link:focus {
color: inherit;
border-bottom: 0; }
footer .brandednav--heading-link .caret {
display: none; }
footer .brandednav--logos {
/*show*/
max-height: none; }
footer .brandednav--misc {
display: none; }
@media (min-width: 992px) {
footer .brandednav {
padding: 0 3em; }
footer .brandednav--misc {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
/**page templates**/
/*general content page*/
.article {
/*override image styles for articles*/ }
.article--heading-date {
margin: 0 0 1em; }
.article--heading-title {
font-size: 1.2em;
margin: 0; }
.article .content-container, .article .article--row {
max-width: 1200px; }
.article .content-container {
padding: 2em 1em 0; }
.article .article--row {
padding: 0 1em 1em;
margin: 0 auto; }
.article .article--row .col-sm-6, .article .article--row .col-md-6 {
padding: 0; }
.article--body, .article--rail {
padding: 0; }
.article--body h2, .article--rail h2 {
font-size: 1.2em;
margin: 1.5em 0 0.5em; }
.article--body h3, .article--rail h3 {
font-size: 1.1em;
margin: 1em 0 0.5em; }
.article--body h4, .article--rail h4 {
font-size: 1em; }
.article--body h4, .article--body h5, .article--body h6, .article--rail h4, .article--rail h5, .article--rail h6 {
margin: 1em 0 0.5em; }
.article--body .accordion {
margin-top: 1em; }
.article--body .accordion + .accordion {
margin-top: 0; }
.article--rail {
padding-top: 1em;
/*component overrides for right rail only*/ }
.article--rail .socialfollow {
max-width: 600px;
margin: 0 auto 2em; }
.article .image img, .article .adaptiveimage:not(.no-border) img {
border-bottom: 5px solid #d52b1e;
width: 100%; }
.article .accordion--item {
margin: 0 0 0.5em; }
.article .photopromo {
max-width: 500px; }
@media (min-width: 768px) {
.article--heading-title {
font-size: 1.6em; }
.article .article--row .col-sm-6:first-of-type {
padding-right: 0.5em; }
.article .article--row .col-sm-6:last-of-type {
padding-left: 0.5em; } }
@media (min-width: 992px) {
.article .content-container {
padding: 2em 2em 0; }
.article .article--row {
padding: 0 2em 2em; }
.article .article--row .col-md-6:first-of-type {
padding-right: 0.5em; }
.article .article--row .col-md-6:last-of-type {
padding-left: 0.5em; }
.article--body {
padding-right: 1.4em; }
.article--rail {
padding-left: 1em; }
.article--heading-title {
font-size: 2em; } }
/**News Story and Social Page**/
.newsstory, .socialpage {
/*Add more space for news stories*/ }
.newsstory--heading, .socialpage--heading {
background: #d52b1e;
color: #fff; }
.newsstory .article--heading-title, .socialpage .article--heading-title {
margin-bottom: 0.75em; }
.newsstory .content-container, .socialpage .content-container {
padding-bottom: 2.5em; }
.newsstory .article--row, .socialpage .article--row {
padding-top: 1em; }
@media (min-width: 992px) {
.newsstory .article--row, .socialpage .article--row {
padding-top: 2em; } }
/**Social Page**/
.socialpage--heading {
background: none;
color: #191919; }
.socialpage .article--heading-date {
color: #666666; }
.socialpage .content-container {
padding-bottom: 0; }
/**AddThis**/
.addthis_toolbox a {
border: 0; }
/**components**/
.accordion--item {
background: #e5e5e5;
margin: 0 1em 0.5em;
overflow: hidden;
max-width: 1200px;
position: relative;
/*needs this specificity to override when on article*/ }
.accordion--item .accordion--title {
color: #191919;
font-size: 1.1em;
cursor: pointer;
padding: 1em 4em 1em 1em;
margin: 0;
position: relative; }
.accordion--content {
background: #fff;
padding: 0 1em;
/*hide*/
height: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s;
transition: max-height 0.2s; }
.accordion--content img {
display: block;
max-width: 100%;
margin: 0 auto; }
@media (min-width: 1218px) {
.accordion--item {
margin: 0 auto 0.5em; } }
/* rotating plus icon */
.accordion--openclose {
display: block;
outline: 1px solid;
height: 28px;
width: 28px;
position: absolute;
/*bars*/
background: #fff;
color: #666666;
font-size: 1.1em;
/*should match accordion-title*/
top: 30%;
right: 1em; }
.accordion--openclose:before, .accordion--openclose:after {
content: '';
background: currentColor;
position: absolute; }
.accordion--openclose:before {
/*icon vertical bar*/
width: 2px;
height: 18px;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
top: 5px;
right: 13px; }
.accordion--openclose:after {
/*icon horizontal bar*/
height: 2px;
width: 18px;
top: 13px;
right: 5px; }
/*open faq*/
.nojs .accordion--item .accordion--content, .nojs .accordion--item .faq--answer,
.accordion--item.active .accordion--content,
.accordion--item.active .faq--answer {
padding: 1em;
height: auto;
max-height: 6000px;
overflow: auto; }
.nojs .accordion--item .accordion--openclose:before,
.accordion--item.active .accordion--openclose:before {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
/**Component Overrides when in Accordion**/
.accordion--item .adaptiveimage {
margin: 0 auto; }
.amazinghero {
background: #0b8fcf;
color: #fff;
position: relative;
overflow: hidden; }
.amazinghero img {
display: block;
width: 100%;
margin: 0; }
.amazinghero--text {
padding: 1.5em 1em;
}
.amazinghero--text ul{
padding:0;
}
.amazinghero--text ul li{
list-style:none;
}
.hw-txt{
display:flex;
align-items:center;
justify-content:center;
}
.amazinghero--title {
font-size: 1.6em;
margin: 0; }
.amazinghero--date {
font-size: 0.9em; }
.amazinghero--link {
color: #191919; }
.amazinghero--link-video {
display: inline-block;
padding: 0 0 0.5em 2em;
position: relative; }
.amazinghero--link-video:before {
content: '';
background: url("../images/icon-play-black.png") 0 0/100% no-repeat;
height: 30px;
width: 30px;
position: absolute;
top: -0.1em;
left: 0; }
.amazinghero--link-video:hover, .amazinghero--link-video:focus {
border-color: transparent; }
.amazinghero--link-video:hover span, .amazinghero--link-video:focus span {
border-bottom: 1px solid currentColor; }
.amazinghero--social {
text-align: left; }
.amazinghero--social .addthis_toolbox {
min-width: 180px; }
.amazinghero.heading {
margin-bottom: 2em; }
@media (min-width: 992px) {
.amazinghero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items:center;
/*equal width column option*/ }
.amazinghero--img {
-webkit-box-flex: 2;
-ms-flex: 2 0 62%;
flex: 2 0 62%; }
.amazinghero--text {
-webkit-box-flex: 1;
-ms-flex: 1 0 38%;
flex: 1 0 38%;
max-width: 38%; }
.amazinghero--social {
text-align: right; }
.amazinghero--half .amazinghero--img, .amazinghero--half .amazinghero--text {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%; } }
@media (min-width: 1200px) {
.amazinghero--text {
padding: 2em; }
.amazinghero--title {
font-size: 2em; } }
@media (min-width: 1400px) {
.amazinghero--title {
font-size: 2.5em; } }
/*Basic Promo Styles*/
.basicpromo .amazinghero--title {
font-size: 1.4em; }
.basicpromo.theme-black {
background: #191919; }
.basicpromo.theme-white {
background: #fff; }
.basicpromo.theme-grey {
background: #e5e5e5; }
.basicpromo.theme-white, .basicpromo.theme-grey {
color: #191919; }
@media (min-width: 992px) {
.basicpromo.basicpromo--right .amazinghero--img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media (min-width: 992px) {
.basicpromo .amazinghero--title {
font-size: 1.8em; } }
/**Beta Feedback**/
.betafeedback {
background: #d52b1e;
color: #fff;
font-size: 0.9em;
text-align: center;
padding: 0.25em 1em; }
.betafeedback a {
color: #fff;
border-color: currentColor; }
/**Blockquote**/
/*basic styles for blockquote*/
blockquote {
font-size: 1.5em;
border: 0;
padding: 1.25em;
margin: 2em 0; }
blockquote p {
font-size: 1em;
font-weight: 600;
margin: 0; }
blockquote footer {
display: block;
color: #a4a4a4;
font-size: 0.8em;
font-weight: 400;
text-align: right;
padding: 0; }
blockquote footer:before {
content: none; }
/*styles for blockquote component*/
.blockquote {
border-left: 5px solid #d52b1e;
padding: 1.25em;
margin: 2em auto;
max-width: 720px; }
.blockquote blockquote {
padding: 0;
margin: 0; }
/*Brand Promo Styles*/
.brandpromo {
background: #f7f7f7;
color: #191919; }
.brandpromo--linkwrap {
margin: 0; }
.brandpromo .amazinghero--description {
color: #555;
font-size:30px;
font-weight:bold;
}
.brandpromo .amazinghero--link {
display: inline-block;
color: #d52b1e;
font-weight: 600;
margin-bottom: 0.5em; }
.brandpromo .amazinghero--link .caret-icon {
display: inline-block;
color: inherit;
vertical-align: 1px;
width: 11.31371px;
height: 11.31371px;
position: relative; }
.brandpromo .amazinghero--link .caret-icon:before {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
@media (min-width: 992px) {
.brandpromo--right .amazinghero--text {
text-align: right; }
.brandpromo--right .brandpromo--logo {
margin-left: auto; }
.brandpromo--left .amazinghero--text {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media (min-width: 1200px) {
.brandpromo .brandpromo--logo {
margin-bottom: 2em; }
.brandpromo .amazinghero--text {
padding: 4em 3em; } }
/**Carousel Styles**/
/*Swipper Overrides*/
.swiper-wrapper {
list-style: none;
padding-left: 0;
margin: 0; }
.swiper-controls {
color: #191919;
position: absolute;
height: 2em;
min-width: 12em;
bottom: 2em;
z-index: 1; }
.swiper-controls-wrap {
display: inline-block;
position: relative; }
/*dots*/
.swiper-pagination {
width: 100%;
bottom: 0; }
.swiper-pagination-bullet {
background: none;
line-height: 1.2;
border: 2px solid currentColor;
opacity: 1;
width: 12px;
height: 12px;
margin: 0 0.25em; }
.swiper-pagination-bullet-active {
background: currentColor; }
/*arrows*/
.swiper-button-prev, .swiper-button-next {
background: none;
margin-top: 0;
top: auto;
bottom: 0; }
.swiper-button-prev {
width: 22.62742px;
height: 22.62742px;
position: relative;
position: absolute; }
.swiper-button-prev:before {
content: '';
width: 16px;
height: 16px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.swiper-button-next {
width: 22.62742px;
height: 22.62742px;
position: relative;
position: absolute; }
.swiper-button-next:before {
content: '';
width: 16px;
height: 16px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
/*promo carousel*/
.promocarousel {
max-width: 1600px;
margin: 0 auto; }
.promocarousel .swiper-container {
padding-bottom: 5em; }
.promocarousel .swiper-controls {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.promocarousel .contentpromo {
padding: 1em 0.25em 0; }
/*hero carousel*/
.herocarousel {
background: #0b8fcf; }
.herocarousel .amazinghero--text {
padding-bottom: 6em; }
.herocarousel .swiper-controls {
color: #fff;
left: 1em; }
.herocarousel .amazinghero--link {
margin-top: 1em; }
.herocarousel .heading {
margin-bottom: 0; }
@media (min-width: 992px) {
.herocarousel .swiper-controls {
left: auto;
right: 12%;
right: calc(19% - 108px); }
.herocarousel .amazinghero--text {
-webkit-box-flex: 1;
-ms-flex: 1 1 38%;
flex: 1 1 38%;
padding-bottom: 1.5em; } }
@media (min-width: 1200px) {
.herocarousel .amazinghero--text {
padding: 4em 2em; } }
/*Content Promo*/
.contentpromo {
padding: 1em 0;
/*Square ratio for Small Only*/
/*Large Only styles*/ }
.contentpromo--img {
position: relative;
/*gives the container height at specified ratio*/
padding-bottom: 56.25%;
text-align:center;
border:1px solid #ccc;
overflow:hidden;
}
.contentpromo--img > div {
width: 100%;
position: absolute;
left: 0;
/*If the image is cropped, crop the top and bottom and show middle of image*/
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
/*padding:97px;*/
}
.contentpromo--img img {
width:100%;
height:100%!important;
}
.contentpromo--text {
padding: 0.75em 0.75em 0; }
.contentpromo .contentpromo--heading {
font-size: 1em;
margin: 0;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.contentpromo--link {
color: #191919;
font-weight: inherit;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
.contentpromo--link .caret-icon {
display: inline-block;
color: #d52b1e;
vertical-align: 1px;
width: 11.31371px;
height: 11.31371px;
position: relative; }
.contentpromo--link .caret-icon:before {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.contentpromo--link:hover, .contentpromo--link:focus {
color: #d52b1e; }
.contentpromo--description {
margin: 0.75em 0; }
.contentpromo--description p {
margin: 0; }
.contentpromo--small.contentpromo--square .contentpromo--img {
position: relative;
/*gives the container height at specified ratio*/
padding-bottom: 100%;
}
.contentpromo--small.contentpromo--square .contentpromo--img > div {
width: 100%;
position: absolute;
left: 0;
/*If the image is cropped, crop the top and bottom and show middle of image*/
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.contentpromo--large .contentpromo--img {
position: relative;
/*gives the container height at specified ratio*/
padding-bottom: 66.66667%;
overflow: hidden; }
.contentpromo--large .contentpromo--img > div {
width: 100%;
position: absolute;
left: 0;
/*If the image is cropped, crop the top and bottom and show middle of image*/
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.contentpromo--list {
margin-bottom: 0; }
.contentpromo--list .contentpromo--link {
color: #d52b1e; }
.contentpromo--item:not(:last-child) {
padding-bottom: 0.5em; }
/*helper class for fixing spacing on content promos*/
@media (min-width: 1218px) {
.contentpromo--ctn-large [class^="col-"]:first-child, .contentpromo--ctn-large [class*=" col-"]:first-child {
padding-left: 0; }
.contentpromo--ctn-small [class^="col-"]:first-child, .contentpromo--ctn-small [class*=" col-"]:first-child {
padding-left: 0; }
.contentpromo--ctn-small [class^="col-"]:nth-child(2), .contentpromo--ctn-small [class*=" col-"]:nth-child(2) {
padding-left: 7.5px;
padding-right: 7.5px; }
.contentpromo--ctn-small [class^="col-"]:last-child, .contentpromo--ctn-small [class*=" col-"]:last-child {
padding-right: 0; } }
/*Disclaimer Styles*/
.disclaimer {
padding: 0 1.5em 1em; }
.disclaimer--content {
color: #666666;
font-size: 0.9em; }
.disclaimer--content p {
margin: 0 0 1em; }
/**Featured News Story**/
.featurednews .amazinghero--link {
font-size: 1.1em;
font-weight: 600; }
.featurednews .caret-icon {
display: inline-block;
vertical-align: 1px;
width: 0.56569em;
height: 0.56569em;
position: relative; }
.featurednews .caret-icon:before {
content: '';
width: 0.4em;
height: 0.4em;
border-top: 0.1em solid;
border-right: 0.1em solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
@media (min-width: 768px) {
.featurednews .amazinghero--link {
font-size: 1.2em; } }
@media (min-width: 1400px) {
.featurednews .amazinghero--link {
font-size: 1.4em; } }
/*Company Fact/Financials*/
.irfacts {
margin: 1em 0 2em;
/*slider*/ }
.irfacts--wrap {
max-width: 1200px;
margin: 0 auto; }
.irfacts--item {
background: #e5e5e5;
padding: 2em 1em; }
.irfacts--item h2 {
margin: 0 0 1em; }
.irfacts--item h3 {
font-size: 1em;
margin: 0; }
.irfacts--item p {
margin: 0 0 1em; }
.irfacts--financials {
background: #3e3e3f;
color: #fff; }
.irfacts--slider {
max-width: 600px;
margin: 0 auto;
position: relative; }
.irfacts .irfacts--slideheading {
font-weight: 400;
text-align: center;
margin: 0 auto;
width: 60%; }
.irfacts--slideimg {
display: block;
max-width: 100%;
margin: 0 auto 2em; }
.irfacts .swiper-controls {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff; }
@media (min-width: 992px) {
.irfacts {
background: -webkit-linear-gradient(left, #e5e5e5 0%, #e5e5e5 50%, #3e3e3f 50%, #3e3e3f 100%);
background: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 50%, #3e3e3f 50%, #3e3e3f 100%); }
.irfacts--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.irfacts--item {
background: none;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%; } }
@media (min-width: 1200px) {
.irfacts--facts {
padding-right: 3em; }
.irfacts--financials {
padding-left: 3em; } }
/*Global Form Styles*/
.form::-moz-placeholder {
color: #a4a4a4;
opacity: 1; }
.form:-ms-input-placeholder {
color: #a4a4a4; }
.form::-webkit-input-placeholder {
color: #a4a4a4; }
.form .btn-submit {
background: #d52b1e;
color: #fff;
cursor: pointer;
border: 0;
padding: 0.5em 1em;
margin: 1em 0;
-webkit-transition: background 0.2s;
transition: background 0.2s; }
.form .btn-submit:hover, .form .btn-submit:focus {
background: #b01200; }
.form-control {
color: #191919;
border: 1px solid #cccccc;
border-radius: 0;
box-shadow: none; }
select.form-control {
background: #fff url("../images/bg-select-down.png") no-repeat 94% 50%;
background-size: 14px, 100%;
padding-right: 2.5em;
/*remove default styles*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
select.form-control::-ms-expand {
display: none; }
.form-list {
list-style: none;
padding-left: 0;
margin: 0; }
/**Custom Checkboxes**/
/*
Hide the original radios and checkboxes
(but still accessible)
:not(#foo) > is a rule filter to block browsers
that don't support that selector from
applying rules they shouldn't
*/
.form li:not(#foo) > input[type='checkbox'], .form li:not(#foo) > input[type='radio'] {
/* Hide the input, but have it still be clickable */
opacity: 0;
float: left;
margin-left: 0;
width: 20px; }
.form li:not(#foo) > input[type='checkbox'] + label, .form li:not(#foo) > input[type='radio'] + label {
text-transform: none;
margin: 0;
clear: none;
/* Left padding makes room for image */
padding: 0.25em 0 0.25em 1.8em;
/* Make look clickable because they are */
cursor: pointer; }
.form li:not(#foo) > input[type='checkbox'], .form li:not(#foo) > input[type='radio'] {
/*add viewable outline around label when input is in focused state*/ }
.form li:not(#foo) > input[type='checkbox'] + label, .form li:not(#foo) > input[type='radio'] + label {
background: url("../images/icon-unchecked.png") left center no-repeat;
background-size: 20px; }
.form li:not(#foo) > input[type='checkbox']:focus + label, .form li:not(#foo) > input[type='radio']:focus + label {
outline: thin dotted #191919; }
.form li:not(#foo) > input[type='radio'] + label {
background: url("../images/icon-radio-unchecked.png") left center no-repeat;
background-size: 20px; }
/*
Change from unchecked to checked graphic
*/
.form li:not(#foo) > input[type='checkbox']:checked + label {
background-image: url("../images/icon-checked.png");
background-size: 20px; }
.form li:not(#foo) > input[type='radio']:checked + label {
background-image: url("../images/icon-radio-checked.png");
background-size: 20px; }
/*Form Errors*/
div.error, li.error, .form--radio-group.error {
color: #d52b1e; }
div.error legend, li.error legend, .form--radio-group.error legend {
color: #d52b1e; }
div.error label.error, li.error label.error, .form--radio-group.error label.error {
color: inherit;
font-size: 0.9em;
margin-top: 0.25em; }
div.error .form-control, li.error .form-control, .form--radio-group.error .form-control {
color: #d52b1e;
border-color: #d52b1e; }
/*every input but check and radio boxes*/
div.error label.error {
display: block; }
/*Standard Forms*/
.form--standard {
padding: 1em;
max-width: 700px;
margin: 0 auto; }
.form--standard .row {
margin-left: -15px;
margin-right: -15px; }
.form--standard label {
color: #666666;
font-weight: 400; }
.form--standard .form-group {
margin-bottom: 1.2em; }
.form--standard .form-control {
color: #666666; }
/*Job Search Form*/
.jobsearch {
background: #d52b1e;
color: #fff;
padding: 1.6em;
margin: 0 auto 2em;
max-width: 600px; }
.jobsearch .jobsearch--heading {
margin-top: 0; }
.jobsearch .btn-submit {
background: #191919;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
.jobsearch .btn-submit:hover, .jobsearch .btn-submit:focus {
background: #3b3b3b; }
/*Three Column Promo Styles*/
.threecolumnpromo--promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*not using shorthand because of changing widths*/
border-color: #191919;
border-style: solid;
border-width: 0;
border-bottom-width: 0.5em; }
.threecolumnpromo--promo .threecolumnpromo--img, .threecolumnpromo--promo .threecolumnpromo--text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%; }
.threecolumnpromo--img > div {
position: relative;
/*gives the container height at specified ratio*/
padding-bottom: 75%;
overflow: hidden; }
.threecolumnpromo--img > div > img {
position: absolute;
left: 0;
/*If the image is cropped, crop the top and bottom and show middle of image*/
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.threecolumnpromo--img img {
display: block;
max-width: 100%;
margin: 0 auto; }
.threecolumnpromo--text {
padding: 2em 1em 3em; }
.threecolumnpromo--title {
font-size: 1.1em;
margin: 0; }
.threecolumnpromo--description {
color: #666666;
margin: 0.5em 0;
height:100px;
overflow:hidden;
}
.threecolumnpromo--description p {
margin: 0; }
.threecolumnpromo--link .caret-icon {
display: inline-block;
color: inherit;
vertical-align: 1px;
width: 11.31371px;
height: 11.31371px;
position: relative; }
.threecolumnpromo--link .caret-icon:before {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
@media (min-width: 768px) {
.threecolumnpromo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.threecolumnpromo--bottom .threecolumnpromo--img {
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.threecolumnpromo--promo {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 33.3333%;
border-bottom-width: 0;
border-left-width: 0.25em;
border-right-width: 0.25em; } }
@media (min-width: 992px) {
.threecolumnpromo--text {
padding: 3em 2em 6em; } }
@media (min-width: 1200px) {
.threecolumnpromo--text {
padding-left: 3em;
padding-right: 3em; } }
/*Logo Promo Styles*/
.logopromo {
text-align: center;
border-top: 0.5em solid #191919;
padding: 2em 1em; }
.logopromo--text {
max-width: 50em;
margin: 0 auto; }
.logopromo--text p {
margin: 0; }
.logopromo--text p + p {
margin-top: 0.5em; }
.logopromo--text + .logopromo--list {
padding-top: 0.5em; }
.logopromo--list {
list-style: none;
padding-left: 0;
margin: 0; }
.logopromo--list > li {
display: inline-block;
vertical-align: middle; }
.logopromo--item {
margin: 0.5em 0; }
.logopromo--item:not(:last-child) .logopromo--link {
border-right: 1px solid #cccccc; }
.logopromo--link {
display: block;
opacity: 0.8;
padding: 0 1em;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s; }
.logopromo--link:hover, .logopromo--link:focus {
border-color: transparent;
opacity: 1; }
/*News Promos and Filter and Awards/Industry Promo*/
.newspromo, .newsfilter, .industrypromo {
padding: 1em;
margin: 0 auto;
max-width: 1600px; }
.newspromo--heading, .newsfilter--heading, .industrypromo--heading {
font-size: 1.2em;
margin: 1em 0 0.5em; }
.newspromo--description, .newsfilter--description, .industrypromo--description {
margin-bottom: 2em; }
.newspromo--promo, .newsfilter--promo, .industrypromo--promo {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
color: #191919;
border-top: 1px solid #e5e5e5;
padding: 1em 0;
margin: 0 auto;
max-width: 480px; }
.newspromo--promo-wrap, .newsfilter--promo-wrap, .industrypromo--promo-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items:center;
}
.newspromo--img, .newspromo--text, .newsfilter--img, .newsfilter--text, .industrypromo--img, .industrypromo--text {
display: inline-block;
vertical-align: top; }
.newspromo--img, .newsfilter--img, .industrypromo--img {
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
width: 40%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
padding: 0.25em 1em 0 0; }
.newspromo--img img, .newsfilter--img img, .industrypromo--img img {
display: block;
width: 100%;
margin: 0 auto; }
.newspromo--text, .newsfilter--text, .industrypromo--text {
-webkit-box-flex: 2;
-ms-flex: 2 0 60%;
flex: 2 0 60%;
padding-right: 1em; }
.newspromo--date, .newspromo--tagline, .newsfilter--date, .newsfilter--tagline, .industrypromo--date, .industrypromo--tagline {
color: #666666;
font-size: 0.8em;
margin: 0 0 0.25em; }
.newspromo--link, .newsfilter--link, .industrypromo--link {
color: #191919;
font-weight: 600; }
.newspromo--link:hover, .newspromo--link:focus, .newsfilter--link:hover, .newsfilter--link:focus, .industrypromo--link:hover, .industrypromo--link:focus {
color: #d52b1e;
border-color: transparent; }
.newspromo--link p{
font-size: 14px;
color: #666;
font-weight: normal;
}
.newspromo .caret-icon, .newsfilter .caret-icon, .industrypromo .caret-icon {
display: inline-block;
color: #d52b1e;
vertical-align: 1px;
width: 9.89949px;
height: 9.89949px;
position: relative; }
.newspromo .caret-icon:before, .newsfilter .caret-icon:before, .industrypromo .caret-icon:before {
content: '';
width: 7px;
height: 7px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.newspromo--cta-wrap, .newsfilter--cta-wrap, .industrypromo--cta-wrap {
text-align: center;
padding: 1.5em 1em; }
.newspromo--cta-wrap a, .newsfilter--cta-wrap a, .industrypromo--cta-wrap a {
font-weight: 600; }
@media (min-width: 768px) {
.newspromo--content, .newsfilter--content, .industrypromo--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -2%; }
.newspromo--promo, .newsfilter--promo, .industrypromo--promo {
-webkit-box-flex: 0;
-ms-flex: 0 1 46%;
flex: 0 1 46%;
max-width: none;
margin: 0 2%; }
.newspromo--link, .newsfilter--link, .industrypromo--link {
display: inline-block;
padding-bottom: 0; }
.newspromo--social, .newsfilter--social, .industrypromo--social {
padding-top: 2em; } }
/*Industy/Awards Promos*/
.industrypromo--promo {
border-top: 0;
border-bottom: 1px solid #e5e5e5; }
.industrypromo--promo:nth-child(-n+1) {
border-top: 1px solid #e5e5e5; }
@media (min-width: 768px) {
.industrypromo--promo:nth-child(-n+2) {
border-top: 1px solid #e5e5e5; } }
/*filtered newspromos*/
/**News Filter**/
.newsfilter {
padding: 1em 1em 0; }
.newsfilter--heading {
margin-left: 0; }
.newsfilter--description {
margin-bottom: 1em; }
.newsfilter--options {
padding: 1em 0 0; }
.newsfilter--option {
margin-bottom: 1em; }
.newsfilter--option select {
background-color: #f4f4f4; }
@media (min-width: 400px) {
.newsfilter--option label {
display: inline-block;
width: 12%; }
.newsfilter--option select {
display: inline-block;
width: 84%;
margin-left: 2%; } }
@media (min-width: 768px) {
.newsfilter--option {
display: inline-block;
width: 46%;
max-width: 360px;
margin-right: 2%; } }
/**Press Releases**/
.newsreleases .newspromo--content {
min-height: 200px;
position: relative; }
.newsreleases .newspromo--empty {
text-align: center;
width: 100%; }
.newsreleases .newspromo--social {
padding-top: 0; }
.newsreleases .newspromo--text {
padding: 0 1em; }
@media (min-width: 768px) {
.newsreleases .newspromo--promo {
-webkit-box-flex: 0;
-ms-flex: 0 1 29%;
flex: 0 1 29%;
border-bottom: 1px solid #e5e5e5; } }
/*Photo Promo*/
.photopromo {
display: block;
border-bottom: 5px solid #d52b1e;
margin: 0 auto 0.5em;
max-width: 600px;
position: relative; }
.photopromo--img {
position: relative;
/*gives the container height at specified ratio*/
padding-bottom: 66.66667%;
overflow: hidden; }
.photopromo--img > div {
width: 100%;
position: absolute;
left: 0;
height:100%;
display:flex;
align-items:center;
justify-content:center;
/*If the image is cropped, crop the top and bottom and show middle of image*/
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.photopromo--img img {
display: block;
height: 100%; }
.photopromo--text-wrap {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.photopromo--text {
background: rgba(25, 25, 25, 0.6);
color: #fff;
padding: 1em 1em 0;
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0; }
.photopromo .photopromo--heading {
font-size: 1.1em;
margin-top: 0;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
.photopromo .photopromo--heading .caret-icon {
display: inline-block;
color: #d52b1e;
vertical-align: 1px;
width: 9.89949px;
height: 9.89949px;
position: relative; }
.photopromo .photopromo--heading .caret-icon:before {
content: '';
width: 7px;
height: 7px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.photopromo--description {
font-size: 0.9em;
margin: 0; }
.photopromo--description p {
margin-top: 0; }
.photopromo:hover, .photopromo:focus {
color: #d52b1e; }
.photopromo:hover .photopromo--heading, .photopromo:focus .photopromo--heading {
color: #d52b1e; }
@media (min-width: 480px) {
.photopromo--text {
background: rgba(25, 25, 25, 1);
padding-top: 1em;
top: auto; }
.photopromo .photopromo--heading {
margin-bottom: 1em; } }
@media (min-width: 992px) {
.photopromo {
margin: 0; } }
.relatedlinks {
padding: 0 0 1em;
margin: 0 auto 2em;
max-width: 600px; }
.relatedlinks .relatedlinks--heading {
/*needs this specificity*/
font-size: 1.1em;
border-bottom: 1px solid #cccccc;
padding: 0 0 0.5em;
margin: 0; }
.relatedlinks--content {
list-style: none;
padding-left: 0;
margin: 0; }
.relatedlinks--item {
border-bottom: 1px solid #cccccc;
padding: 0.75em 0; }
.relatedlinks--link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items:center;
color: #191919; }
.relatedlinks--link .caret-icon {
display: inline-block;
color: #d52b1e;
vertical-align: 1px;
width: 9.89949px;
height: 9.89949px;
position: relative; }
.relatedlinks--link .caret-icon:before {
content: '';
width: 7px;
height: 7px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.relatedlinks--link:hover, .relatedlinks--link:focus {
color: #d52b1e;
border-color: transparent; }
.relatedlinks--img, .relatedlinks--text {
display: inline-block;
vertical-align: top; }
.relatedlinks--img {
-webkit-box-flex: 1;
-ms-flex: 1 0 33.3333%;
flex: 1 0 33.3333%;
max-width: 33.3333%;
padding: 0.25em 1em 0 0; }
.relatedlinks--img img {
display: block;
max-width: 100%;
margin: 0 auto; }
.relatedlinks--img-ratio {
position: relative;
/*gives the container height at specified ratio*/
padding-bottom: 56.25%;
overflow: hidden;
display:flex;
align-items:center;
justify-content:center;
}
.relatedlinks--img-ratio > img {
position: absolute;
left: 0;
height:100%;
/*If the image is cropped, crop the top and bottom and show middle of image*/
top: 0; }
.relatedlinks--text {
-webkit-box-flex: 2;
-ms-flex: 2 0 66.6667%;
flex: 2 0 66.6667%;
font-size: 0.85em;
padding-top: 0.25em; }
.sectionheading {
margin-top:40px;
background: #191919;
color: #fff;
text-align: center;
padding: 1em; }
.sectionheading--heading, .sectionheading--description {
max-width: 42em;
margin: 0 auto; }
.sectionheading--heading {
font-size: 1.3em; }
.sectionheading--description p {
margin: 0; }
.sectionheading--description p + p {
margin-top: 0.5em; }
@media (min-width: 768px) {
.sectionheading--heading {
font-size: 1.6em; } }
/*Search Results*/
.search-results {
max-width: 1200px;
padding: 1em 1em 4em;
margin: 0 auto;
position: relative; }
@media (min-width: 1218px) {
.search-results {
padding-left: 0;
padding-right: 0; } }
/*Swifttype Styles*/
.st-default-search-input {
margin-bottom: 1em; }
/*set in Swifttype settings
Link color - #d52b1e - red
Highlight color - #f5f5f5 */
.socialfollow {
background: #e5e5e5;
padding: 1.6em;
margin: 1em 1em 2em;
max-width: 1200px; }
.socialfollow .socialfollow--heading {
font-size: 1.4em;
line-height: 1.2;
margin: 0; }
.socialfollow--description {
margin: 0.75em 0; }
.socialfollow--list {
list-style: none;
padding-left: 0;
margin: 0;
padding-top: 0.25em; }
.socialfollow--list > li {
display: inline-block;
vertical-align: middle; }
.socialfollow--item {
margin: 0 0.5em 0.5em 0; }
.socialfollow--link {
display: block;
background: #d52b1e;
padding: 0.5em; }
.socialfollow--link:hover, .socialfollow--link:focus {
background: #191919; }
.socialfollow--icon {
display: block;
width: 24px;
margin: 0 auto; }
@media (min-width: 1218px) {
.socialfollow {
margin: 1em auto 2em; } }
/*Social News*/
.socialnews {
padding: 1em;
margin: 0 auto;
max-width: 1200px; }
.socialnews--content {
padding-bottom: 2em; }
.socialnews--item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #e5e5e5;
color: #191919;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1em;
width: 100%;
min-height: 369px; }
.socialnews--item.hide {
height: 0;
max-height: 0;
min-height: auto;
overflow: hidden;
margin-bottom: 0; }
.socialnews--item:nth-child(3n+2) {
background: #4e4e4e;
color: #fff; }
.socialnews--item:nth-child(3n+2) .socialnews--date {
color: #fff; }
.socialnews--twitter {
color: #fff; }
.socialnews--twitter .socialnews--date {
color: #fff; }
.socialnews--twitter {
background: #05a0f6;
text-align: center;
padding-top: 3em;
min-height: 914px; }
.socialnews--twitter .socialnews--description {
position: relative; }
.socialnews--twitter .socialnews--description:before {
content: '';
background: url(../images/twitter.svg) 0 0/100% no-repeat;
width: 2.5em;
height: 2.5em;
position: absolute;
top: -3.5em;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.socialnews--twitter .socialnews--description a {
color: inherit;
text-decoration: underline;
-webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
text-decoration-color: rgba(255, 255, 255, 0.8);
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
border-bottom: 0; }
.socialnews--img, .socialnews--text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
padding: 1em; }
.socialnews--img iframe, .socialnews--text iframe {
height: 800px !important; }
.socialnews--img img {
display: block;
max-width: 100%;
margin: 0 auto; }
.socialnews--date {
color: #666666;
margin-top: 0; }
.socialnews--link {
color: inherit;
font-weight: 600; }
.socialnews--link:hover, .socialnews--link:focus {
color: #d52b1e;
border-color: transparent; }
.socialnews .caret-icon {
display: inline-block;
vertical-align: 1px;
width: 9.89949px;
height: 9.89949px;
position: relative; }
.socialnews .caret-icon:before {
content: '';
width: 7px;
height: 7px;
border-top: 2px solid;
border-right: 2px solid;
position: absolute;
left: 2px;
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.socialnews--cta-wrap {
text-align: center; }
@media (min-width: 768px) {
.socialnews .grid-sizer, .socialnews--item {
width: 48%; }
.socialnews .gutter-sizer {
width: 2%; } }
@media (min-width: 992px) {
.socialnews--img, .socialnews--text {
width: 48%;
padding: 1em; }
.socialnews--img {
padding-right: 0; } }
@media (min-width: 1218px) {
.socialnews {
padding-left: 0;
padding-right: 0; } }
/*Video*/
.video {
padding: 0;
margin: 0 auto 1em; }
.video .video--title {
font-size: 1.2em;
margin: 0 0 0.5em; }
.video--link {
display: block;
position: relative; }
.video--link img {
display: block;
border-bottom: 5px solid #d52b1e;
width: 100%;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s; }
.video--link:before {
content: '';
background: url("../images/icon-play.png") 0 0/100% no-repeat;
height: 60px;
width: 60px;
position: absolute;
bottom: 1em;
left: 1em;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s; }
.video--link:hover, .video--link:focus, .video--link:active {
color: #d52b1e;
border-color: transparent; }
.video--link:hover:before, .video--link:focus:before, .video--link:active:before {
opacity: 0.8; }
.video--link:focus {
outline: 1px solid; }
.video--text {
padding: 1em 0.5em; }
/*Interactive*/
.interactive-container {
max-width: 800px;
margin-bottom: 1em; }
.interactive-container .responsive-embed-container {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0; }
.interactive-container .responsive-embed-container iframe, .interactive-container .responsive-embed-container object, .interactive-container .responsive-embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/**print*/
/*! Source: html5-boilerplate 5.3.0 main.css */
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important;
/* Black prints faster:
http://www.sanbeiji.com/archives/953 */
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 that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after,
.siteheader--logo a:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
/*Hiding Things*/
.betafeedback, .hamburgernav, .siteheader--search, .sectionnav, .quicknav, .brandednav, .footer-nav, .jobsearch {
display: none !important; }
/*sliders*/
.herocarousel {
background: #fff; }
.swiper-controls, .swiper-slide-duplicate {
display: none !important; }
.swiper-wrapper {
display: block;
-webkit-transform: none !important;
transform: none !important; }
.swiper-slide {
width: auto !important;
height: auto; }
.swiper-slide .amazinghero {
display: block; }
/*accordion*/
.accordion--content {
padding: 1em !important;
height: auto !important;
max-height: none !important; }
.accordion--openclose {
display: none; }
/*borders*/
.video--link img, .adaptiveimage img, .blockquote, blockquote, .photopromo {
border: 0 !important; }
/*photopromo*/
.photopromo--img {
padding-bottom: 1em; }
.photopromo--img > div {
position: static;
-webkit-transform: none;
transform: none; }
.photopromo--text-wrap {
position: static; }
.photopromo--text {
background: none;
color: #000;
position: static; } }
.hw-list{
padding-left:0;
background: #f5f5f5;
}
.hw-list:nth-of-type(even){
padding-right:0!important;
padding-left:15px;
}
.hw-content h1:before{
content:"▎";
color:#d52b1e;
}
.hw-content div.date{
border:1px dashed #ccc;
padding:10px;
}
.hw-content div.date span{
margin-right:20px;
}
.hw-content img{
max-width:100%;
text-align:center;
margin:20px 0;
}
.hw-more{
padding:5px 10px;
background-color:#d52b1e;
display:inline-block;
font-size:14px;
color:#fff;
border-radius:5px;
margin:15px 0 0;
}
@media (max-width: 1220px){
.hw-content{
padding:0 2%;
}
}
@media (max-width: 992px){
.hw-txt{
display:none;
}
.footer-nav{
display:none;
}
}
@media (max-width: 500px){
.newspromo--link{
font-size:14px;
}
.hw-more{
display:none;
}
}
.hw-page{
border-top:1px solid #ccc;padding-top:20px;margin-top:80px;
}
.pagelist ul{
display:flex;
align-items:center;
justify-content:center;
margin:80px auto 40px;
}
.pagelist ul li{
list-style:none;
text-align:center;
}
.pagelist ul li a{
border-radius:5px !important;
margin-left:5px;
width:30px;
height:30px;
line-height:30px;
display:block;
background-color:#ccc;
color:#fff;
}
.pagelist ul li:first-child a,.pagelist ul li:last-child a{
width:auto;
padding:0 10px;
background:#ccc;
color:#fff;
}
.pagelist ul li.page-active a{
background:#d52b1e;
color:#fff;
}
.hw-about{
height:100px;
overflow:hidden;
}
.hw-case-img img{
width:100%;
height:100%;
}
.search-title h2{
text-align:center;
}
@media (max-width: 600px) {
.mainnav{
width:100%;
}
.search-inputctn {
display:none;
}
}
*