iframe[ng-iframe-resizer] {
width: 100%;
}
@-moz-keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
-moz-animation: three-quarters-loader 1250ms infinite linear;
-webkit-animation: three-quarters-loader 1250ms infinite linear;
animation: three-quarters-loader 1250ms infinite linear;
border: 8px solid;
border-radius: 16px;
box-sizing: border-box;
display: inline-block;
position: relative;
overflow: hidden;
text-indent: -9999px;
width: 32px;
height: 32px;
}
.show-spinner.show-spinner-iframe, .show-spinner.show-spinner-iframe .three-quarters-loader {
margin: 0;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
/** Modified by HS2 - see https://github.com/kenwheeler/slick/issues/1274 **/
cursor: hand;
cursor: -webkit-grab;
cursor: grab;
}
.slick-list:focus {
outline: none;
}
/** Modified by HS2 - see https://github.com/kenwheeler/slick/issues/1274 **/
.slick-list.isdragging {
cursor: pointer;
cursor: hand;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.slick-slider:not(.noSlickTranslate3d) .slick-track,
.slick-slider:not(.noSlickTranslate3d) .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: flex;
align-items: center;
}
.slide {
display: flex !important;
align-items: center !important;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
/** Modified by HS2 - see https://github.com/kenwheeler/slick/issues/1274 **/
.slick-slide.isdragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
background: #ffffff url('../../../../etc.clientlibs/clientlibs/external/fmmp-altered/slick-carousel/resources/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('../../../../etc.clientlibs/clientlibs/external/fmmp-altered/slick-carousel/resources/fonts/slick.eot');
src: url('../../../../etc.clientlibs/clientlibs/external/fmmp-altered/slick-carousel/resources/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/clientlibs/external/fmmp-altered/slick-carousel/resources/fonts/slick.woff') format('woff'), url('../../../../etc.clientlibs/clientlibs/external/fmmp-altered/slick-carousel/resources/fonts/slick.ttf') format('truetype'), url('../../../../etc.clientlibs/clientlibs/external/fmmp-altered/slick-carousel/resources/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '←';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
width: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
/* HEADER PAGE NAV */
.site-nav {
position: relative;
}
.site-nav,
.page-site-nav-container {
height: 68px;
}
.page-site-nav-container {
left: 0;
top: 0;
position: absolute;
width: calc(101%);
z-index: 1005;
}
.page-site-nav-container img {
max-height: 50px;
}
.page-site-nav-container div.image {
margin-bottom: 0px;
}
.page-site-nav-container .page-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0;
max-width: 1441px;
padding-left: 40px;
position: relative;
text-transform: uppercase;
}
.page-site-nav-container .page-container .page-site-nav-item {
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container {
-moz-flex: 20 auto;
-ms-flex: 20 auto;
-webkit-flex: 20 auto;
flex: 20 auto;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: 0;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li {
list-style-type: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li:before {
content: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li {
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
position: inherit;
text-align: center;
/* CHILD NAVIGATION ITEMS */
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li.vertical-parent {
position: relative;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > a {
display: block;
height: 66px;
line-height: 66px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 0;
left: 0;
margin-left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 66px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul > li {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li:hover > ul {
height: auto;
opacity: 1;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a {
height: 100%;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a .link-label-background,
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a .has-bg {
height: 100%;
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell {
height: 100%;
vertical-align: middle;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell:hover:before {
background: #000000;
opacity: 0.2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell > div.link-label {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
padding: 10%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image {
/**
* Here be dragons!
* __ __
* The following seven selectors are required because _/! \ _(\(o)
* there is no inherent way to force all child columns /! ! \ / _ ^^(o
* in a flexbox container to be the same width. Any /!! ! ! \/ ! '---v'
* length variation in the .link-label content would !! !! \ _' ( \____
* change the width of the list items. ! . \ _!\^^ \===^\)
*/
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li {
border-right: 1px solid #CCC;
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li:last-of-type {
border-right: 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a {
display: block;
padding-bottom: calc(237px);
position: relative;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a:hover .link-image {
opacity: 0.7;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a .link-image {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
height: 207px;
margin-bottom: 30px;
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a .link-label {
padding: 30px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='2'] li {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='3'] li {
-moz-flex-basis: 33.333333%;
-ms-flex-basis: 33.333333%;
-webkit-flex-basis: 33.333333%;
flex-basis: 33.333333%;
max-width: 33.333333%;
width: 33.333333%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='4'] li {
-moz-flex-basis: 25%;
-ms-flex-basis: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
width: 25%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='5'] li {
-moz-flex-basis: 20%;
-ms-flex-basis: 20%;
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
width: 20%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='6'] li {
-moz-flex-basis: 16.666666%;
-ms-flex-basis: 16.666666%;
-webkit-flex-basis: 16.666666%;
flex-basis: 16.666666%;
max-width: 16.666666%;
width: 16.666666%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='7'] li {
-moz-flex-basis: 14.2857142%;
-ms-flex-basis: 14.2857142%;
-webkit-flex-basis: 14.2857142%;
flex-basis: 14.2857142%;
max-width: 14.2857142%;
width: 14.2857142%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty='8'] li {
-moz-flex-basis: 12.5%;
-ms-flex-basis: 12.5%;
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
width: 12.5%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a {
height: 100%;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a .link-label-background,
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a .has-bg {
height: 100%;
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell {
height: 100%;
vertical-align: middle;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell:hover:before {
background: #000000;
opacity: 0.2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell > div.link-label {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
opacity: 0;
padding: 10%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 10;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a:hover > div.link-label-table-cell > div.link-label {
opacity: 1;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li {
text-align: center;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li a {
letter-spacing: normal;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical {
display: block;
-moz-flex: none;
-ms-flex: none;
-webkit-flex: none;
flex: none;
left: 50%;
position: absolute;
top: 66px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: auto;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li {
padding: 4px 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li:first-child {
margin-top: 10px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li:last-child {
margin-bottom: 5px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li a {
display: block;
min-width: 220px;
padding: 11px 22px;
text-align: center;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level li {
text-align: left;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level li a {
letter-spacing: normal;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li {
margin: 29px 0 34px 0;
padding: 0 2.5% 0 4%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a {
font-size: 25px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul {
margin-top: 9px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a {
display: block;
padding: 5px 0;
text-transform: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
cursor: pointer;
display: none;
float: left;
height: 62px;
position: relative;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu {
font-size: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list {
font-kerning: auto;
letter-spacing: 0.1em;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-logo {
vertical-align: middle;
}
.page-site-nav-container .page-container .page-site-nav-parts {
float: right;
font-kerning: auto;
letter-spacing: 0.1em;
white-space: nowrap;
}
.page-site-nav-container .page-container .page-site-nav-parts a {
line-height: 66px;
margin-right: -1px;
padding: 23px 40px 24px;
}
/* POSITION FIXED AFTER SCROLLING PAST GLOBAL NAV */
.site-nav.active .page-site-nav-container {
left: 0;
margin: 0 auto;
max-width: 1441px;
position: fixed;
right: 0;
width: 100%;
}
.site-nav.active .page-site-nav-container .page-container {
border-top: 0;
}
/* AUTHOR MODE DOESN'T REALLY HAVE A REAL SCROLL, SO WE HAVE TO IMPROVISE */
.aem-AuthorLayer-Preview .site-nav .page-container {
width: 100%;
}
@media all and (max-width: 1024px) {
.page-site-nav-container {
padding-left: 0;
text-align: center;
width: 100%;
}
.page-site-nav-container .page-container {
padding: 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container,
.page-site-nav-container .page-container .page-site-nav-parts-container {
max-width: 100px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container {
float: left;
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
order: -1;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
display: inline-block;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list {
display: none;
}
.page-site-nav-container .page-container .page-site-nav-item {
display: inline-block;
}
.page-site-nav-container .page-container .page-site-nav-logo {
max-width: 82%;
}
.page-site-nav-container .page-container .page-site-nav-logo div.image img {
margin: 0 auto;
}
}
@media all and (max-width: 767px) {
.site-nav,
.page-site-nav-container {
height: 48px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
height: 48px;
max-width: 68px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu {
font-size: 30px;
}
.page-site-nav-container .page-container .page-site-nav-parts a {
padding: 14px;
width: 70px;
}
}
@media all and (max-width: 480px) {
.site-nav,
.page-site-nav-container {
height: 91px;
}
.site-nav .page-container,
.page-site-nav-container .page-container {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-nav .page-container .page-site-nav-item,
.page-site-nav-container .page-container .page-site-nav-item {
-moz-flex: 1 0 80%;
-ms-flex: 1 0 80%;
-webkit-flex: 1 0 80%;
flex: 1 0 80%;
}
.site-nav .page-container .page-site-nav-item-menu-container,
.page-site-nav-container .page-container .page-site-nav-item-menu-container {
-moz-flex: 1 1 10%;
-ms-flex: 1 1 10%;
-webkit-flex: 1 1 10%;
flex: 1 1 10%;
}
.site-nav .page-container .page-site-nav-parts-container,
.page-site-nav-container .page-container .page-site-nav-parts-container {
display: block;
max-width: 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.site-nav .page-container .page-site-nav-parts-container .page-site-nav-parts,
.page-site-nav-container .page-container .page-site-nav-parts-container .page-site-nav-parts {
float: none;
}
.site-nav .page-container .page-site-nav-parts-container .page-site-nav-parts a,
.page-site-nav-container .page-container .page-site-nav-parts-container .page-site-nav-parts a {
width: 100%;
display: block;
margin-bottom: -1px;
}
}
/* HEADER PAGE NAV */
.site-nav {
position: relative;
}
.site-nav,
.page-site-nav-container {
height: 68px;
}
.page-site-nav-container {
left: 0;
top: 0;
position: absolute;
width: calc(101%);
z-index: 1005;
}
.page-site-nav-container img {
max-height: 50px;
}
.page-site-nav-container div.image {
margin-bottom: 0px;
}
.page-site-nav-container .page-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0;
max-width: 1441px;
padding-left: 40px;
position: relative;
text-transform: uppercase;
}
.page-site-nav-container .page-container .page-site-nav-item {
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container {
-moz-flex: 20 auto;
-ms-flex: 20 auto;
-webkit-flex: 20 auto;
flex: 20 auto;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: 0;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li {
list-style-type: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li:before {
content: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li button {
background: none;
border: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > .page-site-nav-item {
align-items: center;
display: flex;
justify-content: center;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > .page-site-nav-item .page-site-nav-item-second-level-present {
margin-left: 8px;
transform: rotate(90deg);
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > .page-site-nav-item .page-site-nav-item-second-level-present > i::before {
content: "\e901";
font-family: "icomoon";
font-size: 70%;
font-style: normal;
font-weight: normal !important;
transform: rotate(90deg);
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li {
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
position: inherit;
text-align: center;
/* CHILD NAVIGATION ITEMS */
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li.vertical-parent {
position: relative;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > a {
display: block;
height: 66px;
line-height: 66px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 0;
left: 0;
margin-left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 66px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul > li {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li:hover > ul {
height: auto;
opacity: 1;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a {
height: 100%;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a .link-label-background,
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a .has-bg {
height: 100%;
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell {
height: 100%;
vertical-align: middle;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell:hover:before {
background: #000000;
opacity: 0.2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell > div.link-label {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
padding: 10%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image {
/**
* Here be dragons!
* __ __
* The following seven selectors are required because _/! \ _(\(o)
* there is no inherent way to force all child columns /! ! \ / _ ^^(o
* in a flexbox container to be the same width. Any /!! ! ! \/ ! '---v'
* length variation in the .link-label content would !! !! \ _' ( \____
* change the width of the list items. ! . \ _!\^^ \===^\)
*/
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li {
border-right: 1px solid #ccc;
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li:last-of-type {
border-right: 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a {
display: block;
padding-bottom: calc(237px);
position: relative;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a:hover .link-image {
opacity: 0.7;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a .link-image {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
height: 207px;
margin-bottom: 30px;
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a .link-label {
padding: 30px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="2"] li {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="3"] li {
-moz-flex-basis: 33.333333%;
-ms-flex-basis: 33.333333%;
-webkit-flex-basis: 33.333333%;
flex-basis: 33.333333%;
max-width: 33.333333%;
width: 33.333333%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="4"] li {
-moz-flex-basis: 25%;
-ms-flex-basis: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
width: 25%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="5"] li {
-moz-flex-basis: 20%;
-ms-flex-basis: 20%;
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
width: 20%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="6"] li {
-moz-flex-basis: 16.666666%;
-ms-flex-basis: 16.666666%;
-webkit-flex-basis: 16.666666%;
flex-basis: 16.666666%;
max-width: 16.666666%;
width: 16.666666%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="7"] li {
-moz-flex-basis: 14.2857142%;
-ms-flex-basis: 14.2857142%;
-webkit-flex-basis: 14.2857142%;
flex-basis: 14.2857142%;
max-width: 14.2857142%;
width: 14.2857142%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image[data-qty="8"] li {
-moz-flex-basis: 12.5%;
-ms-flex-basis: 12.5%;
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
width: 12.5%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a {
height: 100%;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a .link-label-background,
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a .has-bg {
height: 100%;
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell {
height: 100%;
vertical-align: middle;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell:hover:before {
background: #000000;
opacity: 0.2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a > div.link-label-table-cell > div.link-label {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
opacity: 0;
padding: 10%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 10;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-on-hover li a:hover > div.link-label-table-cell > div.link-label {
opacity: 1;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li {
text-align: center;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li a {
letter-spacing: normal;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical {
display: block;
-moz-flex: none;
-ms-flex: none;
-webkit-flex: none;
flex: none;
left: 50%;
position: absolute;
top: 66px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: auto;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li {
padding: 4px 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li:first-child {
margin-top: 10px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li:last-child {
margin-bottom: 5px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li a {
display: block;
min-width: 220px;
padding: 11px 22px;
text-align: center;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level li {
text-align: left;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level li a {
letter-spacing: normal;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li {
margin: 29px 0 34px 0;
padding: 0 2.5% 0 4%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a {
font-size: 25px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul {
margin-top: 9px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a {
display: block;
padding: 5px 0;
text-transform: none;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list .text-2-level-display {
height: auto;
opacity: 1;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list .text-2-level-hide {
display: none;
height: 0;
opacity: 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
cursor: pointer;
display: none;
float: left;
height: 62px;
position: relative;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu {
font-size: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list {
font-kerning: auto;
letter-spacing: 0.1em;
width: 100%;
}
.page-site-nav-container .page-container .page-site-nav-logo {
vertical-align: middle;
}
.page-site-nav-container .page-container .page-site-nav-parts {
float: right;
font-kerning: auto;
letter-spacing: 0.1em;
white-space: nowrap;
}
.page-site-nav-container .page-container .page-site-nav-parts a {
line-height: 66px;
margin-right: -1px;
padding: 23px 40px 24px;
}
/* POSITION FIXED AFTER SCROLLING PAST GLOBAL NAV */
.site-nav.active .page-site-nav-container {
left: 0;
margin: 0 auto;
max-width: 1441px;
position: fixed;
right: 0;
width: 100%;
}
.site-nav.active .page-site-nav-container .page-container {
border-top: 0;
}
/* AUTHOR MODE DOESN'T REALLY HAVE A REAL SCROLL, SO WE HAVE TO IMPROVISE */
.aem-AuthorLayer-Preview .site-nav .page-container {
width: 100%;
}
@media all and (max-width: 1024px) {
.page-site-nav-container {
padding-left: 0;
text-align: center;
width: 100%;
}
.page-site-nav-container .page-container {
padding: 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container,
.page-site-nav-container .page-container .page-site-nav-parts-container {
max-width: 100px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container {
float: left;
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
order: -1;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
display: inline-block;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list {
display: none;
}
.page-site-nav-container .page-container .page-site-nav-item {
display: inline-block;
}
.page-site-nav-container .page-container .page-site-nav-logo {
max-width: 82%;
}
.page-site-nav-container .page-container .page-site-nav-logo div.image img {
margin: 0 auto;
}
}
@media all and (max-width: 767px) {
.site-nav,
.page-site-nav-container {
height: 48px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
height: 48px;
max-width: 68px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu {
font-size: 30px;
}
.page-site-nav-container .page-container .page-site-nav-parts a {
padding: 14px;
width: 70px;
}
}
@media all and (max-width: 480px) {
.site-nav,
.page-site-nav-container {
height: 91px;
}
.site-nav .page-container,
.page-site-nav-container .page-container {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-nav .page-container .page-site-nav-item,
.page-site-nav-container .page-container .page-site-nav-item {
-moz-flex: 1 0 80%;
-ms-flex: 1 0 80%;
-webkit-flex: 1 0 80%;
flex: 1 0 80%;
}
.site-nav .page-container .page-site-nav-item-menu-container,
.page-site-nav-container .page-container .page-site-nav-item-menu-container {
-moz-flex: 1 1 10%;
-ms-flex: 1 1 10%;
-webkit-flex: 1 1 10%;
flex: 1 1 10%;
}
.site-nav .page-container .page-site-nav-parts-container,
.page-site-nav-container .page-container .page-site-nav-parts-container {
display: block;
max-width: 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.site-nav .page-container .page-site-nav-parts-container .page-site-nav-parts,
.page-site-nav-container .page-container .page-site-nav-parts-container .page-site-nav-parts {
float: none;
}
.site-nav .page-container .page-site-nav-parts-container .page-site-nav-parts a,
.page-site-nav-container .page-container .page-site-nav-parts-container .page-site-nav-parts a {
width: 100%;
display: block;
margin-bottom: -1px;
}
}
.center-content {
margin: 0 auto;
max-width: 1440px;
}
body[hide-overflow="true"] {
overflow: hidden;
}
.driv-nav .global-nav {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.driv-nav .global-nav button:focus {
border: solid 5px #000;
}
.driv-nav .global-nav .global-nav__main-content {
display: none;
}
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__main-content {
display: block;
}
.driv-nav .global-nav.as-overlay {
background: none;
left: 0;
position: absolute;
right: 0;
z-index: 10;
}
.driv-nav .global-nav.as-overlay .global-nav__controls {
margin: 0 auto;
max-width: 1440px;
background: none;
}
@media (max-width: 767px) {
.driv-nav .global-nav.as-overlay .global-nav__controls.menu-expanded {
background: #fff;
}
.driv-nav .global-nav.as-overlay .global-nav__controls.menu-expanded .global-nav__logo .logo-image {
display: none;
}
.driv-nav .global-nav.as-overlay .global-nav__controls.menu-expanded .global-nav__logo .dark-logo-image {
display: block;
}
}
.driv-nav .global-nav.as-overlay .global-nav__logo .logo-image {
display: block;
}
.driv-nav .global-nav.as-overlay .global-nav__logo .dark-logo-image {
display: none;
}
.driv-nav .global-nav.positioned-fixed {
background: #fff;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.driv-nav .global-nav.positioned-fixed .global-nav__logo .logo-image {
display: none;
}
.driv-nav .global-nav.positioned-fixed .global-nav__logo .dark-logo-image {
display: block;
}
.driv-nav .global-nav.positioned-fixed .global-nav__controls {
background: #fff;
}
.driv-nav .global-nav .region-and-language .hamburger-menu.show-menu {
border: 0;
}
.driv-nav .global-nav__controls {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 auto;
max-width: 1440px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 20px;
width: 100%;
}
.driv-nav .global-nav__controls-right {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (max-width: 767px) {
.driv-nav .global-nav__controls {
background: #fff;
z-index: 3;
}
}
.driv-nav .global-nav__logo {
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
margin: 20px 0 20px 0;
max-width: 75px;
}
.driv-nav .global-nav__logo img {
width: 96px;
}
.driv-nav .global-nav__logo .logo-image {
display: none;
margin: 0;
}
.driv-nav .global-nav__logo .dark-logo-image {
display: block;
margin: 0;
}
@media (min-width: 768px) {
.driv-nav .global-nav__logo {
margin: 20px 0;
max-width: 100px;
height: 64px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.driv-nav .global-nav__logo.increase-logo img {
max-width: initial;
width: 180px;
}
}
@media (min-width: 768px) {
.driv-nav .global-nav .social-links .social-links-background {
padding: 0 40px;
margin-top: 15px;
}
.driv-nav .global-nav .social-links .social-links-background .social-links-content {
padding: 0;
}
.driv-nav .global-nav .social-links .social-links-background .social-links-content .social-links-icon-container .social-links-nav-icon i {
font-size: 18px;
}
}
@media (min-width: 768px) and (orientation: landscape) {
.driv-nav .global-nav .social-links .social-links-background {
margin-top: 0;
}
}
.driv-nav .global-nav__language-selector__menu {
height: 100vh;
left: 0;
margin: 0;
position: fixed;
top: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
-ms-transition: 0.5s ease-out;
transition: 0.5s ease-out;
width: 100%;
z-index: 1000;
}
.driv-nav .global-nav__language-selector__menu.expanded {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.driv-nav .global-nav__language-selector__menu__headline {
display: none;
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu__headline {
padding: 50px 0 40px;
display: block;
max-width: 1440px;
}
}
@media (min-width: 1280px) {
.driv-nav .global-nav__language-selector__menu__headline {
margin-right: calc((100vw - 1440px) / 2);
padding-left: 0;
}
}
.driv-nav .global-nav__language-selector__menu .region.two-col .language-list {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.driv-nav .global-nav__language-selector__menu .region.two-col .language-link {
-moz-flex: 50%;
-ms-flex: 50%;
-webkit-flex: 50%;
flex: 50%;
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu .region {
-moz-flex: 50%;
-ms-flex: 50%;
-webkit-flex: 50%;
flex: 50%;
}
}
.driv-nav .global-nav__language-selector__menu .region-list {
padding-top: 10px;
margin: 0 30px;
font-weight: 600;
max-width: 1440px;
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu .region-list {
overflow-y: scroll;
height: calc(100vh - 300px);
}
}
.driv-nav .global-nav__language-selector__menu .region-list ul {
margin: 0;
padding-top: 25px;
}
.driv-nav .global-nav__language-selector__menu .region-list li a {
padding: 0 0 20px;
display: inline-block;
}
.driv-nav .global-nav__language-selector__menu .region-list li a:hover {
border: 0;
}
.driv-nav .global-nav__language-selector__menu .region-list li:before {
display: none;
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu .region-list {
margin: 0;
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__language-selector__menu .region-list {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 1280px) {
.driv-nav .global-nav__language-selector__menu .region-list {
margin-right: calc((100vw - 1440px) / 2);
}
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translatey(-100%);
-moz-transform: translatey(-100%);
-ms-transform: translatey(-100%);
-o-transform: translatey(-100%);
transform: translatey(-100%);
}
.driv-nav .global-nav__language-selector__menu.expanded {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.driv-nav .global-nav__left-image {
background-position: right center;
background-size: cover;
display: none;
height: 100%;
}
@media (min-width: 900px) {
.driv-nav .global-nav__left-image {
position: absolute;
transform: translateY(-100%);
display: block;
left: 0;
width: 30%;
}
}
@media (min-width: 768px) {
.driv-nav .global-nav__main-content {
padding: 0 65px;
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__main-content {
width: 100%;
}
}
@media (min-width: 1280px) {
.driv-nav .global-nav__main-content {
position: relative;
}
.driv-nav .global-nav__main-content .global-nav__right-content__container {
height: 100vh;
left: 0;
margin: 0 auto;
padding-left: 120px;
padding-right: calc((100vw - 1440px) / 2);
padding-top: 100px;
position: absolute;
top: 0;
width: 100%;
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__main-content .global-nav__right-content {
position: absolute;
transform: translateY(-100%);
background: #fff;
height: 100vh;
right: 0;
width: 70%;
}
}
@media (min-width: 1280px) {
.driv-nav .global-nav__main-content .global-nav__right-content {
-moz-flex: initial;
-ms-flex: initial;
-webkit-flex: initial;
flex: initial;
}
}
.driv-nav .global-nav .site-search {
padding: 20px;
}
.driv-nav .global-nav .site-search input {
width: 100%;
}
@media (min-width: 768px) {
.driv-nav .global-nav .site-search {
position: absolute;
right: 65px;
top: 8px;
width: 340px;
}
}
@media (min-width: 1440px) {
.driv-nav .global-nav .site-search {
padding: 0;
margin-right: 85px;
position: absolute;
right: calc((100vw - 1440px) / 2);
top: 27px;
}
}
@media (max-width: 900px) {
.driv-nav .global-nav__social {
display: none;
}
}
@media (max-width: 767px) {
.driv-nav .global-nav__parent-link {
display: block;
padding: 20px;
position: relative;
}
.driv-nav .global-nav__parent-link:after {
content: '\e91e';
font-family: 'icomoon';
font-size: 14px;
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.driv-nav .global-nav__parent-link.expanded:after {
content: '';
height: 2px;
margin-top: -1px;
width: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.driv-nav .global-nav__parent-link.expanded + .secondary-nav {
max-height: 1500px;
overflow: scroll;
-webkit-transition: max-height 0.25s ease-in;
-moz-transition: max-height 0.25s ease-in;
-o-transition: max-height 0.25s ease-in;
-ms-transition: max-height 0.25s ease-in;
transition: max-height 0.25s ease-in;
}
.driv-nav .global-nav__parent-link.out-link:after {
content: '\e915';
font-family: 'icomoon' !important;
font-size: 16px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@media (min-width: 768px) {
.driv-nav .global-nav__parent-link {
display: inline-block;
margin: 50px 0 0 0;
padding-bottom: 15px;
position: relative;
}
}
.driv-nav .global-nav__child-link {
display: block;
padding: 20px;
position: relative;
}
.driv-nav .global-nav__child-link:after {
content: '\e915';
font-family: 'icomoon' !important;
margin-top: -8px;
position: absolute;
right: 20px;
top: 50%;
}
@media (min-width: 768px) {
.driv-nav .global-nav__child-link {
display: inline-block;
padding: 00;
}
.driv-nav .global-nav__child-link:after {
display: none;
}
}
@media (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu li {
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-webkit-flex: 0 50%;
flex: 0 50%;
margin-bottom: 0;
}
.driv-nav .global-nav__hamburger-menu .main-nav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.driv-nav .global-nav__hamburger-menu .secondary-nav {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.25s ease-out;
-moz-transition: max-height 0.25s ease-out;
-o-transition: max-height 0.25s ease-out;
-ms-transition: max-height 0.25s ease-out;
transition: max-height 0.25s ease-out;
}
@media (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu .secondary-nav {
background: none;
max-height: 100%;
}
.driv-nav .global-nav__hamburger-menu .secondary-nav li:first-of-type {
display: none;
}
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout {
position: absolute;
transform: translateY(-100%);
background: #fff;
display: block;
height: 100vh;
overflow: scroll;
right: 0;
top: 0;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
width: 100%;
z-index: 2;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout.from-right {
-webkit-transition: translateX 0.3s ease-out;
-moz-transition: translateX 0.3s ease-out;
-o-transition: translateX 0.3s ease-out;
-ms-transition: translateX 0.3s ease-out;
transition: translateX 0.3s ease-out;
}
@media (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout.from-right {
-webkit-transition: translateY 0.3s ease-out;
-moz-transition: translateY 0.3s ease-out;
-o-transition: translateY 0.3s ease-out;
-ms-transition: translateY 0.3s ease-out;
transition: translateY 0.3s ease-out;
}
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__logo .dark-logo-image {
display: block;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__logo .logo-image {
display: none;
}
@media (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout--middle {
overflow-y: scroll;
height: calc(100vh - 230px);
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout {
overflow: visible;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__right-content,
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__left-image {
-webkit-transition: 1s ease-out;
-moz-transition: 1s ease-out;
-o-transition: 1s ease-out;
-ms-transition: 1s ease-out;
transition: 1s ease-out;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__logo {
opacity: 0;
max-width: 140px;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__logo .dark-logo-image {
display: none;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__logo .logo-image {
display: block;
}
.driv-nav .global-nav__hamburger-menu .global-nav__hamburger-menu--flyout .global-nav__logo .logo-image img {
width: 140px;
}
}
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__hamburger-menu--flyout {
position: fixed;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
transition: 0.3s ease-in;
}
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__hamburger-menu--flyout.from-right {
-webkit-transition: translateX 0.3s ease-in;
-moz-transition: translateX 0.3s ease-in;
-o-transition: translateX 0.3s ease-in;
-ms-transition: translateX 0.3s ease-in;
transition: translateX 0.3s ease-in;
}
@media (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__hamburger-menu--flyout.from-right {
-webkit-transition: translateY 0.3s ease-out;
-moz-transition: translateY 0.3s ease-out;
-o-transition: translateY 0.3s ease-out;
-ms-transition: translateY 0.3s ease-out;
transition: translateY 0.3s ease-out;
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__hamburger-menu--flyout {
overflow: visible;
-webkit-transform: translateY(-100vh);
-moz-transform: translateY(-100vh);
-ms-transform: translateY(-100vh);
-o-transform: translateY(-100vh);
transform: translateY(-100vh);
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__hamburger-menu--flyout .global-nav__logo {
position: absolute;
transform: translateY(100vh);
left: 0;
opacity: 1;
top: 0;
-webkit-transition: opacity 0.5s ease-in 0.5s;
-moz-transition: opacity 0.5s ease-in 0.5s;
-o-transition: opacity 0.5s ease-in 0.5s;
-ms-transition: opacity 0.5s ease-in 0.5s;
transition: opacity 0.5s ease-in 0.5s;
z-index: 1000;
}
}
@media (min-width: 900px) {
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__right-content {
transform: translateY(100%);
padding: 100px;
-webkit-transition: transform 0.6s ease-out;
-moz-transition: transform 0.6s ease-out;
-o-transition: transform 0.6s ease-out;
-ms-transition: transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__left-image {
transform: translateY(100%);
height: 100vh;
-webkit-transition: transform 0.6s ease-out 0.2s;
-moz-transition: transform 0.6s ease-out 0.2s;
-o-transition: transform 0.6s ease-out 0.2s;
-ms-transition: transform 0.6s ease-out 0.2s;
transition: transform 0.6s ease-out 0.2s;
}
}
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__language-selector__link {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
cursor: pointer;
padding: 20px;
}
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__logo {
margin-left: 20px;
}
@media (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu.expanded .global-nav__language-selector__link {
display: none;
}
}
.driv-nav .global-nav .locale-indicator-flag {
border-radius: 25px;
border: 1px solid #fff;
height: 20px;
left: 5px;
margin-right: 15px;
position: relative;
width: 20px;
object-fit: cover;
}
.driv-nav .global-nav .hamburger-menu {
background: #fff;
background: none;
border: 1px solid #000;
cursor: pointer;
display: block;
height: 50px;
outline: none;
position: relative;
right: 0;
top: 0;
width: 50px;
z-index: 1000;
}
.driv-nav .global-nav .hamburger-menu__top-bar,
.driv-nav .global-nav .hamburger-menu__bottom-bar {
height: 100%;
left: 0;
margin: 0 auto;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.2s transform;
-moz-transition: 0.2s transform;
-o-transition: 0.2s transform;
-ms-transition: 0.2s transform;
transition: 0.2s transform;
}
.driv-nav .global-nav .hamburger-menu__top-bar {
left: 3px;
width: 12px;
}
.driv-nav .global-nav .hamburger-menu__bottom-bar {
width: 15px;
}
.driv-nav .global-nav .hamburger-menu__top-bar:before,
.driv-nav .global-nav .hamburger-menu__bottom-bar:before {
background: #000;
content: '';
height: 2px;
left: 0;
position: absolute;
top: 50%;
}
.driv-nav .global-nav .hamburger-menu__top-bar:before {
animation: 0.1s ease-in slideInFromEnd, 0.1s 0.1s ease-in slideInFromRight;
margin: -3px auto;
right: -3px;
width: 12px;
}
.driv-nav .global-nav .hamburger-menu__bottom-bar:before {
animation: 0.1s 0.15s ease-in slideInFromEnd, 0.1s 0.25s ease-in slideInFromRight;
margin: 3px auto;
right: 0;
width: 15px;
}
.driv-nav .global-nav .hamburger-menu.show-menu {
padding: 0;
}
.driv-nav .global-nav .hamburger-menu.show-menu .hamburger-menu__top-bar {
left: 0;
top: 0;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.2s transform;
-moz-transition: 0.2s transform;
-o-transition: 0.2s transform;
-ms-transition: 0.2s transform;
transition: 0.2s transform;
width: 18px;
}
.driv-nav .global-nav .hamburger-menu.show-menu .hamburger-menu__top-bar:before {
width: 18px;
right: 0;
margin: -1px auto 0;
}
.driv-nav .global-nav .hamburger-menu.show-menu .hamburger-menu__bottom-bar {
left: 0;
top: 0;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: 0.2s transform;
-moz-transition: 0.2s transform;
-o-transition: 0.2s transform;
-ms-transition: 0.2s transform;
transition: 0.2s transform;
width: 18px;
}
.driv-nav .global-nav .hamburger-menu.show-menu .hamburger-menu__bottom-bar:before {
right: 0;
top: 50%;
margin: -1px auto 0;
width: 18px;
}
.driv-nav .global-nav .hamburger-menu:hover .hamburger-menu__top-bar:before {
animation: 0.1s ease-in slideInFromStart, 0.1s 0.1s ease-in slideInFromLeft;
}
.driv-nav .global-nav .hamburger-menu:hover .hamburger-menu__bottom-bar:before {
animation: 0.1s 0.15s ease-in slideInFromStart, 0.1s 0.25s ease-in slideInFromLeft;
}
.driv-nav .global-nav .hamburger-menu.show-menu {
border: 1px solid black;
}
.driv-nav .global-nav .hamburger-menu.show-menu:focus {
border: solid 5px #000;
}
.driv-nav .global-nav.as-overlay .hamburger-menu {
border: 0;
background: #fff;
}
.driv-nav .global-nav.as-overlay .hamburger-menu.show-menu {
border: 1px solid #000;
}
@media (min-width: 768px) {
.driv-nav .global-nav.as-overlay .global-nav__menu__button {
border: 0;
}
.driv-nav .global-nav.as-overlay .current-language {
color: #fff;
}
}
.driv-nav .global-nav.positioned-fixed .hamburger-menu {
border: 1px solid #000;
}
.driv-nav .global-nav.positioned-fixed .current-language {
color: #000;
}
.driv-nav .global-nav__language-selector__link {
display: block;
margin: 0 20px 0 0;
position: relative;
}
.driv-nav .global-nav__language-selector__link .current-language {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__link .current-language {
margin: 0;
}
}
@media (max-width: 767px) {
.driv-nav .global-nav__language-selector__link {
margin: 0 50px 0 0;
}
}
@media (max-width: 767px) {
.driv-nav .global-nav__language-selector__link {
display: none;
margin: 0;
}
.driv-nav .global-nav__language-selector__link:after {
content: '\e915';
font-family: 'icomoon' !important;
margin-top: -6px;
position: absolute;
right: 20px;
top: 50%;
}
}
.driv-nav .global-nav__menu__button {
background: #fff;
border: 1px solid #000;
cursor: pointer;
height: 50px;
position: absolute;
right: 20px;
top: 20px;
width: 50px;
z-index: 10;
}
.driv-nav .global-nav__menu__button:focus {
outline: none;
}
.driv-nav .global-nav__menu__button--arrow i {
font-size: 25px;
}
.driv-nav .global-nav__menu__button--closed {
display: none;
}
@media (min-width: 768px) {
.driv-nav .global-nav__menu__button--arrow {
display: none;
}
.driv-nav .global-nav__menu__button--closed {
display: block;
}
}
@media (min-width: 1280px) {
.driv-nav .global-nav__menu__button--closed {
margin-right: calc((100vw - 1440px) / 2);
}
}
@keyframes slideInFromStart {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideInFromLeft {
0% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInFromEnd {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideInFromRight {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.page-global-nav-container .page-language.language-only,
.page-global-nav-container .page-language.region-and-language {
cursor: pointer;
}
.page-global-nav-container > .page-container > .page-global-nav-item > button {
appearance: none;
background: none;
border: none;
cursor: pointer;
font-family: inherit;
font-size: 0.875rem;
color: inherit;
letter-spacing: 0.1em;
line-height: 55px;
text-transform: uppercase;
}
.global-mobile-nav {
position: fixed;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.global-mobile-nav h4 {
text-transform: uppercase;
}
.global-mobile-nav ul {
margin-left: 0;
padding-left: 0;
}
.global-mobile-nav li:before {
content: none;
}
.global-mobile-nav .language-link a {
display: block;
text-transform: none;
padding-left: 49px;
}
.global-mobile-nav .language-link a:focus {
outline: 2px solid #000;
}
.global-mobile-nav .language-link img {
margin-right: 15px;
max-height: 30px;
max-width: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: sub;
}
.page-global-nav-container .page-language .current-language {
display: inline-block;
padding-right: 30px;
position: relative;
}
.page-global-nav-container .page-language .current-language:after {
content: "\e908";
font-family: "icomoon";
font-size: 12px;
line-height: 1;
margin: -2px 0 2px 8px;
position: absolute;
right: 10px;
top: 0;
top: 50%;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(90deg) translate(-50%, 0%);
-moz-transform: rotate(90deg) translate(-50%, 0%);
-ms-transform: rotate(90deg) translate(-50%, 0%);
-o-transform: rotate(90deg) translate(-50%, 0%);
transform: rotate(90deg) translate(-50%, 0%);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
vertical-align: bottom;
}
.global-nav > .page-global-nav-container > .page-container > .page-global-nav-item > a {
color: #333;
}
.page-global-nav-container .page-container .page-global-nav-buttons a {
color: #333;
}
@media all and (min-width: 1025px) {
.page-global-nav-container .page-language > ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 0;
left: 0;
margin-left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 55px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1010;
}
.page-global-nav-container .page-language > ul li:before {
content: none;
}
.page-global-nav-container .page-language > ul > li {
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
-webkit-flex: 1 1 0;
flex: 1 1 0;
position: relative;
}
.page-global-nav-container .page-language.expanded > ul {
height: auto;
opacity: 1;
}
.page-global-nav-container .page-language.expanded .current-language:after {
top: 42%;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.page-global-nav-container .page-language .language-list {
margin-left: 0;
padding-left: 0;
}
.page-global-nav-container .page-language .language-link a {
display: block;
padding-left: 49px;
text-decoration: none;
text-transform: none;
}
.page-global-nav-container .page-language .language-link img {
margin-right: 15px;
max-height: 30px;
max-width: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: sub;
}
.page-global-nav-container .page-language.language-only .language-list {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 240px;
padding: 0 40px;
}
.page-global-nav-container .page-language.language-only .language-list .language-link:first-child {
margin-top: 20px;
}
.page-global-nav-container .page-language.language-only .language-list .language-link:last-child {
margin-bottom: 20px;
}
.page-global-nav-container .page-language.language-only .language-list.two-col {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 480px;
}
.page-global-nav-container .page-language.language-only .language-list.two-col .language-link {
-moz-flex: 1 0 50%;
-ms-flex: 1 0 50%;
-webkit-flex: 1 0 50%;
flex: 1 0 50%;
}
.page-global-nav-container .page-language.language-only .language-list.two-col .language-link:nth-child(2) {
margin-top: 20px;
}
.page-global-nav-container .page-language.region-and-language .region-list {
width: 100%;
}
.page-global-nav-container .page-language.region-and-language .region-list .region {
margin: 1.2em 0;
padding: 0 2%;
}
.page-global-nav-container .page-language.region-and-language .region-list .region:first-child {
border-left: 0;
}
.page-global-nav-container .page-language.region-and-language .region-list .region.two-col {
flex-grow: 2;
}
.page-global-nav-container .page-language.region-and-language .region-list .region.two-col ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-global-nav-container .page-language.region-and-language .region-list .region.two-col ul li {
-moz-flex: 1 0 50%;
-ms-flex: 1 0 50%;
-webkit-flex: 1 0 50%;
flex: 1 0 50%;
}
.page-global-nav-container > .page-container > .page-global-nav-item > button.region-and-language + .region-list {
display: none;
}
.page-global-nav-container > .page-container > .page-global-nav-item.expanded > button.region-and-language + .region-list {
display: flex;
}
.page-global-nav-container > .page-container > .page-global-nav-item .language-link a:focus {
outline: 2px solid #000;
}
}
@media all and (min-width: 1280px) {
.page-global-nav-container .page-language.region-and-language .region-list .region {
margin: 1.8em 0;
padding: 0 4%;
}
}
@media all and (max-width: 1024px) {
.page-global-nav-container .page-language.language-only .language-list,
.page-global-nav-container .page-language.region-and-language .region-list {
display: none;
}
.page-global-nav-container .page-language .current-language.active:after {
top: 35%;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
}
.mobile-nav {
position: fixed;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mobile-nav a {
cursor: pointer;
margin: 18px 0;
display: block;
}
.mobile-nav .item-group {
border-bottom: solid 1px transparent;
}
.mobile-nav .item-group.secondary-items {
border-bottom: none;
}
.mobile-nav .item-group.secondary-items .root-item {
margin-bottom: 25px;
}
.mobile-nav .grandchildren {
display: none;
}
.mobile-nav .mobile-social-links {
display: none;
}
.mobile-nav .close-button {
position: absolute;
top: 5px;
right: 10px;
}
.mobile-nav img.dynamic-nav-icon {
width: 17px;
height: 17px;
margin-left: 8px;
}
@media all and (min-width: 1025px) {
.page-footer-container .sitemap-collapsible-container {
display: none;
height: auto;
overflow: hidden;
width: 100%;
text-align: center;
border: 1px solid transparent;
}
.page-footer-container .sitemap-collapsible-container.is_visible {
border: none;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background a {
display: block;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul {
padding: 60px 2% 0 2%;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
position: relative;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li {
list-style: none;
padding: .9em 0 0 0;
width: 100%;
text-indent: 0;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li:before {
content: none;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li.item-group {
text-align: left;
display: inline-block;
white-space: nowrap;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
padding: 0 1em 60px 1em;
width: auto;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li.item-group > a {
padding-bottom: .6em;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li.sitemap_close_group {
width: auto;
padding: 0;
position: absolute;
top: 20px;
right: 20px;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li.sitemap_close_group .sitemap_close_link {
cursor: pointer;
}
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background.sitemap-items-centered .footer-sitemap > ul li.item-group {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-footer-container .page-footer-menu-list {
text-align: center;
width: 100%;
line-height: 55px;
}
.page-footer-container .page-footer-menu-list .footer-links-par-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
font-kerning: auto;
height: 60px;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
letter-spacing: 0.1em;
width: 85%;
}
.page-footer-container .page-footer-menu-list .footer-links-par {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
font-kerning: auto;
height: 60px;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
letter-spacing: 0.1em;
width: 85%;
}
.page-footer-container .page-footer-menu-list .link {
display: inline-block;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link {
cursor: pointer;
}
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link span {
font-size: 150%;
margin-left: .2em;
}
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link span:after {
content: "+";
}
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link.sitemap_visible span:after {
content: "-";
}
}
@media all and (max-width: 1024px) {
.page-footer-container .page-footer-menu-list,
.page-footer-container .sitemap-collapsible-container .sitemap-collapsible-background .footer-sitemap > ul li.sitemap_close_group {
display: none;
}
.page-footer-container .footer-sitemap > ul {
padding: 0 30px;
}
.page-footer-container .footer-sitemap > ul > li {
padding: 14px 0 13px 0;
}
.page-footer-container .footer-sitemap > ul > li a span {
font-size: 120%;
padding: 6px;
}
.page-footer-container .footer-sitemap > ul > li a span:after {
content: "+";
}
.page-footer-container .footer-sitemap > ul > li a.open span:after {
content: "-";
}
.page-footer-container .footer-sitemap > ul > li ul {
margin-top: 3px;
padding-left: 0;
}
.page-footer-container .footer-sitemap > ul > li ul li {
margin-top: 2px;
}
.page-footer-container .footer-sitemap > ul li {
list-style: none;
}
.page-footer-container .footer-sitemap > ul li:before {
content: none;
}
}
.buy-online-redirect-modal {
background-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 5px 125px 0 rgba(0, 0, 0, 0.5), 0 5px 125px 0 rgba(0, 0, 0, 0.5) inset;
height: 35%;
left: 50%;
max-width: 1440px;
min-height: 250px;
position: fixed;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
z-index: 99999;
}
.buy-online-redirect-modal .buy-online-redirect-contents {
overflow-wrap: break-word;
left: 50%;
width: 720px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.buy-online-redirect-modal .buy-online-redirect-contents .buy-online-redirect-ok {
margin-right: 10px;
}
.buy-online-redirect-modal .buy-online-redirect-close {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
}
@media all and (max-width: 1024px) {
.buy-online-redirect-modal .buy-online-redirect-contents {
width: 80%;
}
}
@media all and (max-width: 767px) {
.buy-online-redirect-modal {
height: 100%;
width: 100%;
}
.buy-online-redirect-modal .buy-online-redirect-contents {
width: 90%;
}
}
@media all and (max-width: 479px) {
.buy-online-redirect-modal .buy-online-redirect-contents {
width: 100%;
}
.buy-online-redirect-modal .buy-online-redirect-contents .buy-online-redirect-ok {
margin: 0px 10px 15px 10px;
}
.buy-online-redirect-modal .buy-online-redirect-close {
right: 5%;
}
}
.where-to-buy-redirect {
background-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 5px 125px 0 rgba(0, 0, 0, 0.5), 0 5px 125px 0 rgba(0, 0, 0, 0.5) inset;
height: 35%;
left: 50%;
max-width: 1440px;
min-height: 250px;
position: fixed;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
z-index: 99999;
display: none !important;
}
.where-to-buy-redirect .h4-rep {
margin-bottom: 40px;
color: #FFF;
}
.where-to-buy-redirect .where-to-buy-redirect-contents {
left: 50%;
width: 720px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.where-to-buy-redirect .where-to-buy-redirect-close {
color: #FFF;
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
}
.where-to-buy-redirect .where-to-buy-redirect-postal-code {
border: 0;
border-radius: 0;
height: 55px;
margin: 0;
width: 300px;
}
.where-to-buy-redirect .where-to-buy-redirect-submit {
border: 0;
height: 55px;
margin-left: -5px;
vertical-align: middle;
}
@media all and (max-width: 1024px) {
.where-to-buy-redirect .where-to-buy-redirect-contents {
width: 80%;
}
}
@media all and (max-width: 767px) {
.where-to-buy-redirect {
height: 100%;
width: 100%;
}
.where-to-buy-redirect .where-to-buy-redirect-contents {
width: 90%;
}
.where-to-buy-redirect .where-to-buy-redirect-postal-code {
width: 225px;
}
.where-to-buy-redirect .where-to-buy-redirect-submit.button-main {
padding: 0;
width: 62px;
}
.where-to-buy-redirect .where-to-buy-redirect-submit.button-main:after {
margin-right: 0;
right: 40%;
}
.where-to-buy-redirect .where-to-buy-redirect-submit.button-main span {
display: none;
}
}
@media all and (max-width: 479px) {
.where-to-buy-redirect .where-to-buy-redirect-contents {
width: 100%;
}
.where-to-buy-redirect .where-to-buy-redirect-close {
right: 5%;
}
}
.where-to-buy-search-results {
padding: 70px 6.25%;
}
.where-to-buy-search-results .show-spinner {
margin: 0;
}
.where-to-buy-search-results table {
border: 0;
border-top: 1px solid #000;
}
.where-to-buy-search-results table tr {
border: 0;
border-bottom: 1px solid #000;
}
.where-to-buy-search-results table td {
border: 0;
padding: 5px 15px;
vertical-align: middle;
}
.where-to-buy-search-results table td:before {
display: none;
}
.where-to-buy-search-results table td:empty {
padding: 0;
}
.where-to-buy-search-results table td:first-child {
border-top: 0;
padding-left: 0;
}
.where-to-buy-search-results table td:last-child {
padding: 3px 0 3px 15px;
text-align: right;
white-space: nowrap;
}
.where-to-buy-search-results table td:last-child .button-main.button-arrow {
margin: 2px 0;
}
.where-to-buy-search-results table.coordinates-selected tr:not(.active) {
opacity: 0.5;
}
.where-to-buy-search-results .where-to-buy-search-pagination ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-search-results .where-to-buy-search-pagination li {
margin: 6px;
}
.where-to-buy-search-results .where-to-buy-search-pagination li:before {
display: none;
}
.where-to-buy-search-results .dealer-name {
cursor: pointer;
}
.where-to-buy-search-results .dealer-phone,
.where-to-buy-search-results .dealer-phone-mobile,
.where-to-buy-search-results .dealer-website {
display: block;
padding-top: 2px;
white-space: nowrap;
}
.where-to-buy-search-results .dealer-phone:before,
.where-to-buy-search-results .dealer-phone-mobile:before,
.where-to-buy-search-results .dealer-website:before {
-moz-osx-font-smoothing: grayscale;
font-family: "icomoon";
line-height: 1;
vertical-align: middle;
}
.where-to-buy-search-results button.where-to-buy-show-filter {
display: none;
}
@media all and (min-width: 1025px) {
.where-to-buy-search-results .dealer-phone-mobile {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.where-to-buy-search-results {
padding: 48px 5.3%;
width: 100% !important;
}
.where-to-buy-search-results .dealer-phone {
display: none;
}
.where-to-buy-search-results table td {
padding-bottom: 26px;
padding-top: 26px;
}
}
@media all and (max-width: 767px) {
.where-to-buy-search-results {
padding: 45px 6.5% 38px 6.5%;
width: 100% !important;
}
.where-to-buy-search-results .dealer-phone {
display: none;
}
.where-to-buy-search-results table td {
display: block;
padding: 8px 0;
}
.where-to-buy-search-results table td:first-child {
padding-top: 30px;
}
.where-to-buy-search-results table td:last-child {
padding-bottom: 30px;
padding-left: 0px;
text-align: left;
}
.where-to-buy-search-results .dealer-phone,
.where-to-buy-search-results .dealer-website {
padding-top: 6px;
}
}
@media all and (min-width: 1025px) {
.where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 6.25%;
padding-right: 3.125%;
}
.where-to-buy-search-filter + .where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 3.125%;
padding-right: 6.25%;
}
.where-to-buy-search-results.aem-GridColumn--default--10,
.where-to-buy-search-results.aem-GridColumn--default--11 {
padding-left: 3.125%;
padding-right: 1.5625%;
}
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--10,
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--11 {
padding-left: 1.5625%;
padding-right: 3.125%;
}
}
.where-to-buy-search-filter {
padding: 70px 6.25%;
}
.where-to-buy-search-filter label {
display: block;
}
.where-to-buy-search-filter label,
.where-to-buy-search-filter input {
cursor: pointer;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category {
border-bottom: 1px solid #000;
margin-bottom: 17px;
padding-bottom: 17px;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category h5 {
font-size: 14px;
padding: 3px 0 10px 0;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input {
border: 0;
display: inline;
height: auto;
margin: 0 14px 1px 0;
padding: 0;
width: auto;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input:focus + label > span {
outline: 2px solid #005795;
outline-offset: 4px;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category label {
padding: 8px 0;
text-transform: none;
}
.where-to-buy-search-filter .where-to-buy-search-filter-disclaimer {
height: 0;
margin: 0;
opacity: 0;
padding: 0;
}
@media all and (min-width: 1025px) {
.where-to-buy-search-filter[class*="aem-GridColumn--default--"] {
padding-left: 6.25%;
padding-right: 3.125%;
}
.where-to-buy-search-results + .where-to-buy-search-filter[class*="aem-GridColumn--default--"] {
padding-left: 3.125%;
padding-right: 6.25%;
}
.where-to-buy-search-filter.aem-GridColumn--default--2,
.where-to-buy-search-filter.aem-GridColumn--default--1 {
padding-left: 3.125%;
padding-right: 1.5625%;
}
.where-to-buy-search-results + .where-to-buy-search-filter.aem-GridColumn--default--1,
.where-to-buy-search-results + .where-to-buy-search-filter.aem-GridColumn--default--2 {
padding-left: 1.5625%;
padding-right: 3.125%;
}
.where-to-buy-search-filter-category-dropdown {
display: none;
}
}
@media all and (max-width: 1024px) {
.where-to-buy-search-filter {
padding: 1em 5.3% 0 5.3%;
width: 100% !important;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category {
display: none;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category-dropdown {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1em 0 0 0;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category-dropdown select {
margin: 15px 0 10px 0;
width: auto;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category-dropdown a.select-box {
display: none;
}
}
@media all and (max-width: 767px) {
.where-to-buy-search-filter {
padding-left: 6.5%;
padding-right: 6.5%;
width: 100% !important;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container {
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category-dropdown select {
width: 100%;
}
}
.where-to-buy-search .where-to-buy-search-container {
padding: 50px 0 45px 0;
text-align: center;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label {
display: inline-block;
padding: 0 52px;
vertical-align: middle;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h1 {
font-size: 3.125em;
line-height: inherit;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5,
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label .h5 {
font-size: 1.125rem;
line-height: inherit;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal {
display: inline;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal-code {
border: 0;
border-radius: 0;
height: 55px;
margin: 0;
width: 300px;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal-code.where-to-buy-search-postal--color-override {
color: #3e3e3e;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit {
border: 0;
height: 55px;
margin-left: -5px;
vertical-align: middle;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-sublabel {
display: block;
line-height: 40px !important;
}
@media all and (max-width: 1024px) {
.where-to-buy-search .where-to-buy-search-container {
padding: 45px 0 35px 0;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label {
display: block;
padding: 0 20px 15px 20px;
text-align: center;
}
}
@media all and (max-width: 767px) {
.where-to-buy-search .where-to-buy-search-container {
padding: 39px 0 20px 0;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label {
padding: 0 10px 15px 10px;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h1 {
vertical-align: middle;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal-code {
width: 225px;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit {
height: 55px;
padding: 0;
width: 62px;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit:after {
margin-right: 0;
right: 40%;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit span {
display: none;
}
}
.google-map .google-map-container {
padding-top: 40%;
position: relative;
width: 100%;
}
.google-map .google-map-container .google-map-legend-wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.google-map .google-map-container .google-map-legend-wrapper .google-map-legend {
background-color: rgba(255, 255, 255, 0.8);
padding: 8px;
margin-bottom: 15px;
margin-right: 15px;
margin-left: auto;
border-radius: 5px;
display: inline-block;
position: relative;
}
.google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0;
margin: 0;
font-size: 14px;
}
.google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p > img {
height: 30px;
width: 30px;
}
.google-map .google-map-map {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.google-map .google-map-map .map-zoom-control {
display: flex;
flex-direction: column;
margin: 20px;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out {
border-top: 1px solid #000;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out,
.google-map .google-map-map .map-zoom-control .map-zoom-in {
background: #fff;
border-width: 0;
cursor: pointer;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out span.fa,
.google-map .google-map-map .map-zoom-control .map-zoom-in span.fa {
cursor: pointer;
height: 100%;
padding: 0;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.google-map .sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.google-map .gm-style img {
max-width: none;
max-height: none;
}
.google-map .gm-style-iw > div {
padding: 13px 13px 13px 16px;
}
.google-map .gm-style-iw > div .map-infowindow h4 {
padding-bottom: 10px;
}
.google-map .gm-style-iw > div .map-infowindow .directions,
.google-map .gm-style-iw > div .map-infowindow .distance {
display: inline;
}
.google-map .gm-style-iw > div .map-infowindow img {
width: 30px;
}
@media all and (max-width: 1024px) {
.google-map .google-map-container {
padding-top: 50%;
}
.google-map .google-map-container .google-map-legend-wrapper .google-map-legend {
padding: 8px;
margin-bottom: 15px;
margin-right: 0;
}
.google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p {
font-size: 14px;
}
.google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p > img {
width: 20px;
height: auto;
}
}
@media all and (max-width: 767px) {
.google-map .google-map-container {
padding-top: 60%;
}
.google-map .gm-style-iw > div {
padding: 6px 6px 6px 8px;
}
.google-map .gm-style-iw > div .map-infowindow h4 {
padding-bottom: 5px;
}
}
@media all and (max-width: 479px) {
.google-map .google-map-container {
padding-top: 80%;
}
}
.masked > .google-map-container::before {
background: #000;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
transition: all 0.3s ease;
z-index: 1;
}
.masked.unmasked > .google-map-container::before {
opacity: 0;
visibility: hidden;
}
.where-to-buy-common-map {
position: relative;
margin: 30px 0;
}
.where-to-buy-common-map .show-spinner {
position: absolute;
padding: 0;
margin: 0;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 1000;
}
.where-to-buy-common-map .infowindow-template .map-infowindow .map-infowindow-header .map-infowindow-link img {
width: 30px;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow {
font-size: 1em;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .directions,
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .where-to-buy-hours,
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .address,
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .distance {
margin: 5px 0;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .dealer-name {
font-weight: bold;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .dealer-type {
display: inline-block;
margin-bottom: 10px;
text-transform: capitalize;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .directions {
margin-top: 10px;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .directions a {
padding: 0;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow .where-to-buy-hours span {
display: block;
}
.where-to-buy-common-map.google-map .gm-style-iw > div .map-infowindow div {
padding-bottom: 10px;
}
.where-to-buy-common-map div.gm-style-iw-c {
padding: 0;
}
.where-to-buy-common-map div.gm-style-iw-c > .gm-style-iw-d {
padding: 15px 15px 0 15px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-header img {
width: 70px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-header a {
display: block;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-content {
font-size: 12px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-content .map-infowindow-vendor-name {
font-weight: bold;
padding: 0;
font-size: 16px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-content .map-infowindow-dealer-type,
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-content .map-infowindow-address {
padding-bottom: 0;
font-size: 12px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-content .map-infowindow-address {
margin-top: 15px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-footer {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-footer .map-infowindow-link {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 0;
font-weight: bold;
font-size: 14px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-footer .map-infowindow-link > a {
padding-right: 10px;
}
.where-to-buy-common-map .map-infowindow.preferred-vendor .map-infowindow-footer .map-infowindow-link > a:after {
content: '\e908';
display: inline-block;
font-family: 'icomoon';
font-size: 70%;
font-weight: normal !important;
vertical-align: middle;
position: relative;
right: -5px;
top: 0px;
}
.where-to-buy-base h1,
.where-to-buy-base h2,
.where-to-buy-base h3,
.where-to-buy-base h4,
.where-to-buy-base h5 {
text-transform: none;
}
.where-to-buy-base h2 {
font-size: 25px;
line-height: 1.2;
}
.where-to-buy-base h3 {
font-size: 22px;
line-height: 1.2;
}
.where-to-buy-base .hide-map {
visibility: hidden;
height: 0;
}
.where-to-buy-base .button-main.button-arrow,
.where-to-buy-base .button-secondary.button-arrow {
padding: 12px 46px 12px 30px;
}
.where-to-buy-base .button-main.button-arrow:after,
.where-to-buy-base .button-secondary.button-arrow:after {
right: 29px;
}
.where-to-buy-base select {
width: 100%;
}
.where-to-buy-base .select-box-holder .select-box {
display: none;
}
.where-to-buy-base .tab-list .tab-item {
height: 42px;
padding: 4px 20px;
}
.where-to-buy-base .tab-list .tab-item.active {
padding-top: 5px;
top: -1px;
}
.where-to-buy-base .mobile-type-selector {
display: none;
}
.where-to-buy-base .where-buy-tab-row {
padding: 30px;
}
.where-to-buy-base a.dealer-website.cta-link-external {
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.where-to-buy-base a.dealer-website.cta-link-external:after {
top: 5px;
position: relative;
font-size: 26px;
margin: -13px 0 0 0;
}
.where-to-buy-base .where-to-buy-map {
margin-bottom: 30px;
}
.where-to-buy-base .where-to-buy-map .show-spinner {
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.where-to-buy-base button.where-to-buy-show-filter {
display: block;
margin: 20px 0;
padding: 8px 50px;
}
.where-to-buy-base .where-to-buy-search-results-base button.where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-search-results-distributor-base button.where-to-buy-show-filter {
display: none;
float: right;
}
.where-to-buy-base .where-to-buy-search-filter-holder {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-align-content: center;
-ms-align-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 30px;
width: 100%;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local {
-moz-flex: 1 1 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%;
flex: 1 1 30%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter + span {
font-size: 18px;
line-height: 1.2;
margin-top: 25px;
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-base-submit {
padding: 13px 40px;
}
.where-to-buy-base .where-to-buy-online-search-base-container,
.where-to-buy-base .where-to-buy-distributor-search-base-container {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-online-search-base-container .where-to-buy-search-country,
.where-to-buy-base .where-to-buy-distributor-search-base-container .where-to-buy-search-country {
max-width: 290px;
}
.where-to-buy-base .where-to-buy-search-filter-header {
padding: 20px;
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-search-filter-base-category {
margin: 10px 0;
}
.where-to-buy-base .where-to-buy-map-flip-switch {
display: none;
white-space: nowrap;
}
.where-to-buy-base .dealer-name {
display: block;
}
.where-to-buy-base .dealer-name-mobile {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .dealer-name-mobile {
font-size: 16px;
line-height: 1.2;
cursor: pointer;
}
.where-to-buy-base .where-to-buy-search-results-base table {
table-layout: fixed;
}
.where-to-buy-base .where-to-buy-search-results-base table .coordinates-selected tr:not(.active) {
opacity: 0.4;
}
.where-to-buy-base .where-to-buy-search-results-base table td.dealer-distance {
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-online-container .dealer-name {
cursor: default;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .show-spinner,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-online-container .show-spinner {
display: block;
-webkit-transform: translate(30%, 50%);
-moz-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
-o-transform: translate(30%, 50%);
transform: translate(30%, 50%);
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name-mobile {
padding: 20px 0;
}
@media all and (min-width: 1025px) {
.where-to-buy-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal {
background-color: transparent;
position: relative;
z-index: 1;
}
.where-to-buy-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal .button-main,
.where-to-buy-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal .modal-close {
display: none;
}
}
@media all and (max-width: 1024px) {
.where-to-buy-base {
padding: 15px;
}
.where-to-buy-base .mobile-type-selector {
display: block;
margin-bottom: 30px;
}
.where-to-buy-base .mobile-type-selector .select-box {
top: 2px;
}
.where-to-buy-base .where-buy-tab-row {
border: none;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-filter-holder {
background-color: transparent;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container {
display: block;
padding: 15px;
margin-bottom: 30px;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-search-local .where-to-buy-search-local-filter + span {
display: block;
margin: 20px 0 5px 0;
text-align: center;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-search-base-submit {
width: 100%;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-distributors-link {
text-align: right;
margin-top: 10px;
text-decoration: underline;
}
.where-to-buy-base .where-to-buy-online-search-base-container,
.where-to-buy-base .where-to-buy-distributor-search-base-container {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-online-search-base-container .where-to-buy-search-country,
.where-to-buy-base .where-to-buy-distributor-search-base-container .where-to-buy-search-country {
max-width: none;
}
.where-to-buy-base .where-to-buy-online-search-base-container .show-spinner,
.where-to-buy-base .where-to-buy-distributor-search-base-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-search-results {
padding: 0;
}
.where-to-buy-base .where-to-buy-search-results .dealer-distance {
margin: 5px 0;
}
.where-to-buy-base .where-to-buy-search-results .dealer-name,
.where-to-buy-base .where-to-buy-search-results .dealer-name-mobile {
font-size: 18px;
line-height: 1.2;
}
.where-to-buy-base .where-to-buy-search-results .button-arrow {
display: block;
padding: 18px 40px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container {
padding: 10px 0;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-align-content: center;
-ms-align-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar h2 {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
line-height: inherit;
padding: 0 5px;
text-align: center;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar h2 span {
word-break: break-word;
word-wrap: break-word;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar .button-secondary {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
margin: 10px 0;
padding: 17px 40px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .dealer-name-mobile {
padding: 0;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container table td:first-child {
padding-top: 20px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container table td:last-child {
padding-bottom: 10px;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.hide-filters {
display: none;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters {
background: white;
bottom: 0;
display: block;
height: 100%;
left: 0;
padding: 20px;
position: fixed;
right: 0;
top: 0;
z-index: 1050;
overflow: scroll;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal {
width: 100%;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .where-to-buy-search-filter-header {
background: none;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .button-main {
display: block;
width: 100%;
margin-top: 30px;
padding: 17px 40px;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .modal-close {
display: inline;
float: right;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal select {
margin: 0;
}
.where-to-buy-base .where-to-buy-mobile-header {
display: block;
}
.where-to-buy-base .where-to-buy-mobile-header h2 {
text-align: center;
font-size: 20px;
line-height: 1.2;
padding: 0 20px;
text-transform: capitalize;
}
.where-to-buy-base .where-to-buy-filter-view {
padding: 10px 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.where-to-buy-base .where-to-buy-map-flip-switch {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: baseline;
-moz-box-pack: baseline;
-ms-flex-pack: baseline;
-webkit-justify-content: baseline;
justify-content: baseline;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.where-to-buy-base .where-to-buy-map-flip-switch div {
background: #AAA;
color: white;
text-align: center;
padding: 10px 20px;
}
.where-to-buy-base .where-to-buy-map-flip-switch div.where-to-buy-flip-list {
border-radius: 5px 0 0 5px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
}
.where-to-buy-base .where-to-buy-map-flip-switch div.where-to-buy-flip-map {
border-radius: 0 5px 5px 0;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}
.where-to-buy-base .where-to-buy-map-flip-switch div.active {
background: #333;
}
.where-to-buy-base .brands-label {
display: inline;
}
.where-to-buy-base .where-to-buy-common-map {
margin: 0;
}
}
@media all and (max-width: 1024px) and (min-width: 767px) {
.where-to-buy-base .where-to-buy-search-results table td {
padding: 15px 0;
}
}
@media all and (max-width: 479px) {
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-filter-view {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar .button-secondary {
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
-webkit-flex: 0 1 50%;
flex: 0 1 50%;
}
}
@media all and (min-width: 1024px) {
.where-to-buy-base .where-to-buy-distributors-link {
display: none;
}
}
@media all and (max-width: 379px) {
.where-to-buy-base .where-to-buy-map-flip-switch {
padding: 10px 0;
}
}
@media all and (max-width: 1024px) and (min-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-base button.where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-search-results-distributor-base button.where-to-buy-show-filter {
display: block;
}
}
@media all and (min-width: 767px) {
.where-to-buy-base .where-buy-common-base .where-to-buy-filter-view {
display: none;
}
.where-to-buy-base .where-buy-common-base .where-to-buy-mobile-header {
display: none;
}
}
@media all and (max-width: 767px) {
.where-buy-common-base .dealer-name-mobile {
display: block;
}
.where-buy-common-base .dealer-name {
display: none;
}
.where-buy-common-base .where-to-buy-results-tables {
visibility: hidden;
height: 0;
}
.where-buy-common-base .where-to-buy-results-tables.show {
visibility: visible;
height: auto;
}
.where-buy-common-base .where-buy-common-map {
visibility: hidden;
height: 0;
}
.where-buy-common-base .where-buy-common-map.show {
visibility: visible;
height: auto;
}
}
.where-to-buy-distributors-cta-holder {
padding: 15px;
}
.where-to-buy-distributors-cta-holder h4 {
margin-bottom: 10px;
}
.where-to-buy-distributors-cta-holder .button {
padding: 13px 40px;
}
@media all and (max-width: 1024px) {
.where-to-buy-distributors-cta-holder {
display: none;
}
}
.where-to-buy-common-search-base .where-to-buy-search-field {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
margin: 0 10px;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder select {
width: 100%;
margin-bottom: 13px;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder select::-ms-expand {
display: none;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder .select-box {
top: 1px;
display: none;
}
.where-to-buy-common-search-base .where-to-buy-search-field label {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
text-align: center;
}
.where-to-buy-common-search-base .where-to-buy-search-field div {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field div input {
width: 100%;
margin-bottom: 13px;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-label,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-base-submit {
max-width: 15%;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-country,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-local {
max-width: 35%;
}
.where-to-buy-common-search-base .where-to-buy-search-local {
position: relative;
}
.where-to-buy-common-search-base .where-to-buy-search-local a:hover {
text-decoration: none;
}
.where-to-buy-common-search-base .where-to-buy-search-local .where-to-buy-search-base-postal-code {
padding-right: 20px;
}
.where-to-buy-common-search-base .where-to-buy-search-local .where-to-buy-search-base-postal-code::-ms-clear {
display: none;
}
.where-to-buy-common-search-base .where-to-buy-search-local .clear {
color: #545454;
position: absolute;
top: calc(50% - 8px);
right: 12px;
}
@media all and (max-width: 1024px) {
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-label,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-base-submit,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-country,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-local {
max-width: 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-label,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-base-submit {
display: block;
margin: 20px 0;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-country,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-local {
margin: 10px 0;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder select {
padding-left: 15px;
width: 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field label {
-moz-flex: 1 1 35%;
-ms-flex: 1 1 35%;
-webkit-flex: 1 1 35%;
flex: 1 1 35%;
text-align: left;
margin-right: 10px;
}
}
@media all and (max-width: 480px) {
.where-to-buy-common-search-base .where-to-buy-search-field div {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
}
}
.where-to-buy-search-filter-base .where-to-buy-search-filter-category {
padding: 20px;
border-bottom: 1px solid #CCC;
}
.where-to-buy-search-filter-base .custom-checkbox {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
white-space: nowrap;
text-transform: capitalize;
}
.where-to-buy-search-filter-base .custom-checkbox input {
display: none;
}
.where-to-buy-search-filter-base .custom-checkbox span {
width: 15px;
height: 15px;
display: inline-block;
background: #fff;
border: 1px solid #dadada;
position: relative;
margin: 5px 10px 5px 0;
}
.where-to-buy-search-filter-base .custom-checkbox span.radio-button {
border-radius: 10px;
}
.where-to-buy-search-filter-base .custom-checkbox span.radio-button span {
border-radius: 5px;
}
.where-to-buy-search-filter-base .custom-checkbox span span {
width: 9px;
height: 9px;
border: none;
position: relative;
margin: 2px 2px 4px;
}
.where-to-buy-search-filter-base .custom-checkbox input:checked + span span {
background: #777;
}
.where-to-buy-base .where-to-buy-search-results-base,
.where-to-buy-base .where-to-buy-search-results-distributor-base {
padding: 0px 0 0 3.25%;
}
.where-to-buy-base .where-to-buy-search-results-base .show-spinner,
.where-to-buy-base .where-to-buy-search-results-distributor-base .show-spinner {
margin: 0;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-results-tables,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-results-tables {
clear: both;
}
.where-to-buy-base .where-to-buy-search-results-base h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base h2 {
padding: 26px 0;
float: left;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-filter-bar,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-filter-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-physical,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-physical {
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.dealer-actions > .where-to-buy-dealer-action a:first-child,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.dealer-actions > .where-to-buy-dealer-action a:first-child {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .dealer-distance {
padding-right: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location {
width: 225px;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone {
width: 125px;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 50px;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-address,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-address {
width: 250px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-info-parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-location {
width: 300px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-action,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-action {
white-space: nowrap;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container h2 {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header {
background: #333;
padding: 20px 40px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header.where-to-buy-physical-stores {
margin-top: 35px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header h3 {
color: white;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-base .postal-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base .postal-location {
text-transform: capitalize;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-hours span,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-hours span {
display: block;
font-size: .8em;
line-height: 1.3;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-distance {
font-size: .9em;
line-height: 1.4;
}
.where-to-buy-base .where-to-buy-search-results-base .desktop-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .desktop-phone {
display: inline-block;
}
.where-to-buy-base .where-to-buy-search-results-base .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .mobile-phone {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .physical-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .physical-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-base .distributor-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .distributor-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-base .physical-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .physical-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-base .distributor-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .distributor-table.coordinates-selected .distributor-row:not(.active) {
opacity: 0.5;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base .dealer-website,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-website {
display: block;
padding-top: 2px;
white-space: nowrap;
font-size: 1em;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-phone:before,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-phone:before,
.where-to-buy-base .where-to-buy-search-results-base .dealer-website:before,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-website:before {
-moz-osx-font-smoothing: grayscale;
font-family: "icomoon";
line-height: 1;
vertical-align: middle;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-header-tab {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-load-more-div,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-load-more-div {
text-align: center;
padding: 50px 0;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-pagination ul,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-pagination ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-pagination li,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-pagination li {
margin: 6px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-pagination li:before,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-pagination li:before {
display: none;
}
@media all and (max-width: 480px) {
.where-to-buy-base .where-to-buy-search-results-base,
.where-to-buy-base .where-to-buy-search-results-distributor-base {
padding: 30px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-header-tab {
padding: 20px 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-headline,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-headline {
line-height: 1.2;
}
}
@media all and (max-width: 1279px) {
.where-to-buy-base .where-to-buy-search-results-base,
.where-to-buy-base .where-to-buy-search-results-distributor-base {
padding: 0px 3.25%;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row {
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-address-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-address-phone {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info {
width: 220px;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone {
width: 290px;
padding: 0 10px;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-location {
width: 250px;
}
}
@media all and (max-width: 768px) {
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
}
@media all and (max-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-name-address-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-name-address-phone {
flex-direction: column;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone {
width: 100%;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-address,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-address {
width: 100%;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-dealer-action,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-dealer-action,
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .mobile-phone {
margin-top: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-info-parent {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.where-to-buy-base .where-to-buy-search-results-base .desktop-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .desktop-phone {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .mobile-phone {
display: inline-block;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-header {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-table,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-table {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-table.showTab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-table.showTab {
display: block;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid #777;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab {
text-align: center;
display: inline-block;
padding: 10px 30px;
background: #777;
color: white;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin: 0;
white-space: nowrap;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab.active,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab.active {
background: #333;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab:first-child,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab:first-child {
margin-right: 3px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-headline,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-headline {
text-align: center;
margin: 20px 0;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-distance {
font-size: 1em;
padding: 0 0 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-distance {
font-weight: bold;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-type {
display: inline-block;
margin-bottom: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-hours,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-hours {
margin-bottom: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-hours span,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-hours span {
font-size: 1em;
line-height: 1;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-name,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .dealer-name-mobile,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-name-mobile {
margin: 0 8px 0 0;
padding-right: 10px;
}
}
@media all and (min-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container h2 {
display: block;
}
}
@media all and (max-width: 479px) {
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row {
flex-direction: column;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions {
align-items: flex-start;
margin-top: 20px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-action,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-action {
margin-top: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab {
padding: 10px 15px;
}
}
@media all and (min-width: 1025px) {
.where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 6.25%;
padding-right: 3.125%;
}
.where-to-buy-search-filter + .where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 3.125%;
padding-right: 6.25%;
}
.where-to-buy-search-results.aem-GridColumn--default--10,
.where-to-buy-search-results.aem-GridColumn--default--11 {
padding-left: 3.125%;
padding-right: 1.5625%;
}
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--10,
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--11 {
padding-left: 1.5625%;
padding-right: 3.125%;
}
}
.where-to-buy-base .where-to-buy-search-results-distributor-base {
padding: 0 20px;
}
@media all and (max-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-info-parent {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-location {
width: auto;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-phone {
width: auto;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base table tr td {
font-size: 1.2em;
line-height: 1.2;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base table tr td:last-child {
text-align: left;
}
}
.where-to-buy-dealer-action.visit-website.ferodo-only {
display: none;
}
.where-to-buy-campaign-revamp-map {
position: relative;
margin: 30px 0;
}
.where-to-buy-campaign-revamp-map .show-spinner {
position: absolute;
padding: 0;
margin: 0;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 1000;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow {
font-size: 1em;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .directions,
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .where-to-buy-hours,
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .address,
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .distance {
margin: 5px 0;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .dealer-name {
font-weight: bold;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .dealer-type {
display: inline-block;
margin-bottom: 10px;
text-transform: capitalize;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .directions {
margin-top: 10px;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .directions a {
padding: 0;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow .where-to-buy-hours span {
display: block;
}
.where-to-buy-campaign-revamp-map.google-map .gm-style-iw > div .map-infowindow div {
padding-bottom: 10px;
}
.where-to-buy-base h1,
.where-to-buy-base h2,
.where-to-buy-base h3,
.where-to-buy-base h4,
.where-to-buy-base h5 {
text-transform: none;
}
.where-to-buy-base h2 {
font-size: 25px;
line-height: 1.2;
}
.where-to-buy-base h3 {
font-size: 22px;
line-height: 1.2;
}
.where-to-buy-base .hide-map {
visibility: hidden;
height: 0;
}
.where-to-buy-base .button-main.button-arrow,
.where-to-buy-base .button-secondary.button-arrow {
padding: 12px 46px 12px 30px;
}
.where-to-buy-base .button-main.button-arrow:after,
.where-to-buy-base .button-secondary.button-arrow:after {
right: 29px;
}
.where-to-buy-base select {
width: 100%;
}
.where-to-buy-base .select-box-holder .select-box {
display: none;
}
.where-to-buy-base .tab-list .tab-item {
height: 42px;
padding: 4px 20px;
}
.where-to-buy-base .tab-list .tab-item.active {
padding-top: 5px;
top: -1px;
}
.where-to-buy-base .mobile-type-selector {
display: none;
}
.where-to-buy-base .where-buy-tab-row {
padding: 30px;
}
.where-to-buy-base a.dealer-website.cta-link-external {
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.where-to-buy-base a.dealer-website.cta-link-external:after {
top: 5px;
position: relative;
font-size: 26px;
margin: -13px 0 0 0;
}
.where-to-buy-base .where-to-buy-map {
margin-bottom: 30px;
}
.where-to-buy-base .where-to-buy-map .show-spinner {
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.where-to-buy-base button.where-to-buy-show-filter {
display: block;
margin: 20px 0;
padding: 8px 50px;
}
.where-to-buy-base .where-to-buy-search-results-base button.where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-search-results-distributor-base button.where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp button.where-to-buy-show-filter {
display: none;
float: right;
}
.where-to-buy-base .where-to-buy-search-filter-holder {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-align-content: center;
-ms-align-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 30px;
width: 100%;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local {
-moz-flex: 1 1 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%;
flex: 1 1 30%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter + span {
font-size: 18px;
line-height: 1.2;
margin-top: 25px;
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-base-submit {
padding: 13px 40px;
}
.where-to-buy-base .where-to-buy-online-search-base-container,
.where-to-buy-base .where-to-buy-distributor-search-base-container {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-online-search-base-container .where-to-buy-search-country,
.where-to-buy-base .where-to-buy-distributor-search-base-container .where-to-buy-search-country {
max-width: 290px;
}
.where-to-buy-base .where-to-buy-search-filter-header {
padding: 20px;
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-search-filter-base-category {
margin: 10px 0;
}
.where-to-buy-base .where-to-buy-map-flip-switch {
display: none;
white-space: nowrap;
}
.where-to-buy-base .dealer-name {
display: block;
}
.where-to-buy-base .dealer-name-mobile {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .dealer-name-mobile,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-name-mobile {
font-size: 16px;
line-height: 1.2;
cursor: pointer;
}
.where-to-buy-base .where-to-buy-search-results-base table,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp table {
table-layout: fixed;
}
.where-to-buy-base .where-to-buy-search-results-base table .coordinates-selected tr:not(.active),
.where-to-buy-base .where-to-buy-search-results-campaign-revamp table .coordinates-selected tr:not(.active) {
opacity: 0.4;
}
.where-to-buy-base .where-to-buy-search-results-base table td.dealer-distance,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp table td.dealer-distance {
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-container .show-spinner,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-online-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-online-container .dealer-name {
cursor: default;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .show-spinner,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .show-spinner,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-online-container .show-spinner,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-online-container .show-spinner {
display: block;
-webkit-transform: translate(30%, 50%);
-moz-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
-o-transform: translate(30%, 50%);
transform: translate(30%, 50%);
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name-mobile,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .dealer-name-mobile {
padding: 20px 0;
}
@media all and (min-width: 1025px) {
.where-to-buy-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal {
background-color: transparent;
position: relative;
z-index: 1;
}
.where-to-buy-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal .button-main,
.where-to-buy-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal .modal-close {
display: none;
}
}
@media all and (max-width: 1024px) {
.where-to-buy-base {
padding: 15px;
}
.where-to-buy-base .mobile-type-selector {
display: block;
margin-bottom: 30px;
}
.where-to-buy-base .mobile-type-selector .select-box {
top: 2px;
}
.where-to-buy-base .where-buy-tab-row {
border: none;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-filter-holder {
background-color: transparent;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container,
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-campaign-revamp-container {
display: block;
padding: 15px;
margin-bottom: 30px;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-search-local .where-to-buy-search-local-filter + span,
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-campaign-revamp-container .where-to-buy-search-local .where-to-buy-search-local-filter + span {
display: block;
margin: 20px 0 5px 0;
text-align: center;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-search-base-submit,
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-campaign-revamp-container .where-to-buy-search-base-submit {
width: 100%;
}
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-distributors-link,
.where-to-buy-base .where-to-buy-search-base .where-to-buy-search-campaign-revamp-container .where-to-buy-distributors-link {
text-align: right;
margin-top: 10px;
text-decoration: underline;
}
.where-to-buy-base .where-to-buy-online-search-base-container,
.where-to-buy-base .where-to-buy-distributor-search-base-container {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-online-search-base-container .where-to-buy-search-country,
.where-to-buy-base .where-to-buy-distributor-search-base-container .where-to-buy-search-country {
max-width: none;
}
.where-to-buy-base .where-to-buy-online-search-base-container .show-spinner,
.where-to-buy-base .where-to-buy-distributor-search-base-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-search-results {
padding: 0;
}
.where-to-buy-base .where-to-buy-search-results .dealer-distance {
margin: 5px 0;
}
.where-to-buy-base .where-to-buy-search-results .dealer-name,
.where-to-buy-base .where-to-buy-search-results .dealer-name-mobile {
font-size: 18px;
line-height: 1.2;
}
.where-to-buy-base .where-to-buy-search-results .button-arrow {
display: block;
padding: 18px 40px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container {
padding: 10px 0;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-align-content: center;
-ms-align-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar h2 {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
line-height: inherit;
padding: 0 5px;
text-align: center;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar h2 span {
word-break: break-word;
word-wrap: break-word;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar .button-secondary {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
margin: 10px 0;
padding: 17px 40px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .dealer-name,
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .dealer-name-mobile {
padding: 0;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container table td:first-child {
padding-top: 20px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container table td:last-child {
padding-bottom: 10px;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.hide-filters {
display: none;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters {
background: white;
bottom: 0;
display: block;
height: 100%;
left: 0;
padding: 20px;
position: fixed;
right: 0;
top: 0;
z-index: 1050;
overflow: scroll;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal {
width: 100%;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .where-to-buy-search-filter-header {
background: none;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .button-main {
display: block;
width: 100%;
margin-top: 30px;
padding: 17px 40px;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .modal-close {
display: inline;
float: right;
}
.where-to-buy-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal select {
margin: 0;
}
.where-to-buy-base .where-to-buy-mobile-header {
display: block;
}
.where-to-buy-base .where-to-buy-mobile-header h2 {
text-align: center;
font-size: 20px;
line-height: 1.2;
padding: 0 20px;
text-transform: capitalize;
}
.where-to-buy-base .where-to-buy-filter-view {
padding: 10px 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.where-to-buy-base .where-to-buy-map-flip-switch {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: baseline;
-moz-box-pack: baseline;
-ms-flex-pack: baseline;
-webkit-justify-content: baseline;
justify-content: baseline;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.where-to-buy-base .where-to-buy-map-flip-switch div {
background: #AAA;
color: white;
text-align: center;
padding: 10px 20px;
}
.where-to-buy-base .where-to-buy-map-flip-switch div.where-to-buy-flip-list {
border-radius: 5px 0 0 5px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
}
.where-to-buy-base .where-to-buy-map-flip-switch div.where-to-buy-flip-map {
border-radius: 0 5px 5px 0;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}
.where-to-buy-base .where-to-buy-map-flip-switch div.active {
background: #333;
}
.where-to-buy-base .brands-label {
display: inline;
}
.where-to-buy-base .where-to-buy-campaign-revamp-map {
margin: 0;
}
}
@media all and (max-width: 1024px) and (min-width: 767px) {
.where-to-buy-base .where-to-buy-search-results table td {
padding: 15px 0;
}
}
@media all and (max-width: 479px) {
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-filter-view {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar .button-secondary {
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
-webkit-flex: 0 1 50%;
flex: 0 1 50%;
}
}
@media all and (min-width: 1024px) {
.where-to-buy-base .where-to-buy-distributors-link {
display: none;
}
}
@media all and (max-width: 379px) {
.where-to-buy-base .where-to-buy-map-flip-switch {
padding: 10px 0;
}
}
@media all and (max-width: 1024px) and (min-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-base button.where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-search-results-distributor-base button.where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp button.where-to-buy-show-filter {
display: block;
}
}
@media all and (min-width: 767px) {
.where-to-buy-base .where-buy-common-base .where-to-buy-filter-view {
display: none;
}
.where-to-buy-base .where-buy-common-base .where-to-buy-mobile-header {
display: none;
}
}
@media all and (max-width: 767px) {
.where-buy-common-base .dealer-name-mobile {
display: block;
}
.where-buy-common-base .dealer-name {
display: none;
}
.where-buy-common-base .where-to-buy-results-tables {
visibility: hidden;
height: 0;
}
.where-buy-common-base .where-to-buy-results-tables.show {
visibility: visible;
height: auto;
}
.where-buy-common-base .where-buy-common-map {
visibility: hidden;
height: 0;
}
.where-buy-common-base .where-buy-common-map.show {
visibility: visible;
height: auto;
}
}
.where-to-buy-distributors-cta-holder {
padding: 15px;
}
.where-to-buy-distributors-cta-holder h4 {
margin-bottom: 10px;
}
.where-to-buy-distributors-cta-holder .button {
padding: 13px 40px;
}
@media all and (max-width: 1024px) {
.where-to-buy-distributors-cta-holder {
display: none;
}
}
.where-to-buy-common-search-base .where-to-buy-search-field {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
margin: 0 10px;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder select {
width: 100%;
margin-bottom: 13px;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder select::-ms-expand {
display: none;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder .select-box {
top: 1px;
display: none;
}
.where-to-buy-common-search-base .where-to-buy-search-field label {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
text-align: center;
}
.where-to-buy-common-search-base .where-to-buy-search-field div {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field div input {
width: 100%;
margin-bottom: 13px;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-label,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-base-submit {
max-width: 15%;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-country,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-local {
max-width: 35%;
}
.where-to-buy-common-search-base .where-to-buy-search-local {
position: relative;
}
.where-to-buy-common-search-base .where-to-buy-search-local a:hover {
text-decoration: none;
}
.where-to-buy-common-search-base .where-to-buy-search-local .where-to-buy-search-base-postal-code {
padding-right: 20px;
}
.where-to-buy-common-search-base .where-to-buy-search-local .where-to-buy-search-base-postal-code::-ms-clear {
display: none;
}
.where-to-buy-common-search-base .where-to-buy-search-local .clear {
color: #545454;
position: absolute;
top: calc(50% - 8px);
right: 12px;
}
@media all and (max-width: 1024px) {
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-label,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-base-submit,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-country,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-local {
max-width: 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-label,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-base-submit {
display: block;
margin: 20px 0;
}
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-country,
.where-to-buy-common-search-base .where-to-buy-search-field.where-to-buy-search-local {
margin: 10px 0;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder select {
padding-left: 15px;
width: 100%;
}
.where-to-buy-common-search-base .where-to-buy-search-field label {
-moz-flex: 1 1 35%;
-ms-flex: 1 1 35%;
-webkit-flex: 1 1 35%;
flex: 1 1 35%;
text-align: left;
margin-right: 10px;
}
}
@media all and (max-width: 480px) {
.where-to-buy-common-search-base .where-to-buy-search-field div {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
}
.where-to-buy-common-search-base .where-to-buy-search-field .select-box-holder {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
}
}
.where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category {
padding: 20px;
border-bottom: 1px solid #CCC;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
white-space: nowrap;
text-transform: capitalize;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox input {
display: none;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox span {
width: 15px;
height: 15px;
display: inline-block;
background: #fff;
border: 1px solid #dadada;
position: relative;
margin: 5px 10px 5px 0;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox span.radio-button {
border-radius: 10px;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox span.radio-button span {
border-radius: 5px;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox span span {
width: 9px;
height: 9px;
border: none;
position: relative;
margin: 2px 2px 4px;
}
.where-to-buy-search-filter-campaign-revamp .custom-checkbox input:checked + span span {
background: #777;
}
.where-to-buy-base .where-to-buy-search-results-base,
.where-to-buy-base .where-to-buy-search-results-distributor-base,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp {
padding: 0px 0 0 3.25%;
}
.where-to-buy-base .where-to-buy-search-results-base .show-spinner,
.where-to-buy-base .where-to-buy-search-results-distributor-base .show-spinner,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .show-spinner {
margin: 0;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-results-tables,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-results-tables,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-results-tables {
clear: both;
}
.where-to-buy-base .where-to-buy-search-results-base h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base h2,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp h2 {
padding: 26px 0;
float: left;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-filter-bar,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-filter-bar,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-filter-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-physical,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-physical,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent.where-to-buy-info-physical {
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-location {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .dealer-distance {
padding-right: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-location {
width: 225px;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-phone {
width: 125px;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-info {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 50px;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-address,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-address,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-address {
width: 250px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-info-parent,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-info-parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-dealer-location {
width: 300px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-action,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-action,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-dealer-action {
white-space: nowrap;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container h2,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container h2 {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-physical-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header {
background: #333;
padding: 20px 40px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-physical-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header.where-to-buy-physical-stores,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header.where-to-buy-physical-stores {
margin-top: 35px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-physical-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header h3,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container .where-to-buy-search-results-header h3 {
color: white;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-type,
.where-to-buy-base .where-to-buy-search-results-base .postal-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base .postal-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .postal-location {
text-transform: capitalize;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-hours span,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-hours span,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-hours span {
display: block;
font-size: .8em;
line-height: 1.3;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-distance {
font-size: .9em;
line-height: 1.4;
}
.where-to-buy-base .where-to-buy-search-results-base .desktop-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .desktop-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .desktop-phone {
display: inline-block;
}
.where-to-buy-base .where-to-buy-search-results-base .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .mobile-phone {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .physical-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .physical-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .physical-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-base .distributor-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .distributor-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .distributor-table.coordinates-selected .physical-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-base .physical-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .physical-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .physical-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-base .distributor-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-distributor-base .distributor-table.coordinates-selected .distributor-row:not(.active),
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .distributor-table.coordinates-selected .distributor-row:not(.active) {
opacity: 0.5;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base .dealer-website,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-website,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-website {
display: block;
padding-top: 2px;
white-space: nowrap;
font-size: 1em;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-phone:before,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-phone:before,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-phone:before,
.where-to-buy-base .where-to-buy-search-results-base .dealer-website:before,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-website:before,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-website:before {
-moz-osx-font-smoothing: grayscale;
font-family: "icomoon";
line-height: 1;
vertical-align: middle;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-header-tab {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-load-more-div,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-load-more-div,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-load-more-div {
text-align: center;
padding: 50px 0;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-pagination ul,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-pagination ul,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-pagination ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-pagination li,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-pagination li,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-pagination li {
margin: 6px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-pagination li:before,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-pagination li:before,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-pagination li:before {
display: none;
}
@media all and (max-width: 480px) {
.where-to-buy-base .where-to-buy-search-results-base,
.where-to-buy-base .where-to-buy-search-results-distributor-base,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp {
padding: 30px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-header-tab {
padding: 20px 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-headline,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-headline,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-headline {
line-height: 1.2;
}
}
@media all and (max-width: 1279px) {
.where-to-buy-base .where-to-buy-search-results-base,
.where-to-buy-base .where-to-buy-search-results-distributor-base,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp {
padding: 0px 3.25%;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row {
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-address-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-address-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent.where-to-buy-info-address-phone {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-info {
width: 220px;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-phone {
width: 290px;
padding: 0 10px;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-dealer-location {
width: 250px;
}
}
@media all and (max-width: 768px) {
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-info {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
}
@media all and (max-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-name-address-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-name-address-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent.where-to-buy-info-name-address-phone {
flex-direction: column;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-dealer-phone {
width: 100%;
padding: 0;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-dealer-name,
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-address,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-address,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-info .where-to-buy-info-parent .where-to-buy-distributor-address {
width: 100%;
}
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .where-to-buy-distributor-dealer-action,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .where-to-buy-distributor-dealer-action,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .where-to-buy-distributor-dealer-action,
.where-to-buy-base .where-to-buy-search-results-base div.distributor-row .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.distributor-row .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.distributor-row .mobile-phone {
margin-top: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-info-parent,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-info-parent,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-info-parent {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.where-to-buy-base .where-to-buy-search-results-base .desktop-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .desktop-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .desktop-phone {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .mobile-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .mobile-phone {
display: inline-block;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-header,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-header {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-table,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-table,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-table {
display: none;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-table.showTab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-table.showTab,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-table.showTab {
display: block;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-filter-tabs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid #777;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab {
text-align: center;
display: inline-block;
padding: 10px 30px;
background: #777;
color: white;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin: 0;
white-space: nowrap;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab.active,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab.active,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab.active {
background: #333;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab:first-child,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab:first-child,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab:first-child {
margin-right: 3px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-headline,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-headline,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-headline {
text-align: center;
margin: 20px 0;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-dealer-location,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-dealer-phone,
.where-to-buy-base .where-to-buy-search-results-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-distance {
font-size: 1em;
padding: 0 0 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-distance,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-distance {
font-weight: bold;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-type,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-type {
display: inline-block;
margin-bottom: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-hours,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-hours,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-hours {
margin-bottom: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-hours span,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-hours span,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-hours span {
font-size: 1em;
line-height: 1;
}
.where-to-buy-base .where-to-buy-search-results-base .dealer-name,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-name,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-name,
.where-to-buy-base .where-to-buy-search-results-base .dealer-name-mobile,
.where-to-buy-base .where-to-buy-search-results-distributor-base .dealer-name-mobile,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .dealer-name-mobile {
margin: 0 8px 0 0;
padding-right: 10px;
}
}
@media all and (min-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-physical-container h2,
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container h2,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-search-results-distributor-container h2,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-search-results-distributor-container h2 {
display: block;
}
}
@media all and (max-width: 479px) {
.where-to-buy-base .where-to-buy-search-results-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row {
flex-direction: column;
}
.where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions {
align-items: flex-start;
margin-top: 20px;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-base div.online-row .where-to-buy-online-dealer-action,
.where-to-buy-base .where-to-buy-search-results-distributor-base div.online-row .where-to-buy-online-dealer-action,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp div.online-row .where-to-buy-online-dealer-action {
margin-top: 10px;
}
.where-to-buy-base .where-to-buy-search-results-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab,
.where-to-buy-base .where-to-buy-search-results-campaign-revamp .where-to-buy-filter-tabs .where-to-buy-search-results-header-tab {
padding: 10px 15px;
}
}
@media all and (min-width: 1025px) {
.where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 6.25%;
padding-right: 3.125%;
}
.where-to-buy-search-filter + .where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 3.125%;
padding-right: 6.25%;
}
.where-to-buy-search-results.aem-GridColumn--default--10,
.where-to-buy-search-results.aem-GridColumn--default--11 {
padding-left: 3.125%;
padding-right: 1.5625%;
}
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--10,
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--11 {
padding-left: 1.5625%;
padding-right: 3.125%;
}
}
.where-to-buy-base .where-to-buy-search-results-distributor-base {
padding: 0 20px;
}
@media all and (max-width: 767px) {
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-info-parent {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-info,
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-location {
width: auto;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base .where-to-buy-dealer-phone {
width: auto;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base table tr td {
font-size: 1.2em;
line-height: 1.2;
}
.where-to-buy-base .where-to-buy-search-results-distributor-base table tr td:last-child {
text-align: left;
}
}
/* Accordion Styles */
.accordion .accordion-item {
border-top: 1px solid #333;
list-style: none;
}
.accordion .accordion-item:before {
display: none;
}
.accordion .accordion-item:last-child {
border-bottom: 1px solid #333;
}
.accordion .accordion-item .accordion-header {
cursor: pointer;
display: flex;
align-items: center;
margin: 0;
padding: 40px 65px 40px 8px;
position: relative;
-webkit-transition: color 0.3s ease 0s;
-moz-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
-ms-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
}
.accordion .accordion-item .accordion-header:after {
content: "\002B";
font-size: 2em;
left: auto;
line-height: 0.4em;
position: absolute;
right: 28px;
top: 50%;
-webkit-transform-origin: 115% 40% 0;
-moz-transform-origin: 115% 40% 0;
-ms-transform-origin: 115% 40% 0;
-o-transform-origin: 115% 40% 0;
transform-origin: 115% 40% 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.accordion .accordion-item .accordion-header-button {
background: none;
border: none;
width: 100%;
text-align: left;
}
.accordion .accordion-item .accordion-content {
display: none;
padding: 0 8px 40px 8px;
}
.accordion .accordion-item .accordion-content > *:last-child {
margin-bottom: 0;
}
.accordion .accordion-item.active .accordion-header:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.accordion .ordered-list {
counter-reset: customlistcounter;
}
.accordion .ordered-list .accordion-header {
padding-left: 3em;
}
.accordion .ordered-list .accordion-header:before {
content: counter(customlistcounter) " ";
counter-increment: customlistcounter;
font-weight: bold;
height: 1.7em;
left: 8px;
line-height: 1.6em;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: color 0.3s ease 0s;
-moz-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
-ms-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
width: 1.7em;
}
.aem-AuthorLayer-Edit .accordion .accordion-item .accordion-content,
.aem-AuthorLayer-Layouting .accordion .accordion-item .accordion-content {
display: block;
}
img.title-icon {
border: 1px solid #efefef;
text-align: center;
vertical-align: middle;
margin: 0px 10px 0px 0px;
padding: 5px;
border-radius: 7px;
}
.anti-counterfeit .has-bg .fa-stack-1x {
color: #000;
}
.anti-counterfeit .anti-counterfeit-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
min-height: 580px;
padding: 90px;
position: relative;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text {
margin: 0 auto;
width: 60%;
/* typography */
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h1,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h2,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h3,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h4,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h5,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h6,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text p {
margin-bottom: 15px;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h1:last-child,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h2:last-child,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h3:last-child,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h4:last-child,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h5:last-child,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text h6:last-child,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text p:last-child {
margin-bottom: 0px;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents {
margin: 45px 0 20px 0;
text-align: center;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input {
border: 0;
margin: 0 -5px 0 0;
vertical-align: initial;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages {
margin: 0 0 25px 0;
position: relative;
text-align: center;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .show-spinner {
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: 0;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .three-quarters-loader {
margin-left: 0;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-help-text {
margin: 45px 0;
text-align: center;
}
@media all and (max-width: 1024px) {
.anti-counterfeit .anti-counterfeit-container {
padding: 30px;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text {
width: 80%;
}
}
@media all and (max-width: 767px) {
.anti-counterfeit .anti-counterfeit-container {
min-height: 365px;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-header-text {
width: 100%;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-submit {
display: block;
margin: 5px auto 0 auto;
}
}
.article {
padding: 55px 85px 35px 85px;
}
.article .fmmp-text h1,
.article .fmmp-text h2,
.article .fmmp-text h3,
.article .fmmp-text h4,
.article .fmmp-text ul,
.article .fmmp-text ol,
.article .fmmp-text p {
margin-bottom: 26px;
}
.article .fmmp-text ul,
.article .fmmp-text ol {
text-indent: 0px;
}
.article .fmmp-text li ol,
.article .fmmp-text li ul {
margin-bottom: 0px;
}
.article .fmmp-text li li {
margin-left: 20px;
}
.article .image img {
max-width: 100%;
}
.article .article-utilities {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 479px) {
.article .article-utilities {
display: block;
}
.article .article-utilities > div {
margin: 1em 0;
}
}
@media (max-width: 1024px) {
.article {
padding: 55px;
}
}
@media (max-width: 767px) {
.article {
padding: 28px 17px 8px 17px;
}
}
@media all and (min-width: 1025px) {
.article.aem-GridColumn--default--6 {
padding-left: 9.921875%;
padding-right: 4.6875%;
}
.article.aem-GridColumn--default--6 + .article.aem-GridColumn--default--6 {
padding-left: 4.6875%;
padding-right: 9.921875%;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.article.aem-GridColumn--default--6 {
padding-left: 7.29166667%;
padding-right: 2.08333333%;
}
.article.aem-GridColumn--default--6 + .article.aem-GridColumn--default--6 {
padding-left: 2.08333333%;
padding-right: 7.29166667%;
}
}
@media (max-width: 767px) {
.aem-Grid.aem-Grid--12 > .article.aem-GridColumn.aem-GridColumn--default--6 {
width: 100%;
}
}
.article {
padding: 55px 85px 35px 85px;
}
.article .fmmp-text h1,
.article .text-content h1,
.article .fmmp-text h2,
.article .text-content h2,
.article .fmmp-text h3,
.article .text-content h3,
.article .fmmp-text h4,
.article .text-content h4,
.article .fmmp-text ul,
.article .text-content ul,
.article .fmmp-text ol,
.article .text-content ol,
.article .fmmp-text p,
.article .text-content p {
margin-bottom: 24px;
}
.article .fmmp-text ul,
.article .text-content ul,
.article .fmmp-text ol,
.article .text-content ol {
text-indent: 0px;
}
.article .fmmp-text li ol,
.article .text-content li ol,
.article .fmmp-text li ul,
.article .text-content li ul {
margin-bottom: 0px;
}
.article .fmmp-text li li,
.article .text-content li li {
margin-left: 20px;
}
.article .image img {
max-width: 100%;
}
.article .article-meta {
display: flex;
align-items: center;
}
.article .article-label {
display: inline-block;
width: auto;
height: auto;
padding: 5px 8px;
text-transform: uppercase;
letter-spacing: 1.29px;
margin-right: 20px;
margin-bottom: 28px;
}
.article .article-utilities {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 479px) {
.article .article-utilities {
display: block;
}
.article .article-utilities > div {
margin: 1em 0;
}
}
@media (max-width: 1024px) {
.article {
padding: 55px;
}
}
@media (max-width: 767px) {
.article {
padding: 28px 17px 8px 17px;
}
}
@media all and (min-width: 1025px) {
.article.aem-GridColumn--default--6 {
padding-left: 9.921875%;
padding-right: 4.6875%;
}
.article.aem-GridColumn--default--6 + .article.aem-GridColumn--default--6 {
padding-left: 4.6875%;
padding-right: 9.921875%;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.article.aem-GridColumn--default--6 {
padding-left: 7.29166667%;
padding-right: 2.08333333%;
}
.article.aem-GridColumn--default--6 + .article.aem-GridColumn--default--6 {
padding-left: 2.08333333%;
padding-right: 7.29166667%;
}
}
@media (max-width: 767px) {
.aem-Grid.aem-Grid--12 > .article.aem-GridColumn.aem-GridColumn--default--6 {
width: 100%;
}
}
.fixed-carousel-three {
overflow: hidden;
z-index: 1;
/*main images*/
/*foreground overlap overrides*/
/*thumbnails*/
/*slickdots*/
}
.fixed-carousel-three .carousel-container {
position: relative;
padding-top: 530px;
}
.fixed-carousel-three .carousel-slide.slide2,
.fixed-carousel-three .carousel-slide.slide3 {
display: none;
}
.fixed-carousel-three .slick-initialized .carousel-slide.slide2,
.fixed-carousel-three .slick-initialized .carousel-slide.slide3 {
display: block;
}
.fixed-carousel-three .slide-content {
padding-left: 40px;
-moz-flex: 0 0 50%;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
z-index: 1;
}
.fixed-carousel-three .slide-content p:last-child {
margin-bottom: 0;
}
.fixed-carousel-three .has-video .slide-content {
width: 50%;
}
.fixed-carousel-three .slide-content-video {
position: absolute;
left: 50%;
top: 50%;
}
.fixed-carousel-three .hide-foreground-image .slide-content {
padding: 0 5%;
margin: 0 130px 0 0;
width: auto;
-moz-flex: auto;
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
}
.fixed-carousel-three .carousel-slide-list {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.fixed-carousel-three .carousel-slide-list .slick-list,
.fixed-carousel-three .carousel-slide-list .slick-track,
.fixed-carousel-three .carousel-slide-list .carousel-slide,
.fixed-carousel-three .carousel-slide-list .carousel-slide > div,
.fixed-carousel-three .carousel-slide-list .carousel-slide > div > div,
.fixed-carousel-three .carousel-slide-list .carousel-slide-container {
height: 100%;
}
.fixed-carousel-three .carousel-slide-list .has-bg-medium,
.fixed-carousel-three .carousel-slide-list .has-bg-small {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container > div {
height: 100%;
width: 100%;
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image {
position: absolute;
height: 100%;
padding-right: 130px;
width: 50%;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image .foreground-image {
height: 100%;
position: relative;
margin-bottom: 0;
overflow: visible;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image .foreground-image > div {
height: 100%;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image .foreground-image > div img {
bottom: 0;
height: auto;
margin: auto;
min-height: 200px;
min-width: 200px;
max-width: none;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.fixed-carousel-three .has-video {
border-right: 130px solid #000;
}
.fixed-carousel-three .show-slick-dots .has-video {
border-right: 0;
}
.fixed-carousel-three .show-slick-dots .carousel-slide-container .carousel-foreground-image {
padding-right: 0;
}
.fixed-carousel-three .slick-list {
overflow: visible;
}
.fixed-carousel-three .carousel-slide .allow-foreground-overlap .carousel-slide-container {
position: relative;
}
.fixed-carousel-three .carousel-slide .allow-foreground-overlap .carousel-slide-container .carousel-foreground-image {
height: 110%;
width: 65%;
}
.fixed-carousel-three .carousel-slide-nav-list {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-left: 1em;
position: absolute;
right: 0;
top: 0;
z-index: 1001;
}
.fixed-carousel-three .carousel-slide-nav-list .bg-authorable-wrapper {
-moz-flex-basis: 33%;
-ms-flex-basis: 33%;
-webkit-flex-basis: 33%;
flex-basis: 33%;
height: 33%;
}
.fixed-carousel-three .carousel-slide-nav-list .bg-authorable-wrapper:last-child {
-moz-flex-basis: 34%;
-ms-flex-basis: 34%;
-webkit-flex-basis: 34%;
flex-basis: 34%;
height: 34%;
}
.fixed-carousel-three .carousel-thumbnail {
cursor: pointer;
height: 100%;
position: relative;
transition: all 0.3s ease, z-index 0s;
width: 130px;
}
.fixed-carousel-three .carousel-thumbnail:before {
transition: all 0.3s ease, z-index 0s;
content: "◄";
font-size: 1em;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: -9px;
opacity: 0;
}
.fixed-carousel-three .carousel-thumbnail.active {
z-index: 2;
cursor: default;
}
.fixed-carousel-three .carousel-thumbnail.active:before {
opacity: 1;
}
.fixed-carousel-three .carousel-thumbnail .has-bg {
height: 100%;
overflow: hidden;
position: relative;
}
.fixed-carousel-three .carousel-thumbnail .has-bg .bg {
background-position: center;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.fixed-carousel-three .carousel-thumbnail .has-bg .bg:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.fixed-carousel-three .carousel-thumbnail .has-bg .bg:hover:before {
background: #000000;
opacity: 0.2;
}
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container {
height: 100%;
pointer-events: none;
z-index: 10;
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container h1,
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container h2,
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container h3,
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container h4,
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container h5,
.fixed-carousel-three .carousel-thumbnail .carousel-thumbnail-container p {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fixed-carousel-three .carousel-thumbnail.nav2,
.fixed-carousel-three .carousel-thumbnail.nav3 {
height: calc(100% + 3px);
margin-top: -3px;
}
.fixed-carousel-three .slick-dots {
bottom: 0px;
}
@media all and (min-width: 1025px) {
.fixed-carousel-three .slick-dots {
display: none !important;
}
.fixed-carousel-three .show-slick-dots .slick-dots {
display: block !important;
}
}
@media all and (max-width: 1024px) {
.fixed-carousel-three p {
display: none;
}
.fixed-carousel-three .carousel-slide-nav-list {
display: none;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide .has-video {
border-right: 0;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image {
padding-right: 0;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image img {
min-height: auto;
min-width: auto;
}
.fixed-carousel-three .hide-foreground-image .slide-content {
margin-right: 0;
}
.fixed-carousel-three .slide-content {
padding-left: 17px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: left;
}
.fixed-carousel-three .has-video > div > div {
width: 100%;
}
.fixed-carousel-three .has-video .slide-content {
width: auto;
}
}
@media all and (max-width: 767px) {
.fixed-carousel-three .carousel-container {
height: 280px;
padding-top: 0;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image {
width: 100%;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image .foreground-image img {
display: none;
}
.fixed-carousel-three .slide-content {
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 17px;
}
.fixed-carousel-three .slide-content h1,
.fixed-carousel-three .slide-content p {
color: #fff !important;
}
.fixed-carousel-three .slide-content h1 span,
.fixed-carousel-three .slide-content p span {
color: #fff !important;
}
.fixed-carousel-three .carousel-slide .allow-foreground-overlap .carousel-slide-container .carousel-foreground-image {
width: 100%;
}
}
@media all and (max-width: 479px) {
.fixed-carousel-three .slide-content .button-arrow {
display: block !important;
}
.fixed-carousel-three .has-bg {
background-image: none;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.fixed-carousel-three .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 1025px) {
.fixed-carousel-three .has-bg-medium,
.fixed-carousel-three .has-bg-small {
background-image: none !important;
}
}
.aem-AuthorLayer-Edit .fixed-carousel-three .carousel-slide-list .carousel-slide-container .carousel-foreground-image {
width: 70%;
}
.aem-AuthorLayer-Edit .fixed-carousel-three + .new.section {
margin-top: 100px;
}
.cookie-disclaimer-container {
-webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
width: 100%;
z-index: 1005;
}
.cookie-disclaimer-container .page-content-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
padding: 10px 20px;
}
.cookie-disclaimer-container .page-content-container .cookie-disclaimer-buttons {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.cookie-disclaimer-container .page-content-container .cookie-disclaimer-buttons button {
margin: 0 0 0 5px;
min-width: 130px;
padding: 10px;
width: auto;
display: inline;
}
.cookie-disclaimer-container p {
margin-bottom: 0px;
font-size: 16px;
width: 65%;
}
@media all and (max-width: 1024px) {
.cookie-disclaimer-container .page-content-container {
text-align: center;
}
.cookie-disclaimer-container .page-content-container .cookie-disclaimer-buttons button {
padding: 10px;
}
}
@media all and (max-width: 767px) {
.cookie-disclaimer-container .page-content-container {
display: block;
}
.cookie-disclaimer-container .cookie-disclaimer-buttons {
margin-top: 5px;
}
.cookie-disclaimer-container p {
width: 100%;
}
}
@media (max-height: 767px) {
.cookie-disclaimer-container .page-content-container {
text-align: center;
}
.cookie-disclaimer-container .page-content-container .cookie-disclaimer-buttons button {
min-width: auto;
right: 3px;
}
}
.cross-sell {
padding: 80px 0;
}
.show-spinner {
margin: 0;
}
.cross-sell-header {
padding: 0 5%;
text-align: center;
}
.cross-sell-header h2 {
margin-bottom: 5px;
}
.cross-sell-header p {
margin-bottom: 40px;
}
.cross-sell-items {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.cross-sell-item {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 0 5%;
text-align: center;
max-width: 720px;
margin: 0 auto;
}
.cross-sell-item .image {
height: 200px;
overflow: hidden;
font-size: 0px;
line-height: 200px;
text-align: center;
}
.cross-sell-item .image img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.cross-sell-item h3 {
margin-bottom: 10px;
}
.cross-sell-item p {
margin: 0;
}
.cross-sell-item .button-main {
margin-top: 20px;
}
@media (max-width: 1024px) {
.cross-sell {
padding: 50px 0;
}
.cross-sell-header {
margin-bottom: 30px;
}
.cross-sell-item .button-main {
width: 100%;
}
}
@media (max-width: 767px) {
.cross-sell {
padding: 36px 0;
}
.cross-sell p {
margin-bottom: 20px;
font-size: 14px;
}
.cross-sell-header h2 {
font-size: 30px;
}
.cross-sell-items {
display: block;
}
.cross-sell-item {
padding: 0 5%;
text-align: center;
max-width: 720px;
margin: 0 auto;
}
.cross-sell-item h3 {
font-size: 25px;
}
.cross-sell-item ~ .cross-sell-item {
margin-top: 50px;
}
}
@media all and (max-width: 767px) {
.cross-sell-item {
padding-left: 10%;
padding-right: 10%;
}
}
.trouble-diagnostic-symptom-container .symptom-part-overlay {
background-color: rgba(255, 255, 255, 0.95);
height: 100%;
right: 0;
position: absolute;
top: 0;
}
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide {
opacity: 0;
}
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-add,
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-remove,
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-add-active,
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-remove-active {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.trouble-diagnostic-symptom-container .symptom-part-overlay .close-part {
right: 15%;
}
.trouble-diagnostic-symptom-container .trouble-diagnostics-part-left {
float: left;
width: 49%;
}
.trouble-diagnostic-symptom-container .trouble-diagnostics-part-right {
float: right;
width: 49%;
}
.trouble-diagnostic-symptom-container .trouble-diagnostics-part-image {
width: 280px;
height: 280px;
border: 5px solid #113c57;
border-radius: 100%;
overflow: hidden;
margin-bottom: 28px;
}
@media all and (max-width: 1160px) and (min-width: 768px) {
.trouble-diagnostic-symptom-container .part-details {
padding: 2% 8%;
}
.trouble-diagnostic-symptom-container .part-details .close-part {
padding: 10px;
right: 0;
top: 0;
}
}
@media all and (max-width: 767px) {
.trouble-diagnostic-symptom-container .part-details {
padding: 2% 9%;
}
.trouble-diagnostic-symptom-container .trouble-diagnostics-part-left,
.trouble-diagnostic-symptom-container .trouble-diagnostics-part-right {
float: none;
width: auto;
}
}
@media all and (max-width: 420px) {
.trouble-diagnostic-symptom-container .trouble-diagnostics-part-image {
width: 176px;
height: 176px;
}
}
.symptom-part-overlay .part-details,
.global-data-preview .part-details {
height: 100%;
padding: 4% 23%;
position: relative;
}
.symptom-part-overlay .part-details .part-details-container,
.global-data-preview .part-details .part-details-container {
height: 100%;
overflow: auto;
padding: 0 3% 3% 3%;
}
.symptom-part-overlay .part-details .buy-links a,
.global-data-preview .part-details .buy-links a {
margin-right: 40px;
}
.symptom-part-overlay .part-details .close-part,
.global-data-preview .part-details .close-part {
cursor: pointer;
padding: 15px;
position: absolute;
right: 13%;
top: 5%;
}
.symptom-part-overlay .part-details .part-image img,
.global-data-preview .part-details .part-image img {
display: block;
margin: 0 auto;
width: 100%;
}
.symptom-part-overlay .part-details .buy-online-container,
.global-data-preview .part-details .buy-online-container {
height: 52px;
min-width: 160px;
position: relative;
display: inline-block;
}
.symptom-part-overlay .part-details .buy-online-container .button-main,
.global-data-preview .part-details .buy-online-container .button-main {
border-width: 3px;
line-height: 24px;
padding: 0px 15px;
}
.symptom-part-overlay .part-details .buy-online-container .button-main.cta-link,
.global-data-preview .part-details .buy-online-container .button-main.cta-link {
margin-right: 0;
padding-right: 30px;
}
.symptom-part-overlay .part-details .buy-online-container .button-main.cta-link:after,
.global-data-preview .part-details .buy-online-container .button-main.cta-link:after {
right: 10px;
}
.symptom-part-overlay .part-details .buy-online-container .buy-online-toolbox,
.global-data-preview .part-details .buy-online-container .buy-online-toolbox {
background: #FFF;
left: 0;
max-height: 0;
overflow: hidden;
position: absolute;
top: 52px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
min-width: 100%;
z-index: 999;
}
.symptom-part-overlay .part-details .buy-online-container .buy-online-toolbox a,
.global-data-preview .part-details .buy-online-container .buy-online-toolbox a {
cursor: pointer;
display: block;
line-height: 20px;
min-height: 36px;
padding: 8px;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.symptom-part-overlay .part-details .buy-online-container.open-up .buy-online-toolbox,
.global-data-preview .part-details .buy-online-container.open-up .buy-online-toolbox {
bottom: 52px;
top: auto;
}
.symptom-part-overlay .part-details .buy-online-container:hover .buy-online-toolbox,
.global-data-preview .part-details .buy-online-container:hover .buy-online-toolbox {
max-height: 560px;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.symptom-part-overlay .part-details,
.global-data-preview .part-details {
padding: 2% 8%;
}
.symptom-part-overlay .part-details .buy-links a,
.global-data-preview .part-details .buy-links a {
margin-right: 20px;
}
.symptom-part-overlay .part-details .close-part,
.global-data-preview .part-details .close-part {
padding: 10px;
right: 0;
top: 0;
}
.symptom-part-overlay .part-details .part-image img,
.global-data-preview .part-details .part-image img {
max-height: 300px;
}
}
@media all and (max-width: 767px) {
.symptom-part-overlay .part-details,
.global-data-preview .part-details {
padding: 2% 9%;
}
.symptom-part-overlay .part-details .buy-links a,
.global-data-preview .part-details .buy-links a {
display: block;
}
.symptom-part-overlay .part-details .close-part,
.global-data-preview .part-details .close-part {
right: 0;
top: 0;
}
}
.diagnostic-center .diagnostic-center-container {
height: 100%;
width: 100%;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container {
overflow: hidden;
position: relative;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner {
background-color: rgba(255, 255, 255, 0.95);
height: 100%;
right: 0;
position: absolute;
top: 0;
width: calc(100% - 280px);
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner .three-quarters-loader {
margin-top: 25%;
margin-left: 35%;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay {
background-color: rgba(255, 255, 255, 0.95);
height: 100%;
right: 0;
position: absolute;
top: 0;
width: calc(100% - 280px);
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay.ng-hide {
opacity: 0;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay.ng-hide-add,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay.ng-hide-remove,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay.ng-hide-add-active,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay.ng-hide-remove-active {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media all and (min-width: 768px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-nav-list {
float: left;
max-width: 280px;
z-index: 10;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container {
float: left;
width: calc(100% - 280px);
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: none;
margin: 0 auto;
position: relative;
width: 60%;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image.selected,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image.default-selected {
display: block;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title {
cursor: pointer;
position: absolute;
white-space: nowrap;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-left {
-webkit-transform: translate(calc(-100% + 12px), -50%);
-moz-transform: translate(calc(-100% + 12px), -50%);
-ms-transform: translate(calc(-100% + 12px), -50%);
-o-transform: translate(calc(-100% + 12px), -50%);
transform: translate(calc(-100% + 12px), -50%);
-ms-transform: translate(-100%, -50%);
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-right {
-webkit-transform: translate(-12px, -50%);
-moz-transform: translate(-12px, -50%);
-ms-transform: translate(-12px, -50%);
-o-transform: translate(-12px, -50%);
transform: translate(-12px, -50%);
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-left:after,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-right:before {
font-family: 'icomoon' !important;
content: "\e900";
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-mobile-container {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-nav-list {
max-width: 220px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner {
width: calc(100% - 220px);
}
}
@media all and (max-width: 767px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-nav-list {
max-width: 100%;
position: relative;
overflow: hidden;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-nav-list.selected {
display: none;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner .three-quarters-loader {
margin-left: 50%;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image-container {
display: none;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container > .symptom-image {
display: none;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile {
display: none;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .symptom-image img {
display: block;
margin: 15px auto;
max-height: 300px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
cursor: pointer;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected {
display: block !important;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-back-link {
display: none;
padding: 24px 0 23px 0;
text-align: center;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-was-selected {
display: block !important;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-part-overlay,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner {
width: 100%;
}
}
.aem-AuthorLayer-Edit .diagnostic-center .symptom-image:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAxcHgiIGhlaWdodD0iNTAxcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHBhdGggZD0iTSA1MCAwIEwgMCAwIDAgNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iZ3JheSIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8L3BhdHRlcm4+CiAgPC9kZWZzPgogIAogIDxyZWN0IHdpZHRoPSI1MDFweCIgaGVpZ2h0PSI1MDFweCIgZmlsbD0idXJsKCNncmlkKSIvPgo8L3N2Zz4=");
background-repeat: no-repeat;
background-size: contain;
content: " ";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.dc-symptom .symptom-link-container {
position: relative;
}
.dc-symptom .symptom-link-container .symptom-link {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon {
-moz-flex: 10 0 100px;
-ms-flex: 10 0 100px;
-webkit-flex: 10 0 100px;
flex: 10 0 100px;
-moz-align-self: stretch;
-ms-align-self: stretch;
-webkit-align-self: stretch;
align-self: stretch;
max-width: 100px;
position: relative;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon .activeIcon,
.dc-symptom .symptom-link-container .symptom-link .symptom-icon .inactiveIcon {
left: 50%;
margin: 0 auto;
max-width: 60px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon .activeIcon {
display: none;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon .inactiveIcon {
display: block;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-title {
-moz-flex: 18 1 auto;
-ms-flex: 18 1 auto;
-webkit-flex: 18 1 auto;
flex: 18 1 auto;
}
.dc-symptom .symptom-link-container.selected .symptom-link .symptom-icon .activeIcon {
display: block !important;
}
.dc-symptom .symptom-link-container.selected .symptom-link .symptom-icon .inactiveIcon {
display: none !important;
}
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-icon .activeIcon {
display: block !important;
}
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-icon .inactiveIcon {
display: none !important;
}
@media all and (max-width: 767px) {
.dc-symptom .symptom-link-container .symptom-link .symptom-icon {
-moz-flex: 10 0 110px;
-ms-flex: 10 0 110px;
-webkit-flex: 10 0 110px;
flex: 10 0 110px;
max-width: 110px;
}
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-icon .activeIcon {
display: none !important;
}
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-icon .inactiveIcon {
display: block !important;
}
}
.download-file .download-file-container {
padding: 25px 0;
text-align: center;
}
.download-file .download-file-container .download-file-content {
display: inline-block;
padding: 0 15px;
}
.download-file .download-file-container .button-main {
display: inline-block;
}
@media (max-width: 767px) {
.download-file .download-file-container .download-file-content {
display: block;
margin-bottom: 1em;
}
}
.article .download-file .download-file-container .button-main:hover {
text-decoration: none;
}
.download-files-button .file-download-list .select-box-holder a.select-box {
display: none;
}
.article .download-files-button .button-main:hover {
text-decoration: none;
}
.expert-advice {
position: relative;
text-align: center;
}
.expert-advice .expert-advice-container {
padding: 50px 0 50px 0;
}
.expert-advice .expert-advice-container h2 {
margin: 0;
}
.expert-advice .expert-advice-container p {
padding: 30px 0;
width: 90%;
margin: 0 auto;
}
.expert-advice .expert-advice-container .person-headline {
display: inline-block;
margin-bottom: 0;
}
.expert-advice .expert-advice-container .person-headline .person-headline-avatar {
float: none;
margin-right: 0px;
}
.expert-advice .expert-advice-container .person-headline .person-headline-avatar img {
border-radius: 95px;
height: 95px;
width: 95px;
}
.expert-advice .expert-advice-container .person-headline .person-headline-contents {
float: none;
text-align: center;
padding: 0;
}
@media all and (min-width: 768px) {
.expert-advice .expert-advice-container {
padding: 80px 0 70px 0;
}
.expert-advice .expert-advice-container p {
padding: 50px 0 40px;
width: 80%;
}
.expert-advice .expert-advice-container .person-headline .person-headline-avatar {
float: left;
margin-right: 20px;
}
.expert-advice .expert-advice-container .person-headline .person-headline-contents {
float: left;
text-align: left;
padding-top: 24px;
}
}
@media all and (min-width: 1025px) {
.expert-advice .expert-advice-container {
padding: 115px 0 60px 0;
}
.expert-advice .expert-advice-container p {
padding: 55px 0 60px;
width: 70%;
}
}
.filterable-ledes .ledes-wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.filterable-ledes .ledes-wrapper .ledes-filter {
-moz-flex: 0 0 20%;
-ms-flex: 0 0 20%;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
left: 0;
max-width: 20%;
padding-bottom: 1em;
position: relative;
text-align: left;
width: 20%;
}
.filterable-ledes .ledes-wrapper .ledes-filter label {
padding-right: 38px;
vertical-align: middle;
}
.filterable-ledes .ledes-wrapper .ledes-filter ul {
max-width: 100%;
}
.filterable-ledes .ledes-wrapper .ledes-filter ul li:before {
content: none;
}
.filterable-ledes .ledes-wrapper .ledes-container {
-moz-flex: 0 0 80%;
-ms-flex: 0 0 80%;
-webkit-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
width: 80%;
}
.filterable-ledes .ledes-wrapper ul.pagination {
clear: both;
display: inline-block;
text-align: center;
}
.filterable-ledes .ledes-wrapper ul.pagination li {
display: inline-block;
margin: 0;
padding: 0;
}
.filterable-ledes .ledes-wrapper ul.pagination li:before {
content: "";
}
.filterable-ledes .ledes-wrapper ul.pagination li a {
padding: 1em;
}
.filterable-ledes .ledes-wrapper .ledes-results-total {
display: inline-block;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.filterable-ledes .ledes-wrapper .ledes-filter {
-moz-flex: 0 0 25%;
-ms-flex: 0 0 25%;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
width: 25%;
}
.filterable-ledes .ledes-wrapper .ledes-container {
-moz-flex: 0 0 80%;
-ms-flex: 0 0 80%;
-webkit-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
width: 80%;
}
}
@media (max-width: 767px) {
.filterable-ledes .ledes-wrapper {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.filterable-ledes .ledes-wrapper .ledes-filter {
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.filterable-ledes .ledes-wrapper .ledes-container {
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
.aem-AuthorLayer-Edit .filterable-ledes .ledes-wrapper {
min-height: 150px;
}
.form-additional,
.form-registration,
.form-suggestion,
.champion-stock-form-registration {
margin: 0 auto;
}
.form-additional .form-sub-group,
.form-registration .form-sub-group,
.form-suggestion .form-sub-group,
.champion-stock-form-registration .form-sub-group,
.form-additional .reg-form-input,
.form-registration .reg-form-input,
.form-suggestion .reg-form-input,
.champion-stock-form-registration .reg-form-input,
.form-additional .sug-form-input,
.form-registration .sug-form-input,
.form-suggestion .sug-form-input,
.champion-stock-form-registration .sug-form-input {
margin: 10px 0;
}
.form-additional .form-sub-group input[type="file"],
.form-registration .form-sub-group input[type="file"],
.form-suggestion .form-sub-group input[type="file"],
.champion-stock-form-registration .form-sub-group input[type="file"],
.form-additional .reg-form-input input[type="file"],
.form-registration .reg-form-input input[type="file"],
.form-suggestion .reg-form-input input[type="file"],
.champion-stock-form-registration .reg-form-input input[type="file"],
.form-additional .sug-form-input input[type="file"],
.form-registration .sug-form-input input[type="file"],
.form-suggestion .sug-form-input input[type="file"],
.champion-stock-form-registration .sug-form-input input[type="file"] {
display: block;
opacity: 0;
height: 1px;
}
.form-additional .form-sub-group .files-list,
.form-registration .form-sub-group .files-list,
.form-suggestion .form-sub-group .files-list,
.champion-stock-form-registration .form-sub-group .files-list,
.form-additional .reg-form-input .files-list,
.form-registration .reg-form-input .files-list,
.form-suggestion .reg-form-input .files-list,
.champion-stock-form-registration .reg-form-input .files-list,
.form-additional .sug-form-input .files-list,
.form-registration .sug-form-input .files-list,
.form-suggestion .sug-form-input .files-list,
.champion-stock-form-registration .sug-form-input .files-list {
margin-top: 5px;
}
@media all and (min-width: 1025px) {
.form-additional,
.form-registration,
.form-suggestion,
.champion-stock-form-registration {
width: 50%;
}
.form-additional .reg-form-input.form-group,
.form-registration .reg-form-input.form-group,
.form-suggestion .reg-form-input.form-group,
.champion-stock-form-registration .reg-form-input.form-group,
.form-additional .sug-form-input.form-group,
.form-registration .sug-form-input.form-group,
.form-suggestion .sug-form-input.form-group,
.champion-stock-form-registration .sug-form-input.form-group {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.form-additional .reg-form-input .form-sub-group,
.form-registration .reg-form-input .form-sub-group,
.form-suggestion .reg-form-input .form-sub-group,
.champion-stock-form-registration .reg-form-input .form-sub-group,
.form-additional .sug-form-input .form-sub-group,
.form-registration .sug-form-input .form-sub-group,
.form-suggestion .sug-form-input .form-sub-group,
.champion-stock-form-registration .sug-form-input .form-sub-group {
-moz-flex: 0 0 49%;
-ms-flex: 0 0 49%;
-webkit-flex: 0 0 49%;
flex: 0 0 49%;
}
}
.form-additional .tooltip,
.form-registration .tooltip,
.form-suggestion .tooltip,
.champion-stock-form-registration .tooltip {
position: relative;
display: inline-block;
left: 5px;
}
.form-additional .tooltip .tooltiptext,
.form-registration .tooltip .tooltiptext,
.form-suggestion .tooltip .tooltiptext,
.champion-stock-form-registration .tooltip .tooltiptext {
background-color: #000;
border-radius: 5px;
color: #fff;
padding: 8px;
position: absolute;
left: 20px;
min-width: 150px;
text-align: center;
top: -35px;
visibility: hidden;
z-index: 1;
}
.form-additional .tooltip:hover .tooltiptext,
.form-registration .tooltip:hover .tooltiptext,
.form-suggestion .tooltip:hover .tooltiptext,
.champion-stock-form-registration .tooltip:hover .tooltiptext {
visibility: visible;
}
.form-additional .show-spinner,
.form-registration .show-spinner,
.form-suggestion .show-spinner,
.champion-stock-form-registration .show-spinner {
position: fixed;
left: 0;
}
.part-detail {
border: 1px solid #ccc;
margin: 10px 0;
}
.part-detail .page-content-container {
background-color: white;
padding: 30px 50px;
}
.part-detail .page-content-container .part-detail-top {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 30px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-brand-image {
max-width: 130px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-images {
margin-right: 30px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-part-number {
font-size: 20px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-buttons {
margin-top: 15px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text {
margin: 30px 0;
padding-top: 20px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-fits {
margin-top: 30px;
}
.part-detail .page-content-container .part-detail-bottom {
margin-top: 75px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 20px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile {
display: none;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-nav {
-moz-flex: 0 1 20%;
-ms-flex: 0 1 20%;
-webkit-flex: 0 1 20%;
flex: 0 1 20%;
margin-right: 30px;
max-width: 20%;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-nav li.part-detail-help-link {
display: block;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
position: relative;
}
.part-detail .page-content-container .part-detail-help-link {
display: none;
}
@media all and (min-width: 1279px) {
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-images .part-detail-hero-image .cq-dd-image {
height: 600px;
width: 600px;
display: table-cell;
vertical-align: middle;
}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-images .part-detail-hero-image .cq-dd-image {
height: 400px;
width: 400px;
display: table-cell;
vertical-align: middle;
}
}
@media all and (max-width: 1024px) {
.part-detail {
border: none;
margin: 0;
}
.part-detail .page-content-container {
padding: 20px;
}
.part-detail .page-content-container .part-detail-top {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-images {
margin-right: 0;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-segment .part-detail-images .part-detail-hero-image {
width: 100%;
display: block;
height: auto;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description {
margin-top: 15px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-buttons {
margin-top: 30px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-buttons .button {
display: block;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text {
margin: 20px 0;
padding-top: 0;
}
.part-detail .page-content-container .part-detail-bottom {
margin-top: 50px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-fits .fits-info {
line-height: 22px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about {
display: block;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-nav {
display: none;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile {
display: block;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details {
padding: 15px;
}
.part-detail .page-content-container .part-detail-help-link {
display: block;
font-size: 18px;
line-height: 22px;
margin: 20px 0 30px 0;
}
}
@media all and (min-width: 1025px) {
.page-template-freeform-catalog .part-detail {
margin: 10px;
}
}
.part-list-links i.fa {
margin-right: 8px;
}
.part-list-links ul > li > ul {
margin-left: 30px;
}
.part-list-links ul > li > ul li {
line-height: 16px;
margin: 10px 0;
}
.part-list-links a {
word-break: break-word;
word-wrap: break-word;
}
@media all and (max-width: 1024px) {
.part-list-links .part-list-links-content.hide-filters {
display: none;
}
.part-list-links ul > li {
margin: 10px 0;
}
.part-list-links ul > li > ul {
margin-left: 20px;
}
.part-list-links ul > li > ul li {
line-height: 16px;
margin: 15px 0;
}
}
.header-foreground {
position: relative;
z-index: 1;
}
.header-foreground .has-bg {
background-repeat: no-repeat;
}
.header-foreground .has-bg.has-bg-overlay:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.4;
}
.header-foreground .has-bg.has-bg-overlay:hover:before {
background: #000000;
opacity: 0.4;
}
.header-foreground .reduce-padding .header-content-container {
min-height: inherit;
}
.header-foreground .header-foreground-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
min-height: 520px;
}
.header-foreground .header-content-container {
position: relative;
z-index: 60;
padding-left: 40px;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
max-width: 50%;
}
.header-foreground .header-content-container h1,
.header-foreground .header-content-container h2,
.header-foreground .header-content-container h3,
.header-foreground .header-content-container h4,
.header-foreground .header-content-container h5,
.header-foreground .header-content-container h6 {
letter-spacing: 1px;
}
.header-foreground .header-content-container .header-content {
position: relative;
padding: 3em 0;
}
.header-foreground .header-content-container .header-content > *:first-child {
margin-bottom: 0;
padding-bottom: 0;
}
.header-foreground .header-foreground-image {
max-width: 50%;
min-width: 200px;
min-height: 200px;
position: absolute;
right: 0;
bottom: -20px;
}
.header-foreground .header-foreground-image img {
max-height: 570px;
max-width: 100%;
min-height: 150px;
min-width: 150px;
}
.header-foreground .header-foreground-image .image {
margin-bottom: 0;
overflow: visible;
}
.header-foreground .header-foreground-image .image > div {
width: 100%;
}
.header-foreground .hide-foreground-image .header-foreground-container {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.header-foreground .hide-foreground-image .header-content-container {
width: 100%;
max-width: none;
padding-right: 40px;
}
.header-foreground .hide-foreground-image .header-content-container h1,
.header-foreground .hide-foreground-image .header-content-container h2,
.header-foreground .hide-foreground-image .header-content-container h3,
.header-foreground .hide-foreground-image .header-content-container h4,
.header-foreground .hide-foreground-image .header-content-container h5,
.header-foreground .hide-foreground-image .header-content-container h6 {
width: auto;
}
.header-foreground .hide-foreground-image .header-content-container .header-content {
display: block;
}
.header-foreground .reduce-padding .header-foreground-container {
min-height: inherit;
}
.header-foreground .has-bg-medium,
.header-foreground .has-bg-small {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.header-foreground .foreground-image-mobile {
display: none;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.header-foreground .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 1025px) {
.header-foreground .has-bg-medium,
.header-foreground .has-bg-small {
background-image: none !important;
}
}
@media (max-width: 1024px) {
.header-foreground .header-foreground-container {
min-height: 450px;
}
.header-foreground .header-content-container {
padding-left: 17px;
}
}
@media (max-width: 767px) {
.header-foreground:after {
-webkit-box-shadow: inset 0 0 200px -50px #000000;
box-shadow: inset 0 0 200px -50px #000000;
}
.header-foreground .header-content-container {
display: block;
margin: 0 !important;
min-height: 90px;
max-width: none;
padding-left: 17px;
padding-right: 17px;
}
.header-foreground .header-content-container h1,
.header-foreground .header-content-container h2,
.header-foreground .header-content-container h3,
.header-foreground .header-content-container h4,
.header-foreground .header-content-container h5,
.header-foreground .header-content-container h6 {
text-align: center;
width: auto;
}
.header-foreground .header-content-container .header-content {
display: block;
padding: 1.5em 0;
}
.header-foreground .foreground-image-mobile {
display: inline !important;
}
.header-foreground .hide-foreground-image .header-content-container {
padding-right: 0;
}
.header-foreground .header-foreground-container {
min-height: auto;
}
.paragraph {
line-height: 23px;
text-align: center;
display: inline-block;
padding-bottom: 20px;
}
.paragraph.center {
text-align: center;
}
.paragraph.left {
text-align: left;
}
.paragraph.right {
text-align: right;
}
.ctaButton {
text-align: center;
display: block;
}
.ctaButton.center {
text-align: center;
}
.ctaButton.left {
text-align: left;
}
.ctaButton.right {
text-align: right;
}
.ctaButton.spread {
display: grid;
}
}
.header-hero {
text-align: center;
position: relative;
z-index: 1;
}
.header-hero .header-hero-container {
position: relative;
overflow: hidden;
/* typography */
/* text */
/* video */
/* download */
/* mailing list popup */
/* person */
/* all content */
}
.header-hero .header-hero-container .fa-play-circle,
.header-hero .header-hero-container h1,
.header-hero .header-hero-container h2,
.header-hero .header-hero-container h3,
.header-hero .header-hero-container h4,
.header-hero .header-hero-container h5,
.header-hero .header-hero-container h6,
.header-hero .header-hero-container p {
margin-bottom: 15px;
}
.header-hero .header-hero-container .fa-play-circle:last-child,
.header-hero .header-hero-container h1:last-child,
.header-hero .header-hero-container h2:last-child,
.header-hero .header-hero-container h3:last-child,
.header-hero .header-hero-container h4:last-child,
.header-hero .header-hero-container h5:last-child,
.header-hero .header-hero-container h6:last-child,
.header-hero .header-hero-container p:last-child {
margin-bottom: 0px;
}
.header-hero .header-hero-container.reduce-padding .header-hero-content-container {
min-height: inherit;
}
.header-hero .header-hero-container.increase-padding .header-hero-content-container {
min-height: 600px;
}
.header-hero .header-hero-container .video-wrapper {
padding-bottom: 40.25%;
position: relative;
}
.header-hero .header-hero-container .video-wrapper .show-spinner {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.header-hero .header-hero-container .video-wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.header-hero .header-hero-container .video {
background: none;
border: none;
transform: none;
}
.header-hero .header-hero-container .video .icon-video {
position: static;
}
.header-hero .header-hero-container .header-hero-download .header-hero-download-select {
margin-bottom: 15px;
text-align: left;
}
.header-hero .header-hero-container .header-hero-download .select-box {
display: none;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup {
background-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 5px 125px 0 rgba(0, 0, 0, 0.5), 0 5px 125px 0 rgba(0, 0, 0, 0.5) inset;
left: 50%;
max-width: 1200px;
min-height: 480px;
position: fixed;
top: 40%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 99998;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup label {
color: #fff;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup .fa {
font-size: 150%;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup .mailing-list-popup-close {
color: #fff;
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
z-index: 99999;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup .mailing-list-popup-contents {
height: 100%;
text-align: left;
width: 100%;
}
.header-hero .header-hero-container.type-person .header-hero-content-container {
padding: 70px;
}
.header-hero .header-hero-container .header-hero-content-container {
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
min-height: 580px;
height: 365px;
/*(arbitrary height - 365px is also the min-height used for mobile view) IE 10/11 flexbox min-height fix*/
padding: 90px;
position: relative;
z-index: 10;
}
.header-hero .header-hero-container .header-hero-content-container.align-y-top {
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.header-hero .header-hero-container .header-hero-content-container.align-y-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content {
margin: 0;
text-align: left;
}
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content h1,
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content h2,
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content h3,
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content h4,
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content h5,
.header-hero .header-hero-container .header-hero-content-container.align-x-left .header-hero-content h6 {
margin: 0;
}
.header-hero .header-hero-container .header-hero-content-container.align-x-center .header-hero-content {
margin: 0 auto;
}
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content {
margin: 0 0 0 auto;
text-align: right;
}
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content h1,
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content h2,
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content h3,
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content h4,
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content h5,
.header-hero .header-hero-container .header-hero-content-container.align-x-right .header-hero-content h6 {
margin: 0;
}
.header-hero .header-hero-container .header-hero-background,
.header-hero .header-hero-container .has-bg-medium,
.header-hero .header-hero-container .has-bg-small {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.header-hero .header-hero-container.has-bg-overlay .header-hero-background:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.4;
}
.header-hero .header-hero-container.has-bg-overlay .header-hero-background:hover:before {
background: #000000;
opacity: 0.4;
}
.header-hero .header-hero-container.has-bg-overlay .header-hero-background > * {
position: relative;
/* Added to make sure all content is displayed above this bg overlay */
}
.header-hero .header-hero-container .header-hero__video-container {
width: 100%;
height: 100%;
position: relative;
}
.header-hero .header-hero-container .header-hero__video {
display: block;
width: 100%;
}
.header-hero .header-hero-container .header-hero-content {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 auto;
width: 55%;
z-index: 10;
}
.header-hero .header-hero-container .header-hero-content .background-text-content {
position: absolute;
right: -10px;
top: 0;
}
@media all and (min-width: 768px) {
.header-hero .header-hero-container .header-hero-content .background-text-content {
right: auto;
left: -20px;
}
.header-hero .header-hero-container .header-hero-content .background-text-content.right {
left: auto;
right: -20px;
}
}
.header-hero .header-hero-container .header-hero-content .person-signature {
margin: -40px 0 -10px 0;
}
.header-hero .header-hero-container .header-hero-content .person-signature img {
max-height: 170px;
}
.header-hero .header-hero-container .header-hero-content .person-avatar img {
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
background-clip: border-box;
height: 200px;
width: 200px;
}
.header-hero .header-hero-container .header-hero-content .person-contents {
padding: 35px 0 0px 0;
}
.header-hero .header-hero-container .header-hero-content .header-hero-person-text > *:first-child {
padding-top: 35px;
}
.header-hero .header-hero-container .container-type-pre-download {
padding: 60px 90px;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download > div {
width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download h1,
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download h2,
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download h3,
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download h4,
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download h5,
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download h6 {
text-transform: none;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .pre-download-img-container {
height: 100%;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
order: -1;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .pre-download-img-container img.horz-orientation {
height: auto;
width: 100%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .pre-download-img-container img.vert-orientation {
height: 100%;
width: auto;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .hide-mobile {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .pre-download-button-container .button-main {
width: auto;
}
.header-hero .header-hero-container.video-active .header-hero-content-container {
display: block;
height: auto !important;
min-height: auto;
padding: 0 !important;
}
.header-hero .header-hero-container.has-video .header-hero-content-container {
min-height: inherit;
padding-bottom: 40.25%;
padding-top: 0;
position: relative;
}
.header-hero .header-hero-container.has-video .header-hero-content {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header-hero .header-hero-container .has-bg-medium,
.header-hero .header-hero-container .has-bg-small {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.header-hero .header-hero-container .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 1025px) {
.header-hero .header-hero-container .has-bg-medium,
.header-hero .header-hero-container .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 1025px) {
.header-hero {
/* text */
}
.header-hero .reduce-padding .header-hero-content-container {
padding: 70px;
}
}
@media all and (min-width: 768px) {
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 90%;
height: 100%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .hide-mobile {
width: 60%;
padding-right: 40px;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .hide-mobile > * {
width: 100%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .align-right-header {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .align-left-header {
max-height: 75%;
min-height: 50%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .pre-download-img-container {
width: 40%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .align-right-img {
-moz-flex-basis: 75%;
-ms-flex-basis: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
-ms-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
-moz-order: 0;
-ms-order: 0;
order: 0;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .align-left-img {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .pre-download-button-container {
width: 40%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .align-right-btn {
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
-moz-flex-basis: 25%;
-ms-flex-basis: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .align-left-btn {
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding-top: 40px;
}
}
@media all and (max-width: 1024px) {
.header-hero .header-hero-container {
/* mailing list popup */
/* person */
}
.header-hero .header-hero-container .header-hero-content-container {
padding: 30px 30px 80px 30px;
}
.header-hero .header-hero-container .header-hero-content-container.has-bg-text .header-hero-content {
width: 100%;
}
.header-hero .header-hero-container .mailing-list-popup .mailing-list-popup-contents {
width: 80%;
}
.header-hero .header-hero-container.type-person .header-hero-content-container {
padding: 50px;
}
.header-hero .header-hero-container .header-hero-content {
width: 75%;
}
.header-hero .header-hero-container .header-hero-content h1,
.header-hero .header-hero-container .header-hero-content h2,
.header-hero .header-hero-container .header-hero-content h3 {
margin-left: -5%;
margin-right: -5%;
}
.header-hero .header-hero-container .header-hero-content .person-signature {
margin: -20px 0 -8px 0;
}
.header-hero .header-hero-container .header-hero-content .person-avatar img {
height: 160px;
width: 160px;
}
.header-hero .header-hero-container .header-hero-content .person-contents {
padding: 24px 0 0px 0;
}
.header-hero .header-hero-container .header-hero-content .header-hero-person-text > *:first-child {
padding-top: 25px;
}
.header-hero .header-hero-container.has-video .header-hero-content {
width: 75%;
}
}
@media all and (max-width: 767px) {
.header-hero .header-hero-container {
/* mailing list popup */
/* person */
}
.header-hero .header-hero-container .header-hero-content-container {
min-height: 365px;
padding: 45px 30px 40px 30px;
}
.header-hero .header-hero-container .header-hero-content-container.has-bg-text .header-hero-content {
width: 100%;
}
.header-hero .header-hero-container .container-type-pre-download {
height: 100%;
}
.header-hero .header-hero-container .container-type-pre-download .content-type-pre-download .hide-mobile {
margin: 25px 0;
}
.header-hero .header-hero-container .header-hero-content {
width: 85%;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup {
height: 100%;
overflow: auto;
top: 50%;
width: 100%;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup .mailing-list-popup-contents {
width: 90%;
}
.header-hero .header-hero-container.type-person .header-hero-content-container {
padding: 40px;
}
.header-hero .header-hero-container .header-hero-content .header-hero-download {
margin-left: inherit;
margin-right: inherit;
}
.header-hero .header-hero-container .header-hero-content .header-hero-download-select,
.header-hero .header-hero-container .header-hero-content .button-main {
display: block;
margin-top: 15px;
width: 100%;
}
.header-hero .header-hero-container .header-hero-content .person-signature {
margin: -18px 0 -10px 0;
}
.header-hero .header-hero-container .header-hero-content .person-signature img {
max-height: 120px;
}
.header-hero .header-hero-container .header-hero-content .person-avatar img {
height: 100px;
width: 100px;
}
.header-hero .header-hero-container .header-hero-content .person-contents {
padding: 10px 0 0px 0;
}
.header-hero .header-hero-container .header-hero-content .header-hero-person-text > *:first-child {
padding-top: 15px;
}
}
@media all and (max-width: 479px) {
.header-hero .header-hero-container {
/* mailing list popup */
}
.header-hero .header-hero-container.has-video .hide-mobile {
display: none;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup .mailing-list-popup-contents {
width: 100%;
}
.header-hero .header-hero-container .header-hero-mailing-list-popup .mailing-list-popup-close {
right: 5%;
}
}
body.disable-scrolling {
overflow: hidden;
}
.overlay-hero {
z-index: 2;
}
.header-hero-video-modal-overlay {
background: rgba(0, 0, 0, 0.8);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.header-hero-video-modal-link {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
.header-hero-video-modal-link h5 {
display: inline-block;
padding-left: 10px;
}
.header-hero-video-modal {
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-hero-video-modal-container {
height: 25vh;
margin: 0 auto;
padding: 0;
position: relative;
width: calc(44.44444444vh);
}
@media all and (min-width: 768px) {
.header-hero-video-modal-container {
height: 40vh;
width: calc(71.11111111vh);
}
}
@media all and (min-width: 900px) {
.header-hero-video-modal-container {
height: 60vh;
width: calc(106.66666667vh);
}
}
@media all and (min-width: 1280px) {
.header-hero-video-modal-container {
height: 70vh;
width: calc(124.44444444vh);
}
}
.header-hero-video-modal--close-icon {
background: rgba(255, 255, 255, 0.6);
color: #000;
display: inline-block;
font-size: 10px;
line-height: 0;
padding: 5px;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.header-hero-video-modal--close-icon:hover {
border: 0;
}
.header-hero-video-modal iframe {
bottom: 0;
height: 100%;
height: 25vh;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
width: calc(44.44444444vh);
z-index: 2;
}
@media all and (min-width: 768px) {
.header-hero-video-modal iframe {
height: 40vh;
width: calc(71.11111111vh);
}
}
@media all and (min-width: 900px) {
.header-hero-video-modal iframe {
height: 60vh;
width: calc(106.66666667vh);
}
}
@media all and (min-width: 1280px) {
.header-hero-video-modal iframe {
height: 70vh;
width: calc(124.44444444vh);
}
}
.header-lede {
position: relative;
}
.header-lede .has-bg {
background-repeat: no-repeat;
}
.header-lede .has-bg.has-bg-overlay:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.4;
}
.header-lede .has-bg.has-bg-overlay:hover:before {
background: #000000;
opacity: 0.4;
}
.header-lede .header-lede-container {
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
min-height: 580px;
padding: 90px;
position: relative;
}
.header-lede .header-lede-container.left .header-lede-content {
text-align: left;
}
.header-lede .header-lede-container.left .header-lede-teaser {
margin: 0;
}
.header-lede .header-lede-container.right .header-lede-content {
text-align: right;
}
.header-lede .header-lede-container.right .header-lede-teaser {
margin-right: 0;
}
.header-lede .header-lede-container.top {
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.header-lede .header-lede-container.bottom {
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
height: 1px;
}
.header-lede .header-lede-container.y-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 1px;
}
.header-lede .header-lede-content {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
position: relative;
width: 55%;
}
.header-lede .header-lede-person {
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
background-clip: border-box;
display: block;
}
.header-lede .has-bg-medium,
.header-lede .has-bg-small {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.header-lede .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 1025px) {
.header-lede .has-bg-medium,
.header-lede .has-bg-small {
background-image: none !important;
}
}
@media all and (max-width: 1024px) {
.header-lede .header-lede-container {
padding: 30px 30px 80px 30px;
}
.header-lede .header-lede-content {
width: 85%;
}
}
@media all and (max-width: 767px) {
.header-lede .header-lede-container {
min-height: 365px;
padding: 45px 30px 40px 30px;
}
.header-lede .header-lede-content {
width: 100%;
}
}
.header-simple {
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.hero h1:last-child,
.hero h2:last-child,
.hero h3:last-child,
.hero p:last-child {
margin-bottom: 0;
}
.hero .hero-container {
position: relative;
padding-top: 40%;
}
.hero .hero-content-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.hero .hero-content {
position: relative;
}
.hero .align-x-left {
text-align: left;
left: 0;
}
.hero .align-x-center {
text-align: center;
left: 50%;
}
.hero .align-x-right {
text-align: right;
left: 100%;
}
.hero .align-y-top {
top: 0;
}
.hero .align-y-center {
top: 50%;
}
.hero .align-y-bottom {
top: 100%;
}
.hero .align-x-left.align-y-center {
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.hero .align-x-left.align-y-bottom {
-webkit-transform: translate(0%, -100%);
-moz-transform: translate(0%, -100%);
-ms-transform: translate(0%, -100%);
-o-transform: translate(0%, -100%);
transform: translate(0%, -100%);
}
.hero .align-x-center.align-y-top {
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.hero .align-x-center.align-y-center {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hero .align-x-center.align-y-bottom {
-webkit-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
-o-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.hero .align-x-right.align-y-top {
-webkit-transform: translate(-100%, 0%);
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
}
.hero .align-x-right.align-y-center {
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.hero .align-x-right.align-y-bottom {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
@media all and (max-width: 1024px) {
.hero .hero-container {
padding-top: 100%;
}
}
@media all and (max-width: 767px) {
.hero .hero-bg-container {
height: auto !important;
}
.hero .hero-container {
padding-top: 0 !important;
}
.hero .hero-content-container {
position: relative;
}
.hero .align-x-left {
top: 0 !important;
-webkit-transform: translate(0%, 0%) !important;
-moz-transform: translate(0%, 0%) !important;
-ms-transform: translate(0%, 0%) !important;
-o-transform: translate(0%, 0%) !important;
transform: translate(0%, 0%) !important;
}
.hero .align-x-center {
top: 0 !important;
-webkit-transform: translate(-50%, 0%) !important;
-moz-transform: translate(-50%, 0%) !important;
-ms-transform: translate(-50%, 0%) !important;
-o-transform: translate(-50%, 0%) !important;
transform: translate(-50%, 0%) !important;
}
.hero .align-x-right {
top: 0 !important;
-webkit-transform: translate(-100%, 0%) !important;
-moz-transform: translate(-100%, 0%) !important;
-ms-transform: translate(-100%, 0%) !important;
-o-transform: translate(-100%, 0%) !important;
transform: translate(-100%, 0%) !important;
}
}
.show-spinner {
padding-top: 50px;
width: 100%;
}
.ledes-container .delayed-load-carousel-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
position: relative;
width: 100%;
}
@media all and (min-width: 1024px) {
.ledes-container .delayed-load-carousel-container {
padding: 33px;
}
}
.ledes-container .lede {
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
padding: 19px;
position: relative;
}
.ledes-container .lede img {
display: inline;
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
.ledes-container .lede-property-heading {
display: none;
}
.ledes-container .lede figure > a.no-image {
display: none;
}
.ledes-container .lede:hover .lede-teaser-cta {
text-decoration: underline;
}
.ledes-container .lede-title::after {
bottom: 0;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
}
.ledes-container.right figure {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ledes-container.right a.lede-teaser-cta {
margin-left: 20px;
}
.ledes-container.right a.lede-teaser-cta.cta-link {
margin-left: 0;
}
.ledes-container.left a.lede-teaser-cta {
margin-right: 20px;
}
.ledes-container.left .lede,
.ledes-container.right .lede {
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
-webkit-flex: 0 1 100%;
flex: 0 1 100%;
}
.ledes-container.left figure,
.ledes-container.right figure {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.ledes-container.left .lede-title,
.ledes-container.right .lede-title {
font-size: 1em;
}
.ledes-container.left .lede-teaser-text,
.ledes-container.right .lede-teaser-text {
font-size: 0.875em;
}
.ledes-container.left a.lede-teaser-cta,
.ledes-container.right a.lede-teaser-cta {
display: block;
font-size: 0.875em;
-moz-flex: 0 0 50%;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
}
.ledes-container.left a.lede-teaser-cta .lede-image:before,
.ledes-container.right a.lede-teaser-cta .lede-image:before {
padding: 0;
}
.ledes-container.left a.lede-teaser-cta .lede-image .lede-video-side-container,
.ledes-container.right a.lede-teaser-cta .lede-image .lede-video-side-container {
position: relative;
}
.ledes-container.left a.lede-teaser-cta .lede-image .lede-video-side-container img,
.ledes-container.right a.lede-teaser-cta .lede-image .lede-video-side-container img {
position: static;
width: 100%;
}
.ledes-container.left figcaption,
.ledes-container.right figcaption {
-moz-flex: 0 0 50%;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
}
.ledes-container .lede-heading {
margin-bottom: 10px;
}
.ledes-container .lede-title.center {
text-align: center;
display: block;
}
.ledes-container .lede-title.left {
text-align: left;
display: block;
}
.ledes-container .lede-title.right {
text-align: right;
display: block;
}
.ledes-container .ledes-filter {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.ledes-container .ledes-filter label {
padding-right: 38px;
vertical-align: middle;
}
.ledes-container .ledes-filter select {
margin: 24px 0 23px 0;
max-width: 100%;
}
.ledes-container .ledes-filter .select-box-holder {
display: inline-block;
}
.ledes-container .ledes-filter .select-box-holder .select-box {
display: none;
}
.ledes-container .ledes-filter-placeholder {
height: 97px;
width: 100%;
}
.ledes-container .lede-meta {
padding: 14px 0 11px 0;
}
.ledes-container .lede-teaser {
display: flex;
flex-wrap: wrap;
padding-bottom: 1.2em;
justify-content: center;
}
.ledes-container .lede-teaser .button-main {
margin-top: 20px;
}
.ledes-container .lede-teaser .lede-teaser-cta {
display: inline-block;
margin-top: 12px;
position: relative;
}
.ledes-container .lede-teaser .lede-teaser-text {
margin: 8px 0 0 0;
}
.ledes-container .lede-teaser.centeret {
display: flex;
justify-content: center;
}
.ledes-container .lede-teaser.leftet {
display: flex;
justify-content: flex-start;
}
.ledes-container .lede-teaser.rightet {
display: flex;
justify-content: flex-end;
}
.ledes-container .view-more {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
margin: 19px;
width: 100%;
text-align: center;
}
.ledes-container .view-more.center {
text-align: center;
}
.ledes-container .view-more.left {
text-align: left;
}
.ledes-container .view-more.right {
text-align: right;
padding-right: 19px;
margin-inline-start: auto;
}
.ledes-container p.lede-teaser-text {
width: 100%;
}
.ledes-container[data-cols="2"] .lede {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.ledes-container[data-cols="3"] .lede {
-moz-flex-basis: 33.333333%;
-ms-flex-basis: 33.333333%;
-webkit-flex-basis: 33.333333%;
flex-basis: 33.333333%;
max-width: 33.333333%;
width: 33.333333%;
}
.ledes-container[data-cols="4"] .lede {
-moz-flex-basis: 25%;
-ms-flex-basis: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
width: 25%;
}
@media all and (max-width: 1024px) {
.ledes-container[data-cols="3"] .lede {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.ledes-container[data-cols="4"] .lede {
-moz-flex-basis: 33.333333%;
-ms-flex-basis: 33.333333%;
-webkit-flex-basis: 33.333333%;
flex-basis: 33.333333%;
max-width: 33.333333%;
width: 33.333333%;
}
}
@media all and (max-width: 767px) {
.ledes-container {
padding: 16px 0;
}
.ledes-container .lede {
padding: 16px 18px;
}
.ledes-container .ledes-filter {
padding: 34px 0;
}
.ledes-container .ledes-filter label {
display: block;
padding-bottom: 20px;
padding-right: 0;
}
.ledes-container .ledes-filter select {
margin: 4px 0 0 0;
}
.ledes-container .ledes-filter-placeholder {
height: 156px;
}
.ledes-container .view-more {
margin: 16px 18px;
}
.ledes-container[data-cols="3"] .lede,
.ledes-container[data-cols="4"] .lede {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.ledes-container[data-cols="2"].left .lede,
.ledes-container[data-cols="3"].left .lede,
.ledes-container[data-cols="4"].left .lede,
.ledes-container[data-cols="2"].right .lede,
.ledes-container[data-cols="3"].right .lede,
.ledes-container[data-cols="4"].right .lede {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.ledes-container[data-cols="2"].left .lede,
.ledes-container[data-cols="3"].left .lede,
.ledes-container[data-cols="4"].left .lede,
.ledes-container[data-cols="2"].right .lede,
.ledes-container[data-cols="3"].right .lede,
.ledes-container[data-cols="4"].right .lede {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.ledes-container[data-cols="2"].left .lede .lede-teaser,
.ledes-container[data-cols="3"].left .lede .lede-teaser,
.ledes-container[data-cols="4"].left .lede .lede-teaser,
.ledes-container[data-cols="2"].right .lede .lede-teaser,
.ledes-container[data-cols="3"].right .lede .lede-teaser,
.ledes-container[data-cols="4"].right .lede .lede-teaser {
min-width: 300px;
width: 300px;
}
}
@media all and (max-width: 479px) {
.ledes-container[data-cols="2"] .lede,
.ledes-container[data-cols="3"] .lede,
.ledes-container[data-cols="4"] .lede {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.ledes-container[data-cols="2"].left figcaption,
.ledes-container[data-cols="3"].left figcaption,
.ledes-container[data-cols="4"].left figcaption,
.ledes-container[data-cols="2"].right figcaption,
.ledes-container[data-cols="3"].right figcaption,
.ledes-container[data-cols="4"].right figcaption {
width: 50%;
}
}
.ledes-container.ledes-hover-cards figcaption {
background: rgba(0, 0, 0, 0.7);
height: 100%;
padding: 10px;
position: absolute;
top: 70%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
}
.ledes-container.ledes-hover-cards figcaption .lede-teaser {
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ledes-container.ledes-hover-cards figcaption .lede-title {
font-size: 1.3125em;
line-height: 25px;
}
.ledes-container.ledes-hover-cards figcaption .lede-teaser .lede-teaser-text {
line-height: 18px;
margin-top: 5px;
}
.ledes-container.ledes-hover-cards[data-cols="2"] .lede {
-moz-flex-basis: 47.5%;
-ms-flex-basis: 47.5%;
-webkit-flex-basis: 47.5%;
flex-basis: 47.5%;
max-width: 47.5%;
width: 47.5%;
}
.ledes-container.ledes-hover-cards[data-cols="3"] .lede {
-moz-flex-basis: 30.333333%;
-ms-flex-basis: 30.333333%;
-webkit-flex-basis: 30.333333%;
flex-basis: 30.333333%;
max-width: 30.333333%;
width: 30.333333%;
}
.ledes-container.ledes-hover-cards[data-cols="4"] .lede {
padding: 20px 0;
-moz-flex-basis: 22%;
-ms-flex-basis: 22%;
-webkit-flex-basis: 22%;
flex-basis: 22%;
max-width: 22%;
width: 22%;
}
.ledes-container.ledes-hover-cards .lede {
margin: 20px 1%;
padding: 0;
position: relative;
overflow: hidden;
}
.ledes-container.ledes-hover-cards .lede:hover figcaption {
opacity: 1;
-webkit-transform: translate(0, -70%);
-moz-transform: translate(0, -70%);
-ms-transform: translate(0, -70%);
-o-transform: translate(0, -70%);
transform: translate(0, -70%);
}
.ledes-container.ledes-hover-cards .lede:hover figcaption .lede-teaser {
opacity: 1;
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
.ledes-container.ledes-hover-cards[data-cols="3"] .lede .lede-title {
font-size: 1.125em;
line-height: 21px;
}
.ledes-container.ledes-hover-cards[data-cols="4"] .lede {
padding: 30px 0;
}
.ledes-container.ledes-hover-cards[data-cols="4"] .lede .lede-title {
font-size: 1em;
line-height: 18px;
}
}
@media all and (max-width: 1024px) {
.ledes-container.ledes-hover-cards[data-cols="3"] .lede {
-moz-flex-basis: 47.5%;
-ms-flex-basis: 47.5%;
-webkit-flex-basis: 47.5%;
flex-basis: 47.5%;
max-width: 47.5%;
width: 47.5%;
}
.ledes-container.ledes-hover-cards[data-cols="4"] .lede {
-moz-flex-basis: 30.333333%;
-ms-flex-basis: 30.333333%;
-webkit-flex-basis: 30.333333%;
flex-basis: 30.333333%;
max-width: 30.333333%;
width: 30.333333%;
}
.ledes-container.ledes-hover-cards[data-cols="4"] .lede .lede-title {
font-size: 18px;
line-height: 21px;
}
}
@media all and (max-width: 767px) {
.ledes-container.ledes-hover-cards .lede {
padding: 25px 0;
}
.ledes-container.ledes-hover-cards .lede .lede-title {
font-size: 1.125em;
line-height: 21px;
}
.ledes-container.ledes-hover-cards[data-cols="3"] .lede,
.ledes-container.ledes-hover-cards[data-cols="4"] .lede {
-moz-flex-basis: 47.5%;
-ms-flex-basis: 47.5%;
-webkit-flex-basis: 47.5%;
flex-basis: 47.5%;
max-width: 47.5%;
width: 47.5%;
}
}
@media all and (max-width: 479px) {
.ledes-container.ledes-hover-cards[data-cols="2"] .lede,
.ledes-container.ledes-hover-cards[data-cols="3"] .lede,
.ledes-container.ledes-hover-cards[data-cols="4"] .lede {
-moz-flex-basis: 90%;
-ms-flex-basis: 90%;
-webkit-flex-basis: 90%;
flex-basis: 90%;
margin: 15px auto;
padding: 0;
max-width: 90%;
width: 90%;
}
}
@supports not (flex-wrap: wrap) {
.ledes-container {
display: inline-block;
}
.ledes-container .lede {
float: left;
}
}
.link-to-parent .back-text {
display: none;
}
.link-to-parent .full-text {
display: inline-block;
}
@media all and (max-width: 767px) {
.link-to-parent .back-text {
display: inline-block;
}
.link-to-parent .full-text {
display: none;
}
}
.mailing-list {
padding: 25px 0;
}
.mailing-list .mailing-list-wrapper .mailing-list-body {
margin-right: auto;
margin-left: auto;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .header {
padding-bottom: 25px;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group {
padding-right: 20px;
margin-bottom: 25px;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group.to-right {
margin-left: 50%;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group label,
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group option,
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group select {
text-transform: capitalize;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group input {
text-transform: none;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group input::-webkit-input-placeholder {
text-transform: capitalize;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group input::-moz-placeholder {
text-transform: capitalize;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group input:-ms-input-placeholder {
text-transform: capitalize;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group input:-moz-placeholder {
text-transform: capitalize;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group select,
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group input {
width: 100%;
margin: 15px 0;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group .select-box {
display: none;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .centered {
text-align: center;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .centered input {
background-color: transparent;
border: 0 none;
cursor: pointer;
height: 53px;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .response {
text-align: center;
width: 100%;
padding-bottom: 20px;
}
.mailing-list .mailing-list-wrapper .hidden {
display: none;
}
.mailing-list input,
.mailing-list textarea,
.mailing-list select {
color: #000000 !important;
border: solid 3px #efefef !important;
}
span.mce_inline_error {
border: 0 none !important;
}
@media (max-width: 767px) {
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group {
padding-left: 20px;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .form-group.to-right {
margin-left: 0;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .response {
padding: 0 20px 20px 0;
}
}
.marginalia-ledes .show-spinner {
margin: 0;
padding-top: 50px;
}
.marginalia-ledes .ledes-container {
display: block;
padding: 0;
}
.marginalia-ledes .lede {
padding: 15px 0;
width: 100%;
}
.marginalia-ledes .lede-headline {
text-align: center;
}
.marginalia-ledes .lede-meta {
padding: 0;
}
.marginalia-ledes .lede-image {
position: relative;
background: black;
color: white;
overflow: hidden;
}
.marginalia-ledes .lede-image:before {
display: block;
content: "";
width: 100%;
padding-top: 59.41176471%;
}
.marginalia-ledes .lede-image img {
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
.marginalia-ledes .ledes-wrapper.has-bg {
background: none;
}
.marginalia-ledes .ledes-wrapper .delayed-load-carousel-container > .lede {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
}
@media (max-width: 1024px) {
.marginalia-ledes .lede:nth-child(n+3) {
display: none;
}
.marginalia-ledes .ledes-wrapper .delayed-load-carousel-container {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.marginalia-ledes .ledes-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-flex-flow: row nowrap;
-ms-flex-direction: row;
-ms-flex-wrap: nowrap;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.marginalia-ledes .lede {
width: 50%;
}
.marginalia-ledes .lede:first-child {
padding-right: 15px;
}
.marginalia-ledes .lede:nth-child(n+2) {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.marginalia-ledes .lede {
padding: 10px 0;
}
}
.page-include .static-height {
position: relative;
}
.page-include .static-height iframe {
height: 100%;
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-include .link img {
max-width: 100%;
width: 100%;
}
.page-include .vertical-padding {
padding-bottom: 20px;
}
.page-include .horizontal-padding {
padding-left: 20px;
padding-right: 20px;
}
.part-finder-results-by-number {
position: relative;
padding: 35px 0 40px;
}
@media all and (max-width: 767px) {
.part-finder-results-by-number {
padding: 15px 0 20px;
}
}
.part-finder-results-by-filter {
position: relative;
padding: 0 0 40px;
}
@media all and (max-width: 767px) {
.part-finder-results-by-filter {
padding: 0 0 20px;
}
}
.part-finder-results-invalid-params-author-msg {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-weight: bold;
text-align: center;
padding: 20px;
}
.part-finder-results-invalid-params-author-msg p {
margin: 0;
}
.part-finder-full {
position: relative;
padding: 80px 20px;
text-align: center;
}
.part-finder-full .part-finder-full-text .part-finder-full-headline {
margin-bottom: 15px;
}
.part-finder-full .part-finder-full-text .part-finder-full-description {
max-width: 640px;
margin: 0 auto;
}
.part-finder-full .part-finder-full-searches {
position: relative;
overflow: hidden;
padding: 10px 0 20px;
}
.part-finder-full .part-finder-full-searches:after {
content: "";
display: table;
clear: both;
}
.part-finder-full .part-finder-by-filter,
.part-finder-full .part-finder-by-number {
float: left;
width: 50%;
}
.part-finder-full .part-finder-by-filter iframe,
.part-finder-full .part-finder-by-number iframe {
width: 90%;
}
.part-finder-full .part-finder-by-filter .part-finder-by-filter-container,
.part-finder-full .part-finder-by-number .part-finder-by-number-container {
padding: 0;
}
.part-finder-full .part-finder-full-separator {
height: 1000px;
position: absolute;
left: 50%;
width: 1px;
}
@media all and (min-width: 1025px) {
.part-finder-full .part-finder-by-number iframe {
max-width: none;
}
}
@media all and (max-width: 1024px) {
.part-finder-full {
padding: 60px 0;
}
.part-finder-full .part-finder-full-text {
padding-left: 20px;
padding-right: 20px;
}
.part-finder-full .part-finder-full-text .part-finder-full-description {
max-width: 460px;
}
.part-finder-full .part-finder-full-searches {
padding: 0;
}
.part-finder-full .part-finder-by-number {
margin-top: 30px;
}
.part-finder-full .part-finder-by-filter,
.part-finder-full .part-finder-by-number {
width: 100%;
float: none;
}
.part-finder-full .part-finder-by-filter iframe,
.part-finder-full .part-finder-by-number iframe {
width: 100%;
}
.part-finder-full .part-finder-full-separator {
display: none;
}
}
@media all and (max-width: 767px) {
.part-finder-full {
padding: 40px 0;
}
}
.part-finder-by-number .part-finder-by-number-container {
padding: 20px 0;
}
@media all and (min-width: 768px) {
.part-finder-by-number iframe {
display: block;
margin: 0 auto;
max-width: 460px;
}
}
.part-finder-by-filter .part-finder-by-filter-container {
padding: 20px 0 35px;
}
.part-finder-by-specification .part-finder-by-specification-container {
padding: 20px 0 35px;
}
.part-finder-by-filter.part-finder-by-filter-refine .has-bg {
background-position: top center;
}
.part-finder-by-filter.part-finder-by-filter-refine .part-finder-by-filter-container {
padding: 50px 0;
text-align: center;
}
@media all and (max-width: 1024px) {
.part-finder-by-filter.part-finder-by-filter-refine .part-finder-by-filter-container {
padding: 30px 0 40px;
}
.part-finder-by-filter.part-finder-by-filter-refine iframe {
max-width: 460px;
}
}
@media all and (max-width: 767px) {
.part-finder-by-filter.part-finder-by-filter-refine .part-finder-by-filter-container {
padding: 20px 0 30px;
}
}
.person-headline {
overflow: hidden;
margin-bottom: 30px;
}
.person-headline-contents,
.person-headline-avatar {
float: left;
}
.person-headline-avatar {
margin-right: 20px;
}
.person-headline-avatar img {
width: 65px;
height: 65px;
border-radius: 65px;
background-clip: border-box;
}
.person-headline-contents {
padding-top: 6px;
}
.person-headline-contents .title {
margin-bottom: 5px;
}
.person-headline-contents .meta-info {
font-size: 14px;
line-height: 32px;
}
.global-data-preview .person-headline {
padding: 1em;
}
.person-ledes .ledes-container {
padding: 0px;
position: relative;
}
.person-ledes .ledes-container .lede {
padding: 0px;
text-align: center;
}
.person-ledes .ledes-container .lede a {
display: block;
min-height: 300px;
position: relative;
}
.person-ledes .ledes-container .lede a:hover .has-bg:before {
opacity: 0;
}
.person-ledes .ledes-container .lede .has-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.person-ledes .ledes-container .lede .has-bg:before {
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000;
opacity: 0.7;
}
.person-ledes .ledes-container .lede .lede-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
}
.person-ledes .ledes-container .lede .lede-container img {
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
background-clip: border-box;
margin-bottom: 14px;
max-height: 142px;
}
.person-ledes .ledes-container .lede .lede-container .lede-title {
margin-bottom: 9px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media all and (max-width: 1024px) {
.person-ledes .ledes-container .lede a {
min-height: 240px;
}
.person-ledes .ledes-container .lede .has-bg:before {
opacity: 0 !important;
}
.person-ledes .ledes-container .lede .lede-container img {
margin-bottom: 10px;
max-height: 115px;
}
.person-ledes .ledes-container .lede .lede-container .lede-title {
margin-bottom: 6px;
}
}
.aem-Grid.aem-Grid--12 .person-showcase {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 0 0 auto;
padding: 0;
position: relative;
text-align: center;
}
.aem-Grid.aem-Grid--12 .person-showcase div {
width: 100%;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container {
padding: 45px;
z-index: 10;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container img {
background-clip: border-box;
margin-bottom: 14px;
max-height: 155px;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container-empty {
height: inherit;
}
@media all and (max-width: 1024px) {
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container {
padding: 40px;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container img {
max-height: 140px;
}
}
@media all and (max-width: 767px) {
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container .person-showcase-name {
font-size: 20px;
line-height: 25px;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container img {
max-height: 130px;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container .person-showcase-position {
font-size: 14px;
}
}
@media all and (max-width: 1024px) {
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.person-showcase {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
width: 50%;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default-4.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.person-showcase {
-moz-flex-basis: 33.333333%;
-ms-flex-basis: 33.333333%;
-webkit-flex-basis: 33.333333%;
flex-basis: 33.333333%;
width: 33.333333%;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.person-showcase {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
width: 50%;
}
}
@media all and (max-width: 767px) and (min-width: 480px) {
.aem-Grid.aem-Grid--12 .person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.person-showcase {
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
width: 50%;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.person-showcase {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
}
@media all and (max-width: 479px) {
.aem-Grid.aem-Grid--12 .person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.person-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.person-showcase {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
}
.product-benefits {
overflow: auto;
}
.product-benefits h2 {
margin: 0 10% 0 10%;
text-align: center;
}
.product-benefits .product-benefits-headline {
text-align: center;
}
.product-benefits .product-benefit {
float: left;
text-align: center;
}
.product-benefits .product-benefit .h5-rep {
text-align: center;
margin-bottom: 0;
}
.product-benefits .columns-1,
.product-benefits .columns-2,
.product-benefits .columns-3,
.product-benefits .columns-4 {
padding: 0 7%;
}
.product-benefits .columns-1 .product-benefit {
width: 100%;
}
.product-benefits .columns-2 .product-benefit {
width: 50%;
}
.product-benefits .columns-3 .product-benefit {
width: 33.333%;
}
.product-benefits .columns-4 .product-benefit {
width: 25%;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.product-benefits h2 {
margin: 0;
}
.product-benefits .columns-1,
.product-benefits .columns-2,
.product-benefits .columns-3,
.product-benefits .columns-4 {
padding: 0 8%;
}
.product-benefits .columns-3 .product-benefit,
.product-benefits .columns-4 .product-benefit {
width: 50%;
}
.product-benefits .columns-3 .product-benefit:nth-child(3n) {
float: none;
margin: 0 auto;
}
}
@media all and (max-width: 767px) {
.product-benefits .product-benefit {
float: none;
}
.product-benefits .columns-2 .product-benefit,
.product-benefits .columns-3 .product-benefit,
.product-benefits .columns-4 .product-benefit {
width: 100%;
}
}
.product-feature + .product-benefits h2 {
border-top: 1px solid #e5e5e5;
}
.product-feature .product-feature-base {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-bottom: 70px;
}
.product-feature .product-feature-base.slick-slide:not(.slick-active) a {
display: none;
}
.product-feature .product-feature-base.slick-slide:not(.slick-active) .button-main {
display: none;
}
.product-feature .product-feature-base.slick-slide:not(.slick-active) .cta-link {
display: none;
}
.product-feature .product-feature-base.slick-slide:not(.slick-active) .product-feature-content .ctas {
display: none;
}
.product-feature .product-feature-base .product-feature-content,
.product-feature .product-feature-base .product-feature-image {
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
.product-feature .product-feature-base .product-feature-content {
padding: 0 8% 0 2%;
width: 47%;
}
.product-feature .product-feature-base .product-feature-image {
width: 53%;
}
.product-feature .product-feature-base .product-feature-image > div.image {
height: 430px;
line-height: 480px;
margin: 0;
max-width: 100%;
padding: 0;
text-align: center;
overflow: visible;
}
.product-feature .product-feature-base .product-feature-image > div.image img {
display: inline;
max-height: 480px;
max-width: 100%;
vertical-align: middle;
}
.product-feature .product-feature-base .ctas .buy-online-container {
height: 52px;
min-width: 160px;
position: relative;
display: inline-block;
}
.product-feature .product-feature-base .ctas .buy-online-container .button-main {
border-width: 3px;
line-height: 24px;
padding: 0px 15px;
}
.product-feature .product-feature-base .ctas .buy-online-container .button-main.cta-link {
margin-right: 0;
padding-right: 30px;
}
.product-feature .product-feature-base .ctas .buy-online-container .button-main.cta-link:after {
right: 10px;
}
.product-feature .product-feature-base .ctas .buy-online-container .buy-online-toolbox {
background: #fff;
display: none;
height: 150px;
left: 0;
max-height: none;
overflow: auto;
position: absolute;
top: 52px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
min-width: 100%;
z-index: 999;
}
.product-feature .product-feature-base .ctas .buy-online-container .buy-online-toolbox a {
cursor: pointer;
display: block;
line-height: 20px;
min-height: 36px;
padding: 8px;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.product-feature .product-feature-base .ctas .buy-online-container.open-up .buy-online-toolbox {
bottom: 52px;
top: auto;
}
.product-feature .product-feature-base .ctas .buy-online-container:focus .buy-online-toolbox,
.product-feature .product-feature-base .ctas .buy-online-container:hover .buy-online-toolbox {
display: block;
}
.product-feature .product-feature-base .ctas .buy-online-container .buy-online-toolbox--show {
display: block;
}
.product-feature .product-feature-base .ctas .cta-link {
line-height: 56px;
margin: 0 20px 0 0;
padding-right: 20px;
}
.product-feature .product-feature-base .ctas .cta-link:last-child {
margin-right: 0;
}
.product-feature .product-feature-base .ctas:after {
content: "";
display: table;
clear: both;
}
.product-feature .product-feature-title {
text-align: center;
padding: 70px 10% 50px 10%;
}
.product-feature-container .product-feature-list .slick-dots {
z-index: unset;
}
.product-feature .slick-list {
overflow: visible;
z-index: 1;
}
.product-feature .slick-prev,
.product-feature .slick-next {
color: #333;
height: 65px;
width: 55px;
z-index: 200;
}
.product-feature .slick-prev::before,
.product-feature .slick-next::before {
border-left: 3px solid #333;
border-top: 3px solid #333;
content: " ";
display: block;
height: 40px;
opacity: 1;
width: 40px;
}
.product-feature .slick-prev:focus::before,
.product-feature .slick-next:focus::before,
.product-feature .slick-prev:focus-visible::before,
.product-feature .slick-next:focus-visible::before {
outline: 3px solid #333;
outline-offset: 3px;
}
.product-feature .slick-prev {
left: 35px;
}
.product-feature .slick-prev::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.product-feature .slick-next {
right: 35px;
}
.product-feature .slick-next::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
@media all and (max-width: 1024px) and (min-width: 480px) {
.product-feature .product-feature-base {
padding-bottom: 60px;
}
.product-feature .product-feature-base .product-feature-content {
padding: 0 4% 0 2%;
width: 50%;
}
.product-feature .product-feature-base .product-feature-image {
width: 50%;
}
.product-feature .product-feature-base .product-feature-image > div.image {
height: 400px;
line-height: 400px;
}
.product-feature .product-feature-base .product-feature-image > div.image img {
max-height: 400px;
}
.product-feature .product-feature-title {
padding: 60px 10% 50px 10%;
}
.product-feature .slick-prev,
.product-feature .slick-next {
height: 40px;
width: 35px;
}
.product-feature .slick-prev::before,
.product-feature .slick-next::before {
height: 20px;
width: 20px;
}
.product-feature .slick-prev {
left: 5px;
}
.product-feature .slick-next {
right: 5px;
}
}
@media all and (max-width: 767px) {
.product-feature .product-feature-base {
padding-bottom: 50px;
}
.product-feature .product-feature-base .product-feature-content {
padding: 0 3% 0 0;
width: 64%;
}
.product-feature .product-feature-base .product-feature-image {
width: 36%;
}
.product-feature .product-feature-base .product-feature-image > div.image {
height: 190px;
line-height: 190px;
}
.product-feature .product-feature-base .product-feature-image > div.image img {
max-height: 190px;
}
.product-feature .product-feature-title {
padding: 50px 10% 30px 10%;
}
.product-feature .slick-prev,
.product-feature .slick-next {
visibility: hidden;
}
}
@media all and (max-width: 479px) {
.product-feature .product-feature-base {
display: inline-block;
}
.product-feature .product-feature-base .product-feature-content,
.product-feature .product-feature-base .product-feature-image {
padding: 0 5%;
width: 100%;
}
}
.show-spinner {
margin: 5% 0 5% 50%;
}
.promo-contest h1,
.promo-contest h2,
.promo-contest h3 {
margin-bottom: 15px;
}
.promo-contest img {
height: auto;
max-height: 100%;
max-width: 100%;
}
.promo-contest .promo-contest-container {
position: relative;
}
@media all and (max-width: 767px) {
.promo-contest .promo-content .content-ctas a {
width: 100%;
margin: 5px 0;
}
}
.random-quote .quotes {
margin: 45px auto 90px auto;
max-width: 720px;
}
.random-quote .quotes .quote-list {
margin: 1em;
text-align: center;
}
.random-quote .quotes .quote-list .by-line {
margin-top: 0.8em;
}
.random-quote .content {
margin: 0 auto;
padding: 8% 15%;
text-align: center;
}
.random-quote .content .intro + h3,
.random-quote .content h3 + h4,
.random-quote .content a.button-main,
.random-quote .content a.button-secondary {
margin-top: 1em;
}
.random-quote .show-spinner {
margin: 0;
padding: 50px 0;
}
@media all and (max-width: 1024px) {
.random-quote .content {
padding: 8% 10%;
}
}
@media all and (max-width: 767px) {
.random-quote .content {
padding: 10% 8%;
}
}
.random-tip .headline,
.random-tip .title {
padding-bottom: 0;
}
.random-tip .headline {
margin-bottom: 10px;
font-size: 60px;
line-height: 60px;
}
.random-tip .title {
font-size: 30px;
line-height: 30px;
}
.random-tip .text {
padding: 20px 0;
}
.random-tip .text p {
font-size: 35px;
line-height: 53px;
margin: 0;
}
.random-tip .content {
margin: 0 auto;
text-align: center;
padding: 0 20px;
}
.random-tip .show-spinner {
margin: 0;
padding: 50px 0;
}
.random-tip .random-tip-container {
position: relative;
padding: 80px 0;
}
@media (max-width: 1024px) {
.random-tip .headline {
padding-bottom: 0;
margin-bottom: 10px;
font-size: 60px;
line-height: 60px;
}
.random-tip .title {
padding-bottom: 0;
font-size: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.random-tip .headline {
font-size: 30px;
line-height: 30px;
}
.random-tip .title {
font-size: 20px;
line-height: 20px;
}
.random-tip .text p {
font-size: 20px;
line-height: 30px;
}
.random-tip .random-tip-container {
padding: 40px 0;
}
}
.responsivegrid-background .responsivegrid-background-image {
background: white center center;
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.responsivegrid-background .aem-Grid.aem-Grid--12 .tout .no-bg .tout-container {
background: none;
}
.search-files .search-files-results .search-files-input {
padding: 345px 150px 60px;
text-align: center;
}
.search-files .search-files-results .search-files-input .search-files-search-input {
border-width: 1px;
border-radius: 0;
height: 55px;
margin: 0;
width: 300px;
}
.search-files .search-files-results .search-files-main-container {
padding: 25px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.search-files .search-files-results .search-files-main-container .filter-files-results {
flex: 0 1 auto;
width: 22%;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter input {
border: 0;
height: auto;
margin: 0 5px;
padding: 0;
width: auto;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter > label,
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter i {
cursor: pointer;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter i {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter i.close {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter ul {
max-height: 500px;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter ul.ng-hide {
max-height: 0;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .search-filter ul li:before {
content: '';
}
.search-files .search-files-results .search-files-main-container .filter-files-results .apply-filters-submit {
margin-top: 10px;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container {
flex: 0 1 auto;
width: 70%;
padding-bottom: 25px;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container h2 {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result {
clear: both;
padding: 5px 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .file-result-column-left {
flex: 0 1 auto;
width: 70%;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination {
padding: 15px 0;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination {
clear: both;
text-align: center;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li {
float: left;
margin: 0 15px;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li:before {
content: "";
}
@media all and (max-width: 1279px) {
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .file-result-column-left {
-moz-flex-basis: auto;
-ms-flex-basis: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
width: 60%;
}
}
@media all and (max-width: 1024px) {
.search-files .search-files-results .search-files-main-container {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.search-files .search-files-results .search-files-main-container .filter-files-results {
padding: 0 30px;
flex: auto;
width: 100%;
}
.search-files .search-files-results .search-files-main-container .filter-files-results > *:not(.search-filter-header) {
float: left;
margin-right: 15px;
}
.search-files .search-files-results .search-files-main-container .filter-files-results .apply-filters-submit {
clear: both;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container {
padding: 30px;
text-align: left;
flex: auto;
width: 100%;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result {
padding: 35px 0px;
width: 100%;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .file-result-column-left {
padding-bottom: 15px;
}
}
@media all and (max-width: 767px) {
.search-files .search-files-results .search-files-input {
padding: 50px;
}
.search-files .search-files-results .search-files-input .search-files-search-input {
width: 225px;
}
.search-files .search-files-results .search-files-input .button-main {
height: 55px;
padding: 0;
width: 62px;
}
.search-files .search-files-results .search-files-input .button-main:after {
margin-right: 0;
right: 40%;
}
.search-files .search-files-results .search-files-input .button-main span {
display: none;
}
.search-files .search-files-results .search-files-main-container .filter-files-results {
text-align: center;
}
.search-files .search-files-results .search-files-main-container .filter-files-results > * {
float: none;
text-align: left;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container {
padding: 30px;
text-align: center;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result {
display: block;
}
.search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .file-result-column-left {
width: 100%;
}
}
@media all and (max-width: 479px) {
.search-files .search-files-results .search-files-input {
padding: 50px 20px;
}
.search-files .search-files-results .search-files-input p {
padding: 0 10px;
}
.search-files .search-files-results .search-files-main-container .filter-files-results {
text-align: center;
}
.search-files .search-files-results .search-files-main-container .filter-files-results > * {
float: none;
text-align: left;
}
}
@media all and (min-width: 767px) {
.search-files .search-files-results .search-files-input.reduce-padding {
padding: 145px 150px 60px;
}
}
.most-recent-file .most-recent-file-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
min-height: 580px;
padding: 90px;
position: relative;
}
.most-recent-file .most-recent-file-content {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
width: 55%;
}
@media all and (max-width: 1024px) {
.most-recent-file .most-recent-file-container {
padding: 30px 30px 80px 30px;
}
.most-recent-file .most-recent-file-content {
width: 85%;
}
}
@media all and (max-width: 767px) {
.most-recent-file .most-recent-file-container {
min-height: 365px;
padding: 45px 30px 40px 30px;
}
.most-recent-file .most-recent-file-content {
width: 100%;
}
}
.social-feed .mailing-list-wrapper {
padding: 25px 0;
text-align: center;
}
.social-feed .mailing-list-wrapper .mailing-list h5 {
display: inline-block;
padding: 0 15px;
}
.social-feed .feed-wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0px auto;
padding: 50px 25px;
}
.social-feed .feed-wrapper > .twitter {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: 30.125%;
margin-right: 15px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background {
padding: 0;
min-height: 200px;
position: relative;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content {
padding: 0;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content img {
height: 24px;
width: 24px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .sf-social-icon {
display: block;
}
.social-feed .feed-wrapper > .instagram {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
width: 440px;
}
.social-feed .feed-wrapper > .instagram .show-spinner {
text-align: center;
padding: 0 0 20px 0;
width: 80%;
margin: 0 auto;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo {
margin-right: 15px;
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
position: relative;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo img {
max-width: 100%;
width: 100%;
display: block;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo .no-photo-found {
width: 100%;
height: 100%;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo .no-photo-found > * {
display: none;
}
.social-feed .feed-wrapper > .youtube {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: 20%;
max-height: 200px;
position: relative;
overflow: hidden;
}
.social-feed .feed-wrapper > .youtube .youtubeImg {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.social-feed .feed-wrapper > .youtube .youtubeImg img {
display: none;
}
.social-feed .feed-wrapper .sf-social-icon {
position: absolute;
top: -4px;
left: -2px;
z-index: 2;
}
@media all and (min-width: 1024px) {
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo img {
max-height: 200px;
}
}
@media all and (max-width: 1024px) {
.social-feed {
padding: 16px;
}
.social-feed .feed-wrapper {
width: auto !important;
}
.social-feed .feed-wrapper > .twitter {
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 0;
padding-bottom: 16px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content {
padding: 30px 0;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content img {
height: 50px;
width: 50px;
}
.social-feed .feed-wrapper > .youtube {
max-height: none !important;
}
}
@media (max-width: 767px) {
.social-feed {
padding: 0;
}
.social-feed .mailing-list-wrapper .mailing-list h5 {
display: block;
margin-bottom: 1em;
}
.social-feed .feed-wrapper > .twitter {
padding-bottom: 0;
}
.social-feed .feed-wrapper > .instagram {
margin-left: 0;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo {
margin-right: 0 !important;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo img {
display: block;
}
.social-feed .feed-wrapper > .youtube .youtubeImg {
position: relative;
}
.social-feed .feed-wrapper > .youtube .youtubeImg img {
display: block;
width: 100%;
}
}
.latest-tweet {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.latest-tweet .latest-tweet-background {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 33px 0;
text-align: center;
width: 100%;
}
.latest-tweet .latest-tweet-background .latest-tweet-title {
width: 100%;
text-align: center;
padding: 20px 0;
}
.latest-tweet .latest-tweet-background .show-spinner {
padding: 0 0 50px 0;
width: 67%;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: 5% 0 5% 0;
}
.latest-tweet .latest-tweet-background .show-spinner .three-quarters-loader {
margin-left: 0;
}
.latest-tweet .latest-tweet-background .latest-tweet-content {
text-align: center;
padding: 0 0 20px 0;
width: 80%;
margin: 0 auto;
}
.latest-tweet .latest-tweet-background .sf-social-icon {
display: none;
}
.social .latest-tweet-content img {
border-radius: 50%;
}
@media all and (min-width: 768px) {
.latest-tweet-background .latest-tweet-content {
width: 60%;
}
}
@media (max-width: 767px) {
.aem-Grid.aem-Grid--12 > .latest-tweet.aem-GridColumn.aem-GridColumn--default--6 {
width: 100%;
}
}
.social-links {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.social-links .social-links-background {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 33px 0;
text-align: center;
width: 100%;
}
.social-links .social-links-background .social-links-title,
.social-links .social-links-background .social-links-content,
.social-links .social-links-background .social-links-website-link {
padding: 20px 0;
-moz-align-self: center;
-ms-align-self: center;
-webkit-align-self: center;
align-self: center;
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
-ms-flex-preferred-size: 50%;
}
.social-links .social-links-background .social-links-title {
text-align: center;
}
.social-links .social-links-background .social-links-title h4 {
line-height: 15px;
padding-right: 0px;
}
.social-links .social-links-background .social-links-content {
text-align: center;
}
.social-links .social-links-background .social-links-content .social-links-icon-container {
padding-left: 0px;
}
.social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon {
display: inline-block;
height: 52px;
width: 52px;
border-radius: 50%;
margin: -50% 4px 0 4px;
text-align: center;
}
.social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa,
.social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon [class^="icon-"] {
font-size: 25px;
line-height: 52px;
}
.social-links .social-links-background .social-links-website-link {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
@media all and (min-width: 768px) {
.social-links.aem-GridColumn--default--6 .social-links-title,
.social-links.aem-GridColumn--default--6 .social-links-content,
.social-links.aem-GridColumn--default--6 .social-links-website-link {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
text-align: center;
width: 100%;
}
.social-links.aem-GridColumn--default--6 .social-links-title h4 {
padding-right: 0px;
}
.social-links.aem-GridColumn--default--6 .social-links-content .social-links-icon-container {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.social-links .social-links-background .social-links-title,
.social-links .social-links-background .social-links-content,
.social-links .social-links-background .social-links-website-link {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
text-align: center;
width: 100%;
}
.social-links .social-links-background .social-links-title h4 {
padding-right: 0px;
}
.social-links .social-links-background .social-links-content .social-links-icon-container {
padding-left: 0px;
}
.aem-Grid.aem-Grid--12 > .social-links.aem-GridColumn.aem-GridColumn--default--6 {
width: 100%;
}
}
.table-with-header .table-container .header {
overflow: hidden;
padding: 20px 10% 20px 15%;
}
.table-with-header .table-container .header .header-image {
float: left;
width: 25%;
margin-bottom: 0;
}
.table-with-header .table-container .header .header-image img {
max-width: 100%;
}
.table-with-header .table-container .header .header-text {
float: left;
padding-left: 30px;
width: 75%;
}
@media (max-width: 767px) {
.table-with-header .table-container .header {
padding-left: 10%;
}
.table-with-header .table-container .header .header-image {
float: none;
width: 100%;
margin-bottom: 1em;
}
.table-with-header .table-container .header .header-image img {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.table-with-header .table-container .header .header-text {
float: none;
padding-left: 0px;
width: 100%;
text-align: center;
}
}
.fmmp-image-text {
margin: 0 auto;
max-width: 1440px;
padding: 19px;
background-color: #ffffff;
}
.fmmp-image-text .image-text-content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.fmmp-image-text .image-text-content.increase-padding {
padding: 54px;
}
.fmmp-image-text .image-text-content .image-content {
width: 100%;
}
.fmmp-image-text .image-text-content .image-content img {
margin: auto;
}
.fmmp-image-text .image-text-content .image-content__background-image-content {
background-size: cover;
background-position: center;
height: 257px;
}
@media all and (min-width: 768px) {
.fmmp-image-text .image-text-content .image-content__background-image-content {
height: 400px;
}
}
.fmmp-image-text .image-text-content .text-content {
width: 100%;
}
.fmmp-image-text .image-text-content.left {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.fmmp-image-text .image-text-content.left .image-content,
.fmmp-image-text .image-text-content.left .text-content {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
}
.fmmp-image-text .image-text-content.left .image-content {
order: -100;
}
.fmmp-image-text .image-text-content.left .text-content {
margin-left: 19px;
}
.fmmp-image-text .image-text-content.right {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.fmmp-image-text .image-text-content.right .image-content,
.fmmp-image-text .image-text-content.right .text-content {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
}
.fmmp-image-text .image-text-content.right .image-content {
order: 100;
}
.fmmp-image-text .image-text-content.right .text-content {
margin-right: 19px;
}
.fmmp-image-text .image-text-content.bottom .image-content {
order: 100;
}
.fmmp-image-text .image-text-content.bottom .image-content .image {
margin-top: 20px;
}
.aem-GridColumn--default--5.fmmp-image-text .image-text-content,
.aem-GridColumn--default--4.fmmp-image-text .image-text-content,
.aem-GridColumn--default--3.fmmp-image-text .image-text-content,
.aem-GridColumn--default--2.fmmp-image-text .image-text-content,
.aem-GridColumn--default--1.fmmp-image-text .image-text-content {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.aem-GridColumn--default--5.fmmp-image-text .image-text-content.left .image-content,
.aem-GridColumn--default--4.fmmp-image-text .image-text-content.left .image-content,
.aem-GridColumn--default--3.fmmp-image-text .image-text-content.left .image-content,
.aem-GridColumn--default--2.fmmp-image-text .image-text-content.left .image-content,
.aem-GridColumn--default--1.fmmp-image-text .image-text-content.left .image-content,
.aem-GridColumn--default--5.fmmp-image-text .image-text-content.right .image-content,
.aem-GridColumn--default--4.fmmp-image-text .image-text-content.right .image-content,
.aem-GridColumn--default--3.fmmp-image-text .image-text-content.right .image-content,
.aem-GridColumn--default--2.fmmp-image-text .image-text-content.right .image-content,
.aem-GridColumn--default--1.fmmp-image-text .image-text-content.right .image-content {
order: 0;
}
@media all and (max-width: 768px) {
.aem-Grid.aem-Grid--12 .aem-GridColumn.fmmp-image-text {
width: 100%;
}
}
@media all and (max-width: 479px) {
.hideMobileImage {
display: none;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn.fmmp-image-text .image-text-content {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn.fmmp-image-text .image-text-content.left .image-content {
order: 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn.fmmp-image-text .image-text-content.left .text-content {
margin-left: 0;
margin-right: 0;
display: contents;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn.fmmp-image-text .image-text-content.right .image-content {
order: 100;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn.fmmp-image-text .image-text-content.right .text-content {
margin-left: 0;
margin-right: 0;
display: contents;
}
}
.rte .indent,
.text .indent {
padding-left: 40px;
}
.text-content-wrapper .text-content {
overflow: hidden;
position: relative;
}
.text-content-wrapper .more-button {
margin-top: 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.text-content-wrapper .more-button.left {
-webkit-box-pack: left;
-moz-box-pack: left;
-ms-flex-pack: left;
-webkit-justify-content: left;
justify-content: left;
}
.text-content-wrapper .more-button.center {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.text-content-wrapper .more-button .cta-link {
cursor: pointer;
}
.fmmp-text.is-edited .touchuishowmoretag:before,
.rte-editor.is-edited .touchuishowmoretag:before {
content: "...";
}
.fmmp-text.is-edited .touchuishowmoretag:after,
.rte-editor.is-edited .touchuishowmoretag:after {
content: "...";
}
.fmmp-text.is-edited .touchuishowmoretag,
.rte-editor.is-edited .touchuishowmoretag {
background-color: #faebd7;
}
.timeline .timeline-wrapper {
padding: 128px 0 84px 0;
position: relative;
}
.timeline .timeline-wrapper:before {
background-color: #000;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
height: 16px;
left: calc(50% - 8px);
position: absolute;
bottom: 84px;
width: 16px;
}
.timeline h4 {
font-family: 'oswald-regular-webfont', sans-serif;
font-weight: 400;
}
.timeline .timeline-header {
margin: 0 auto 30px auto;
text-align: center;
}
.timeline .timeline-item-container {
padding: 5% 0;
position: relative;
}
.timeline .timeline-item-container:before {
background-color: #000;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
height: 16px;
left: calc(50% - 8px);
position: absolute;
top: 0;
width: 16px;
}
.timeline .timeline-item-container:after {
border-left: 4px solid #000;
content: "";
height: 100%;
left: calc(50% - 2px);
position: absolute;
top: 0;
}
.timeline .timeline-item-container .timeline-item {
margin-top: -40px;
min-height: 120px;
padding-left: calc(120px + 7.8125%);
padding-right: 7.8125%;
position: relative;
width: 50%;
}
.timeline .timeline-item-container .timeline-item h2 {
position: absolute;
right: -75px;
text-align: center;
top: 32px;
width: 150px;
z-index: 10;
}
.timeline .timeline-item-container .timeline-item h2:after {
border-bottom: 4px solid #000;
bottom: -25px;
content: "";
height: 40px;
position: absolute;
right: 50%;
width: 20px;
}
.timeline .timeline-item-container .timeline-item h4,
.timeline .timeline-item-container .timeline-item h5 {
margin-bottom: 17px;
}
.timeline .timeline-item-container .timeline-item .timeline-showcase {
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
background-clip: border-box;
background-position: center;
background-size: cover;
height: 120px;
left: 11.71875%;
margin-bottom: 17px;
position: absolute;
top: 0;
width: 120px;
}
@media all and (min-width: 768px) {
.timeline .timeline-item:nth-child(odd) {
margin-left: 50%;
padding-left: calc(120px + 10.9375%);
padding-right: 4.6875%;
}
.timeline .timeline-item:nth-child(odd) h2 {
left: -75px;
right: auto;
}
.timeline .timeline-item:nth-child(odd) h2:after {
left: 50%;
right: auto;
}
.timeline .timeline-item:nth-child(odd) .timeline-showcase {
left: 17.96875%;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.timeline .timeline-wrapper {
padding: 75px 0;
}
.timeline .timeline-wrapper:before {
bottom: 75px;
}
.timeline .timeline-item-container {
padding-top: 14%;
}
.timeline .timeline-item-container .timeline-item {
margin-top: -150px;
padding-left: 5.20833333%;
padding-right: 11.45833333%;
}
.timeline .timeline-item-container .timeline-item h2 {
top: 72px;
}
.timeline .timeline-item-container .timeline-item h2:after {
bottom: -20px;
}
.timeline .timeline-item-container .timeline-item h5:empty {
display: none;
}
.timeline .timeline-item-container .timeline-item .timeline-showcase {
height: 96px;
left: 0;
position: relative;
width: 96px;
}
.timeline .timeline-item-container .timeline-item:nth-child(odd) {
padding-left: 11.45833333%;
padding-right: 5.20833333%;
}
}
@media all and (max-width: 767px) {
.timeline .timeline-wrapper {
padding: 45px 0 40px 0;
}
.timeline .timeline-wrapper:before {
bottom: 40px;
left: calc(11.875% - 6px);
}
.timeline .timeline-header {
margin: 0 0 14px 0;
width: 100%;
}
.timeline .timeline-item-container {
padding-top: 5%;
position: relative;
}
.timeline .timeline-item-container:before {
left: calc(11.875% - 6px);
}
.timeline .timeline-item-container:after {
left: 11.875%;
}
.timeline .timeline-item-container .timeline-item {
margin: 0;
padding: 0 5% 20px 30%;
width: 100%;
}
.timeline .timeline-item-container .timeline-item h2 {
left: 0;
right: auto;
top: 18px;
width: 25%;
}
.timeline .timeline-item-container .timeline-item h2:after {
bottom: -12px;
left: 50%;
right: auto;
}
.timeline .timeline-item-container .timeline-item h4 {
margin-bottom: 7px;
}
.timeline .timeline-item-container .timeline-item h5 {
margin-bottom: 11px;
}
.timeline .timeline-item-container .timeline-item h5:empty {
display: none;
}
.timeline .timeline-item-container .timeline-item .timeline-showcase {
height: 90px;
left: 0;
position: relative;
width: 90px;
}
}
.fmmp-title .title-container {
padding: 40px;
position: relative;
}
.fmmp-title .title-container h1,
.fmmp-title .title-container h2,
.fmmp-title .title-container h3,
.fmmp-title .title-container h4,
.fmmp-title .title-container h5,
.fmmp-title .title-container h6 {
text-align: center;
}
.fmmp-title .title-container h1 {
padding: 30px;
}
.fmmp-title .title-container h2 {
padding: 20px;
}
.fmmp-title .title-container h3 {
padding: 10px;
}
.fmmp-title .title-container .link-to-parent {
max-width: 20%;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.fmmp-title .title-container .link-to-parent + h1,
.fmmp-title .title-container .link-to-parent + h2,
.fmmp-title .title-container .link-to-parent + h3,
.fmmp-title .title-container .link-to-parent + h4,
.fmmp-title .title-container .link-to-parent + h5,
.fmmp-title .title-container .link-to-parent + h6 {
margin: 0 22%;
}
.fmmp-title .title-container .link-to-parent .back-text {
display: none;
}
.fmmp-title .title-container .link-to-parent .full-text {
display: inline-block;
}
.article .fmmp-title .title-container {
padding: 40px 20px;
}
.article .fmmp-title .title-container .link-to-parent + h1,
.article .fmmp-title .title-container .link-to-parent + h2,
.article .fmmp-title .title-container .link-to-parent + h3,
.article .fmmp-title .title-container .link-to-parent + h4,
.article .fmmp-title .title-container .link-to-parent + h5,
.article .fmmp-title .title-container .link-to-parent + h6 {
margin: 0 24%;
}
@media all and (max-width: 1024px) {
.fmmp-title .title-container h1,
.article .fmmp-title .title-container h1 {
padding: 15px;
}
.fmmp-title .title-container h2,
.article .fmmp-title .title-container h2 {
padding: 10px;
}
.fmmp-title .title-container h3,
.article .fmmp-title .title-container h3 {
padding: 5px;
}
.fmmp-title .title-container .link-to-parent,
.article .fmmp-title .title-container .link-to-parent {
max-width: 10%;
}
.fmmp-title .title-container .link-to-parent + h1,
.article .fmmp-title .title-container .link-to-parent + h1,
.fmmp-title .title-container .link-to-parent + h2,
.article .fmmp-title .title-container .link-to-parent + h2,
.fmmp-title .title-container .link-to-parent + h3,
.article .fmmp-title .title-container .link-to-parent + h3,
.fmmp-title .title-container .link-to-parent + h4,
.article .fmmp-title .title-container .link-to-parent + h4,
.fmmp-title .title-container .link-to-parent + h5,
.article .fmmp-title .title-container .link-to-parent + h5,
.fmmp-title .title-container .link-to-parent + h6,
.article .fmmp-title .title-container .link-to-parent + h6 {
margin: 0 12%;
}
.fmmp-title .title-container .link-to-parent .full-text,
.article .fmmp-title .title-container .link-to-parent .full-text {
display: none;
}
.fmmp-title .title-container .link-to-parent .back-text,
.article .fmmp-title .title-container .link-to-parent .back-text {
display: inline-block;
}
}
@media all and (max-width: 767px) {
.fmmp-title .title-container,
.article .fmmp-title .title-container {
padding: 30px;
}
.fmmp-title .title-container .link-to-parent,
.article .fmmp-title .title-container .link-to-parent {
display: none;
}
.fmmp-title .title-container .link-to-parent + h1,
.article .fmmp-title .title-container .link-to-parent + h1,
.fmmp-title .title-container .link-to-parent + h2,
.article .fmmp-title .title-container .link-to-parent + h2,
.fmmp-title .title-container .link-to-parent + h3,
.article .fmmp-title .title-container .link-to-parent + h3,
.fmmp-title .title-container .link-to-parent + h4,
.article .fmmp-title .title-container .link-to-parent + h4,
.fmmp-title .title-container .link-to-parent + h5,
.article .fmmp-title .title-container .link-to-parent + h5,
.fmmp-title .title-container .link-to-parent + h6,
.article .fmmp-title .title-container .link-to-parent + h6 {
margin: 0 auto;
}
}
.aem-Grid.aem-Grid--12 .tout {
position: relative;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 0 0 auto;
}
.aem-Grid.aem-Grid--12 .tout .has-bg,
.aem-Grid.aem-Grid--12 .tout .no-bg,
.aem-Grid.aem-Grid--12 .tout .default-bg {
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .has-border {
border: 2px solid #fff;
}
.aem-Grid.aem-Grid--12 .tout .tout-container {
position: relative;
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .tout-container .tout-wide-link {
background: transparent url("../../../../etc.clientlibs/clientlibs/fmmp-base/libs/main/resources/images/shim.gif") 0 0 repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.aem-Grid.aem-Grid--12 .tout .tout-container a:focus {
border: 2px solid #000000;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.square-aspect-ratio {
overflow: hidden;
padding: 0 !important;
position: relative;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.square-aspect-ratio:before {
content: "";
display: table;
padding-bottom: 100% !important;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.square-aspect-ratio .square-aspect-ratio-container {
height: 100%;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.square-aspect-ratio .square-aspect-ratio-container > :first-child {
padding-top: 2em;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.square-aspect-ratio .square-aspect-ratio-container > :last-child {
padding-bottom: 2em;
}
.aem-Grid.aem-Grid--12 .tout .sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.aem-Grid.aem-Grid--12 .tout .tout-content p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase {
padding: 0 20px 0 40px;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption {
display: block;
padding-top: 20px;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption small {
display: block;
font-size: 15px;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-image > div,
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-lede > a > div {
position: relative;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-image > div:before,
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-lede > a > div:before {
display: block;
content: "";
width: 100%;
padding-top: 61.53846154%;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-image > div a,
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-lede > a > div a,
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-image > div img,
.aem-Grid.aem-Grid--12 .tout .tout-showcase.aspect-ratio .showcase-lede > a > div img {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .image {
display: block;
margin: 0 auto;
text-align: center;
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .image img {
display: inline;
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .has-bg-medium,
.aem-Grid.aem-Grid--12 .tout .has-bg-small {
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.aem-Grid.aem-Grid--12 .tout .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 1025px) {
.aem-Grid.aem-Grid--12 .tout .has-bg-medium,
.aem-Grid.aem-Grid--12 .tout .has-bg-small {
background-image: none !important;
}
}
@media all and (min-width: 480px) {
.aem-Grid.aem-Grid--12 .tout .has-bg,
.aem-Grid.aem-Grid--12 .tout .no-bg,
.aem-Grid.aem-Grid--12 .tout .default-bg {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.aem-Grid.aem-Grid--12 .tout .tout-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 4.6em 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.reduce-padding {
padding: 2.3em 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-content,
.aem-Grid.aem-Grid--12 .tout .tout-showcase {
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.aem-Grid.aem-Grid--12 .tout .tout-content {
padding: 0 40px 0 20px;
}
.aem-Grid.aem-Grid--12 .tout .tout-content p {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
}
.aem-Grid.aem-Grid--12 .tout .no-showcase .tout-content {
margin-left: auto;
margin-right: auto;
padding: 0 40px;
text-align: center;
}
.aem-Grid.aem-Grid--12 .tout .no-showcase .tout-content .tout-cta a {
display: table;
margin: 0 auto;
}
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-content {
padding-right: 20px;
padding-left: 40px;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .image {
margin: 0 auto;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase.showcase-video {
display: block;
}
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-showcase {
padding-right: 40px;
padding-left: 20px;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.aem-Grid.aem-Grid--12 .tout .has-bg,
.aem-Grid.aem-Grid--12 .tout .no-bg,
.aem-Grid.aem-Grid--12 .tout .default-bg {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.aem-Grid.aem-Grid--12 .tout .tout-container {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 3em 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.reduce-padding {
padding: 1.5em 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-content,
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-content {
padding: 0 17px;
}
.aem-Grid.aem-Grid--12 .tout .no-showcase .tout-content {
width: 80%;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase {
padding: 0 17px;
}
}
@media all and (max-width: 767px) {
.aem-Grid.aem-Grid--12 .tout .no-showcase .tout-content {
width: 100%;
}
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout {
overflow: hidden;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .tout-container,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .tout-container,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .tout-container {
display: inline-block;
padding: 2em 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .tout-container.reduce-padding {
padding: 1em 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .tout-container .tout-cta {
bottom: 3em;
left: 11%;
position: absolute;
text-align: center;
width: 78%;
z-index: 2;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .tout-showcase {
width: auto;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .tout-content {
margin-bottom: 93px;
/* CTA button is positioned to the bottom and is 53px, then add 40 pixels of space */
padding: 7.5% 11% 0 11%;
text-align: center;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .no-cta .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .no-cta .tout-content {
margin-bottom: 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .no-showcase .tout-content {
padding-top: 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .order-swapped .tout-content {
margin-bottom: 0;
padding-top: 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .order-swapped .tout-showcase {
padding: 7.5% 11% 0 11%;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .order-swapped .tout-showcase {
margin-bottom: 93px;
/* CTA button is positioned to the bottom and is 53px, then add 40 pixels of space */
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .no-cta.order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .no-cta.order-swapped .tout-showcase {
margin-bottom: 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--6 .tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--4 .tout .reduce-padding .tout-content,
.aem-Grid.aem-Grid--12 .hybris-role-container.aem-GridColumn--default--3 .tout .reduce-padding .tout-content {
padding-top: 3.75%;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout + .aem-GridColumn--default--6.tout > .no-bg,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout + .aem-GridColumn--default--6.tout > .no-bg {
border-left: 2px solid #eeeeee;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container .button-arrow {
margin: 0 auto;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container {
padding: 1.333em 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container.reduce-padding {
padding: 0.666em 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container .tout-cta {
bottom: 2em;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase .showcase-image > div img {
max-width: 90%;
}
@media all and (max-width: 1024px) {
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container .tout-cta {
text-align: left;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container .button-arrow {
margin: 0;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content {
text-align: left;
}
}
@media all and (max-width: 767px) {
.aem-Grid.aem-Grid--12 .tout:not([class*="aem-GridColumn--small-mobile"]),
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout:not([class*="aem-GridColumn--small-mobile"]),
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout:not([class*="aem-GridColumn--small-mobile"]),
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout:not([class*="aem-GridColumn--small-mobile"]),
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout:not([class*="aem-GridColumn--small-mobile"]),
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout:not([class*="aem-GridColumn--small-mobile"]),
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout:not([class*="aem-GridColumn--small-mobile"]) {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-content {
padding: 0 17px;
}
.aem-Grid.aem-Grid--12 .tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 1.2em 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.square-aspect-ratio,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container.square-aspect-ratio,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container.square-aspect-ratio,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container.square-aspect-ratio,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container.square-aspect-ratio,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container.square-aspect-ratio,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container.square-aspect-ratio {
display: inline-block;
}
.aem-Grid.aem-Grid--12 .tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container.reduce-padding,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container.reduce-padding {
padding: 0.6em 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container .button-arrow,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container .button-arrow {
margin: 0;
}
.aem-Grid.aem-Grid--12 .tout .tout-container .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container .tout-content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: left;
}
.aem-Grid.aem-Grid--12 .tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content {
font-size: 14px;
text-align: left;
}
.aem-Grid.aem-Grid--12 .tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .no-showcase .tout-content {
text-align: center;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase figcaption,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase figcaption,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase figcaption,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase figcaption,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase figcaption,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase figcaption {
padding-top: 10px;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .tout .tout-showcase .showcase-lede > a,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase .showcase-lede > a,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase .showcase-lede > a,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase .showcase-lede > a,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase .showcase-lede > a,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase .showcase-lede > a,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase .showcase-lede > a {
height: auto;
line-height: normal;
}
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase {
padding: 0;
}
}
@media all and (max-width: 767px) and (min-width: 480px) {
.aem-Grid.aem-Grid--12 .tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container .tout-cta {
bottom: auto;
left: auto;
position: relative;
text-align: left;
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content {
padding: 0 17px;
}
.aem-Grid.aem-Grid--12 .tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .no-showcase .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .no-showcase .tout-content {
width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase {
padding: 0 17px;
}
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase {
padding-right: 17px;
padding-left: 17px;
}
}
@media all and (max-width: 479px) {
.aem-Grid.aem-Grid--12 .tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-container {
display: inline-block;
}
.aem-Grid.aem-Grid--12 .tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content {
padding: 0 17px;
}
.aem-Grid.aem-Grid--12 .tout .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-cta,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-cta {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase {
padding: 10px 17px;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .image,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase .image,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase .image,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase .image,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase .image,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase .image,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase .image {
margin: 0;
max-width: none;
text-align: left;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase .showcase-image > div,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase .showcase-image > div {
text-align: left;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-showcase .showcase-image > div img,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-showcase .showcase-image > div img {
width: auto;
max-width: 100%;
}
.aem-Grid.aem-Grid--12 .tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase {
margin-bottom: 0;
padding: 4% 10% 1% 10%;
}
}
.hover-tout {
cursor: pointer;
min-height: 100px;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hover-tout .tout-title p,
.hover-tout .button-main.button-arrow p {
all: unset;
font-size: inherit;
font-family: inherit;
}
.hover-tout a {
z-index: 10;
}
.hover-tout .centered {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hover-tout .title-above .center-title {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
color: #fff !important;
height: 1px !important;
overflow: hidden !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.hover-tout .cta-container {
display: none;
}
.hover-tout .cta-container .button-main {
margin-top: 10px;
}
.hover-tout .has-bg {
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hover-tout .has-bg:before {
z-index: 10;
}
.hover-tout .has-bg .bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.hover-tout .hover-tout-container.title-above .centered {
top: 65%;
}
.hover-tout .hover-tout-container.title-above .has-bg .bg {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.hover-tout .hover-tout-container.title-centered {
display: block;
position: relative;
z-index: 20;
}
.hover-tout .hover-tout-container.title-centered .has-bg:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.hover-tout .hover-tout-container.title-centered .has-bg:hover:before {
background: #000000;
opacity: 0.2;
}
.hover-tout .hover-tout-container.title-centered .has-bg .bg {
background-size: cover;
}
.hover-tout.active {
cursor: default;
}
.hover-tout.active.touch .has-bg:before {
opacity: 0;
}
.hover-tout.active .hover-tout-container.title-above .has-bg .bg {
opacity: 0.75;
}
.trouble-diagnostics-symptom {
width: 33.33% !important;
}
@media all and (max-width: 767px) {
.trouble-diagnostics-symptom {
width: 100% !important;
}
}
.trouble-diagnostic-item {
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
text-align: center;
padding: 30px;
}
.trouble-diagnostic-item .trouble-diagnostic-image {
width: 176px;
height: 176px;
display: inline-block;
border: 5px solid #113c57;
border-radius: 100%;
overflow: hidden;
margin-bottom: 28px;
}
.trouble-diagnostic-item .trouble-diagnostic-image img {
width: 100%;
}
.trouble-diagnostic-item p {
padding-bottom: 30px;
margin-bottom: 0;
}
.trouble-diagnostic-item .cta-link {
font-weight: bold !important;
text-transform: uppercase;
cursor: pointer;
}
@media all and (max-width: 767px) {
.trouble-diagnostic-item {
border-right: none;
}
}
.trouble-diagnostic-symptom-container {
height: 100%;
overflow: auto;
position: relative;
width: 100%;
}
.trouble-diagnostic-symptom-container {
height: 100%;
overflow: auto;
position: relative;
width: 100%;
}
.trouble-diagnostic-symptom-container .symptom-part-overlay {
background-color: rgba(255, 255, 255, 0.95);
height: 100%;
right: 0;
position: absolute;
top: 0;
width: 100%;
}
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide {
opacity: 0;
}
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-add,
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-remove,
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-add-active,
.trouble-diagnostic-symptom-container .symptom-part-overlay.ng-hide-remove-active {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tt-symptom .symptom-link-container {
position: relative;
}
.tt-symptom .symptom-link-container .symptom-link {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 58px;
position: relative;
}
.tt-symptom .symptom-link-container .symptom-link .symptom-title {
width: 100%;
}
.tt-symptom .symptom-link-container .symptom-link .symptom-title h4 {
padding: 0 6.8%;
}
@media all and (min-width: 768px) {
.tt-symptom .symptom-link-container.selected .symptom-link:after,
.tt-symptom .symptom-link-container.default-selected .symptom-link:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-width: 7px;
content: " ";
height: 0;
left: 100%;
margin-top: -7px;
pointer-events: none;
position: absolute;
top: 50%;
width: 0;
}
}
.trouble-tracer .trouble-tracer-container {
height: 100%;
width: 100%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container {
height: 100%;
overflow: auto;
position: relative;
width: 100%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container {
overflow: hidden;
position: relative;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-content-container .image {
padding-right: 10px;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .show-spinner {
background-color: rgba(255, 255, 255, 0.95);
height: 100%;
right: 0;
position: absolute;
top: 0;
width: calc(100% - 280px);
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .show-spinner .three-quarters-loader {
margin-top: 25%;
margin-left: 35%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-headline > div {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 58px;
padding: 2% 6.8%;
width: 100%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-headline > div > * {
width: 100%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-headline > div :last-child {
margin-bottom: 0;
padding-bottom: 0;
}
@media all and (min-width: 768px) {
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-nav-list {
float: left;
max-width: 338px;
min-width: 150px;
margin-bottom: 1.5em;
z-index: 10;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container {
float: left;
width: calc(100% - 338px);
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-content {
display: none;
margin: 0 auto;
position: relative;
width: 75%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-content.selected,
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-content.default-selected {
display: block;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-mobile-container {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-nav-list {
max-width: 220px;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container,
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-part-overlay,
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .show-spinner {
width: calc(100% - 220px);
}
}
@media all and (max-width: 767px) {
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-nav-list {
max-width: 100%;
position: relative;
overflow: hidden;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-nav-list.selected {
display: none;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .show-spinner .three-quarters-loader {
margin-left: 50%;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-content-container {
display: none;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-content-container.edit-mode {
display: block;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-mobile-container > .symptom-content {
display: none;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile {
display: none;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected {
display: block !important;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected img {
margin: 0 auto;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-mobile-container .symptom-back-link {
display: none;
padding: 24px 0 23px 0;
text-align: center;
}
.trouble-tracer .trouble-tracer-container .trouble-tracer-symptom-container .symptom-main-container .symptom-mobile-container .symptom-was-selected {
display: block !important;
}
}
.search-container .aem-GridColumn.aem-GridColumn--default--12 {
line-height: 40px;
margin-bottom: 5px !important;
}
#verticalLineContainer {
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
#verticalLineContainer.is-edit {
min-height: 50px;
}
#verticalLineContainer .vertical-line {
width: 2px;
background-color: black;
}
.video-external {
text-align: center;
padding-bottom: 10px;
width: 100%;
}
.video-external .driv-video-loader {
display: none;
}
.video-external .video-external-container {
position: relative;
/* typography */
}
.video-external .video-external-container .fa-play-circle,
.video-external .video-external-container h1,
.video-external .video-external-container h2,
.video-external .video-external-container h3,
.video-external .video-external-container h4,
.video-external .video-external-container h5,
.video-external .video-external-container h6,
.video-external .video-external-container p {
margin-bottom: 15px;
}
.video-external .video-external-container .fa-play-circle:last-child,
.video-external .video-external-container h1:last-child,
.video-external .video-external-container h2:last-child,
.video-external .video-external-container h3:last-child,
.video-external .video-external-container h4:last-child,
.video-external .video-external-container h5:last-child,
.video-external .video-external-container h6:last-child,
.video-external .video-external-container p:last-child {
margin-bottom: 0;
}
.video-external .video-external-container .video-wrapper {
padding-bottom: 56.25%;
position: relative;
}
.video-external .video-external-container .video-wrapper .show-spinner {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
position: absolute;
}
.video-external .video-external-container .video-wrapper iframe,
.video-external .video-external-container .video-wrapper object,
.video-external .video-external-container .video-wrapper embed {
height: 101%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.video-external .video-external-container .video .icon-video {
position: static;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.video-external .video-external-container .video .icon-video {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
}
.video-external .video-external-container .video-external-content-container {
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
min-height: 580px;
padding: 90px;
position: relative;
z-index: 10;
}
.video-external .video-external-container .video-external-content-container.align-y-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.video-external .video-external-container .video-external-content-container.align-x-center .video-external-content {
margin: 0 auto;
}
.video-external .video-external-container .video-background {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.video-external .video-external-container.has-bg-overlay .video-background:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.4;
}
.video-external .video-external-container.has-bg-overlay .video-background:hover:before {
background: #000000;
opacity: 0.4;
}
.video-external .video-external-container.has-bg-overlay .video-background > * {
position: relative;
/* Added to make sure all content is displayed above this bg overlay */
}
.video-external .video-external-container .video-external-content {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 auto;
width: 55%;
z-index: 10;
}
.video-external .video-external-container.video-active .video-external-content-container {
display: block;
height: auto !important;
min-height: auto;
padding: 0 !important;
}
.video-external .video-external-container.has-video .video-external-content-container {
min-height: inherit;
padding-bottom: 56.25%;
padding-top: 0;
position: relative;
}
.video-external .video-external-container.has-video .video-external-content {
text-align: center;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media all and (max-width: 1024px) {
.video-external .video-external-container .video-external-content-container {
padding: 30px 30px 80px 30px;
}
.video-external .video-external-container.has-video .video-external-content {
width: 85%;
}
}
@media all and (max-width: 767px) {
.video-external .video-external-container .video-external-content-container {
min-height: 365px;
padding: 45px 30px 40px 30px;
}
}
.where-to-buy-link .where-to-buy-link-container {
padding: 60px 0;
text-align: center;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-link-element {
display: inline;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label {
display: inline-block;
padding: 0 52px;
vertical-align: middle;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2.wtb-override {
display: none;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2 {
font-size: 40px;
line-height: inherit;
text-transform: none;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 {
font-size: 18px;
line-height: inherit;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-postal-code {
border: 0;
border-radius: 0;
height: 55px;
margin: 0;
width: 300px;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-postal-code.where-to-buy-search-postal--color-override {
color: #3e3e3e;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit {
border: 0;
height: 55px;
margin-left: -5px;
vertical-align: middle;
}
@media all and (max-width: 1024px) {
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label {
display: block;
padding: 0 20px 15px 20px;
}
}
@media all and (max-width: 767px) {
.where-to-buy-link .where-to-buy-link-container {
padding: 39px 0;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label {
display: block;
padding-bottom: 20px;
text-align: center;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2 {
font-size: 24px;
line-height: 28px;
text-transform: none;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 {
font-size: 14px;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-postal-code {
width: 225px;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit {
height: 55px;
padding-left: 20px;
padding-right: 20px;
width: 62px;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit:after {
margin-right: 0;
right: 40%;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit span {
display: none;
}
}
.where-to-buy-map {
position: relative;
}
.where-to-buy-map .show-spinner {
position: absolute;
padding: 0;
margin: 0;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 1000;
}
.where-to-buy-map .infowindow-template .map-infowindow .map-infowindow-header .map-infowindow-link img {
width: 30px;
}
.where-to-buy-base .where-to-buy-campaign-base .mobile-type-selector {
display: none;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-map {
margin-bottom: 30px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-map .show-spinner {
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-results-section {
padding: 0 50px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-holder {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-align-content: center;
-ms-align-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-holder .where-to-buy-search-country {
-moz-flex: 1 1 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%;
flex: 1 1 30%;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-online-search-base-container,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-distributor-search-base-container {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-online-search-base-container .where-to-buy-search-country,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-distributor-search-base-container .where-to-buy-search-country {
max-width: 290px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-header {
padding: 20px;
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-category {
margin: 10px 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base {
padding: 0px 0 30px 3%;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .dealer-name {
font-size: 16px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base h2 {
font-size: 22px;
line-height: 50px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base table {
table-layout: fixed;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base table .coordinates-selected tr:not(.active) {
opacity: 0.4;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base table td.dealer-distance {
text-transform: uppercase;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .button-arrow:after,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base a[target="_blank"]:after {
content: "";
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base a[target="_blank"] {
padding-right: 30px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .where-to-buy-search-results-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .where-to-buy-search-results-online-container .dealer-name {
cursor: default;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .show-spinner,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .where-to-buy-search-results-online-container .show-spinner {
display: block;
-webkit-transform: translate(30%, 50%);
-moz-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
-o-transform: translate(30%, 50%);
transform: translate(30%, 50%);
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results-base .where-to-buy-search-results-distributor-container .dealer-name {
display: block;
padding: 20px 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-show-filter,
.where-to-buy-base .where-to-buy-campaign-base .brands-label {
display: none;
}
.where-to-buy-base .where-to-buy-campaign-base .hover-tout .hover-tout-container {
background: transparent;
}
.where-to-buy-base .where-to-buy-campaign-base .hover-tout .has-bg {
height: 200px;
width: 80%;
padding: 0;
margin: 10px auto;
}
.where-to-buy-base .where-to-buy-campaign-base .hover-tout .has-bg:first-child {
margin-top: 0;
}
@media all and (min-width: 1025px) {
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal {
background-color: transparent;
position: relative;
z-index: 1;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal .button-main,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container .where-to-buy-search-filter-modal .modal-close {
display: none;
}
}
@media all and (max-width: 1024px) {
.where-to-buy-base .where-to-buy-campaign-base .mobile-type-selector {
display: block;
margin-bottom: 30px;
}
.where-to-buy-base .where-to-buy-campaign-base .mobile-type-selector .select-box {
top: 2px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-buy-tab-row {
border: none;
padding: 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-holder {
background-color: transparent;
padding: 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-campaign-container {
display: block;
padding: 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-online-search-base-container,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-distributor-search-base-container {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-online-search-base-container .where-to-buy-search-country,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-distributor-search-base-container .where-to-buy-search-country {
max-width: none;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-online-search-base-container .show-spinner,
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-distributor-search-base-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results {
padding: 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .dealer-distance {
margin: 5px 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .dealer-name {
font-size: 18px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results table {
margin-top: 5px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results table td:last-child {
padding: 3px 0 30px 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results table td:last-child .button-main.button-arrow {
margin: 15px 0 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .button-arrow {
display: block;
padding: 18px 40px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .where-to-buy-search-results-container {
padding: 10px 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .where-to-buy-search-results-container .dealer-name {
padding: 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .where-to-buy-search-results-container .show-spinner {
display: none;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .where-to-buy-search-results-container table td:first-child {
padding-top: 20px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .where-to-buy-search-results-container table td:last-child {
padding-bottom: 10px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container.hide-filters {
display: none;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container.show-filters {
bottom: 0;
display: block;
height: 100%;
left: 0;
padding: 20px;
position: fixed;
right: 0;
top: 0;
z-index: 1050;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal {
width: 100%;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .where-to-buy-search-filter-header {
background: none;
padding: 0;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .button-main {
display: block;
width: 100%;
margin-top: 30px;
padding: 17px 40px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-filter-base-container.show-filters .where-to-buy-search-filter-modal .modal-close {
display: inline;
}
.where-to-buy-base .where-to-buy-campaign-base button.where-to-buy-show-filter {
display: block;
}
.where-to-buy-base .where-to-buy-campaign-base .brands-label {
display: inline;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-results-section.aem-Grid--12 {
-webkit-flex-wrap: wrap-reverse;
-moz-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
padding: 5px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-results-section.aem-Grid--12 .margin .aem-Grid {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-results-section.aem-Grid--12 .margin .aem-Grid .hover-tout {
flex: 0 0 30%;
min-width: 200px;
}
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-results-section.aem-Grid--12 .margin .aem-Grid .hover-tout .has-bg {
margin: 2px;
width: auto;
}
}
@media all and (max-width: 1024px) and (min-width: 767px) {
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results table td {
padding: 15px 0;
}
}
@media all and (max-width: 479px) {
.where-to-buy-base .where-to-buy-campaign-base .where-to-buy-search-results .where-to-buy-search-results-container .where-to-buy-search-results-filter-bar .button-secondary {
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
-webkit-flex: 0 1 50%;
flex: 0 1 50%;
}
}
.where-to-buy-campaign-base .where-to-buy-search-base {
padding: 30px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.where-to-buy-campaign-base .where-to-buy-search-base input[type='checkbox'] {
width: 2em;
}
.where-to-buy-campaign-base .where-to-buy-search-base input[type='text'] {
margin: 0 20px;
width: auto;
min-width: 160px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
white-space: nowrap;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox input {
display: none;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox span {
width: 30px;
height: 30px;
display: inline-block;
background: #fff;
border: 1px solid #dadada;
position: relative;
margin: 10px 20px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox span span {
width: 22px;
height: 22px;
border: none;
position: relative;
margin: 3px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox input:checked + span span {
background: #ccc;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit {
margin: 0;
padding: 13px 50px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit:after {
display: none;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-field {
border-right: 1px solid #CCC;
margin-right: 20px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit {
display: inline-flex;
}
@media all and (max-width: 1024px) {
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-campaign-container {
text-align: center;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-field {
border: none;
text-align: center;
display: inline-block;
margin: 0;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-field.where-to-buy-search-field-part {
border-right: 1px solid #CCC;
padding-right: 20px;
margin-right: 18px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox span.outer {
margin: 10px 0 10px 20px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit {
display: block;
margin-top: 20px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-field .where-to-buy-search-base-postal-code {
min-width: 200px;
margin: 0 -5px 0 0;
border: 1px solid #CCC;
border-right: 0;
height: 50px;
width: 270px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-field .where-to-buy-postal-label {
display: none;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit {
margin: 0;
vertical-align: top;
}
}
@media all and (max-width: 480px) {
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-campaign-container {
width: 100%;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-field {
display: inline-block;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-field .where-to-buy-search-base-postal-code {
width: 200px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit {
height: 50px;
padding: 0 40px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit span {
display: none;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit:after {
display: inline;
}
}
@media all and (max-width: 379px) {
.where-to-buy-campaign-base .where-to-buy-search-base {
padding: 30px 10px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-field.where-to-buy-search-field-part {
margin: 5px;
padding: 5px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox span.outer {
margin: 5px;
}
}
.where-to-buy-search-campaign-results-base {
padding: 0px 3.25%;
}
.where-to-buy-search-campaign-results-base .where-to-buy-search-results-container {
position: relative;
}
.where-to-buy-search-campaign-results-base .show-spinner {
padding: 0;
left: 0;
position: absolute;
top: 100px;
margin: auto;
text-align: center;
transform: none;
}
.where-to-buy-search-campaign-results-base .show-spinner .three-quarters-loader {
margin: auto;
}
.where-to-buy-search-campaign-results-base .text a[target="_blank"]:after,
.where-to-buy-search-campaign-results-base .cta-link-external:after {
position: relative;
}
.where-to-buy-search-campaign-results-base .where-to-buy-search-results-headline {
background: #333;
color: white;
padding: 20px 40px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.where-to-buy-search-campaign-results-base .where-to-buy-search-results-headline .where-to-buy-results-found {
font-style: italic;
}
.where-to-buy-search-campaign-results-base .dealer-type {
text-transform: capitalize;
}
.where-to-buy-search-campaign-results-base table {
border: 0;
border-top: 1px solid #000;
table-layout: fixed;
}
.where-to-buy-search-campaign-results-base table tr {
border: 0;
border-bottom: 1px solid #e1e1e1;
}
.where-to-buy-search-campaign-results-base table td {
border: 0;
padding: 15px;
vertical-align: middle;
}
.where-to-buy-search-campaign-results-base table td:before {
display: none;
}
.where-to-buy-search-campaign-results-base table td:empty {
padding: 0;
}
.where-to-buy-search-campaign-results-base table td:first-child {
border-top: 0;
padding-left: 0;
}
.where-to-buy-search-campaign-results-base table td:last-child {
padding: 0;
text-align: right;
white-space: nowrap;
}
.where-to-buy-search-campaign-results-base table td:last-child .button-main.button-arrow {
margin: 2px 0;
}
.where-to-buy-search-campaign-results-base .where-to-buy-hours span {
display: block;
font-size: .8em;
line-height: 1.3;
}
.where-to-buy-search-campaign-results-base .where-to-buy-dealer-location,
.where-to-buy-search-campaign-results-base .where-to-buy-dealer-phone,
.where-to-buy-search-campaign-results-base .dealer-distance {
font-size: .9em;
line-height: 1.2;
}
.where-to-buy-search-campaign-results-base .dealer-distance {
white-space: nowrap;
}
.where-to-buy-search-campaign-results-base table.coordinates-selected tr:not(.active) {
opacity: 0.5;
}
.where-to-buy-search-campaign-results-base .dealer-name {
display: block;
line-height: 1;
cursor: pointer;
}
.where-to-buy-search-campaign-results-base .dealer-phone,
.where-to-buy-search-campaign-results-base .dealer-website {
display: block;
padding-top: 2px;
white-space: nowrap;
font-size: 1em;
}
.where-to-buy-search-campaign-results-base .dealer-phone:before,
.where-to-buy-search-campaign-results-base .dealer-website:before {
-moz-osx-font-smoothing: grayscale;
font-family: "icomoon";
line-height: 1;
vertical-align: middle;
}
.where-to-buy-search-campaign-results-base button.where-to-buy-show-filter {
display: none;
}
.where-to-buy-search-campaign-results-base .where-to-buy-load-more-div {
text-align: center;
padding: 50px 0;
position: relative;
}
.where-to-buy-search-campaign-results-base .where-to-buy-load-more-div .show-spinner {
top: 20px;
}
.where-to-buy-search-campaign-results-base .where-to-buy-search-pagination ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.where-to-buy-search-campaign-results-base .where-to-buy-search-pagination li {
margin: 6px;
}
.where-to-buy-search-campaign-results-base .where-to-buy-search-pagination li:before {
display: none;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.where-to-buy-search-campaign-results-base {
padding: 48px 5.3%;
width: 100% !important;
}
.where-to-buy-search-campaign-results-base table td {
padding-bottom: 26px;
padding-top: 26px;
display: table-cell;
}
}
@media all and (max-width: 767px) {
.where-to-buy-search-campaign-results-base {
width: 100% !important;
}
.where-to-buy-search-campaign-results-base .where-to-buy-dealer-location,
.where-to-buy-search-campaign-results-base .where-to-buy-dealer-phone,
.where-to-buy-search-campaign-results-base .dealer-distance {
font-size: 1em;
padding: 0 0 10px;
}
.where-to-buy-search-campaign-results-base .dealer-distance {
font-weight: bold;
}
.where-to-buy-search-campaign-results-base .dealer-type {
display: inline-block;
margin-bottom: 10px;
}
.where-to-buy-search-campaign-results-base .where-to-buy-hours {
margin-bottom: 10px;
}
.where-to-buy-search-campaign-results-base .where-to-buy-hours span {
font-size: 1em;
line-height: 1;
}
.where-to-buy-search-campaign-results-base .dealer-name {
display: inline-block;
margin: 0 8px 0 0;
border-right: 1px solid #333;
padding-right: 10px;
}
.where-to-buy-search-campaign-results-base .no-data {
display: none;
}
.where-to-buy-search-campaign-results-base table td {
display: block;
padding: 8px 0;
line-height: 1;
}
.where-to-buy-search-campaign-results-base table td:first-child {
padding-top: 30px;
}
.where-to-buy-search-campaign-results-base table td:last-child {
padding-bottom: 30px;
padding-left: 0px;
text-align: left;
}
}
@media all and (min-width: 1025px) {
.where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 6.25%;
padding-right: 3.125%;
}
.where-to-buy-search-filter + .where-to-buy-search-results[class*="aem-GridColumn--default--"] {
padding-left: 3.125%;
padding-right: 6.25%;
}
.where-to-buy-search-results.aem-GridColumn--default--10,
.where-to-buy-search-results.aem-GridColumn--default--11 {
padding-left: 3.125%;
padding-right: 1.5625%;
}
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--10,
.where-to-buy-search-filter + .where-to-buy-search-result.aem-GridColumn--default--11 {
padding-left: 1.5625%;
padding-right: 3.125%;
}
button.where-to-buy-show-filter {
display: none;
}
}
.where-to-buy-campaign-map {
position: relative;
margin: 30px 0;
}
.where-to-buy-campaign-map .show-spinner {
position: absolute;
padding: 0;
margin: auto;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 1000;
text-align: center;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow {
font-size: 1em;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .directions,
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .where-to-buy-hours,
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .address,
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .distance {
margin: 5px 0;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .dealer-name {
font-weight: bold;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .dealer-type {
display: inline-block;
margin-bottom: 10px;
text-transform: capitalize;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .directions {
margin-top: 10px;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .directions a {
padding: 0;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow .where-to-buy-hours span {
display: block;
}
.where-to-buy-campaign-map.google-map .gm-style-iw > div .map-infowindow div {
padding-bottom: 10px;
}
/* ==========================================================================
FMMP Beru Base Styles
Original styles for default site components provided by Wondersauce.
==========================================================================
Notes
-----------------
Available Fonts:
Blender Pro bold
Blender Pro bolditalic
Blender Pro book
Blender Pro bookitalic
Din Condensed bold
Roboto black
Roboto blackitalic
Roboto regular
Din Condensed Bold is the local font named "31FEF9_0_0", the //hello.myfonts.net/count/31fef9 counter was added to
the aem-base headlibs.jsp, it was added there because this is a global font used on all brands. The license for this
font is located at http://www.myfonts.com/viewlicense?type=web&buildid=3276537
*/
/* BASE */
.style-guide-code {
color: #008000;
font-family: monospace !important;
font-size: 14px !important;
}
.style-guide-swatch {
box-shadow: 0 2px 5px 2px rgba(128, 128, 128, 0.4);
display: inline-block;
height: 130px;
margin: 30px 15px;
position: relative;
width: 130px;
}
.style-guide-swatch:after {
color: #008000;
font-family: monospace !important;
font-size: 14px !important;
left: 0;
padding-top: 0.5em;
position: absolute;
text-align: center;
top: 100%;
width: 100%;
}
.style-guide-swatch:before {
display: block;
padding-top: 0.5em;
text-align: center;
text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;
width: 100%;
}
.style-guide-swatch-black {
background-color: #000000;
}
.style-guide-swatch-black:after {
content: "@c-black";
}
.style-guide-swatch-black:before {
content: "#000000";
}
.style-guide-swatch-white {
background-color: #ffffff;
}
.style-guide-swatch-white:after {
content: "@c-white";
}
.style-guide-swatch-white:before {
content: "#ffffff";
}
.style-guide-swatch-primary {
background-color: #1b3c4f;
}
.style-guide-swatch-primary:after {
content: "@c-primary";
}
.style-guide-swatch-primary:before {
content: "#1b3c4f";
}
.style-guide-swatch-primary-dark {
background-color: #1b3c4f;
}
.style-guide-swatch-primary-dark:after {
content: "@c-primary";
}
.style-guide-swatch-primary-dark:before {
content: "#1b3c4f";
}
.style-guide-swatch-primary-desaturate {
background-color: #1b3c4f;
}
.style-guide-swatch-primary-desaturate:after {
content: "@c-primary";
}
.style-guide-swatch-primary-desaturate:before {
content: "#1b3c4f";
}
.style-guide-swatch-primary-light {
background-color: #1b3c4f;
}
.style-guide-swatch-primary-light:after {
content: "@c-primary";
}
.style-guide-swatch-primary-light:before {
content: "#1b3c4f";
}
.style-guide-swatch-grey {
background-color: #808080;
}
.style-guide-swatch-grey:after {
content: "@c-grey";
}
.style-guide-swatch-grey:before {
content: "#808080";
}
.style-guide-swatch-grey-dark {
background-color: #333333;
}
.style-guide-swatch-grey-dark:after {
content: "@c-grey-dark";
}
.style-guide-swatch-grey-dark:before {
content: "#333333";
}
.style-guide-swatch-grey-light {
background-color: #c2c2c2;
}
.style-guide-swatch-grey-light:after {
content: "@c-grey-light";
}
.style-guide-swatch-grey-light:before {
content: "#c2c2c2";
}
.style-guide-swatch-grey-x-light {
background-color: #e6e6e6;
}
.style-guide-swatch-grey-x-light:after {
content: "@c-grey-x-light";
}
.style-guide-swatch-grey-x-light:before {
content: "#e6e6e6";
}
.style-guide-swatch-error {
background-color: #ee1b2e;
}
.style-guide-swatch-error:after {
content: "@c-error";
}
.style-guide-swatch-error:before {
content: "#ee1b2e";
}
.style-guide-swatch-secondary {
background-color: #39a7da;
}
.style-guide-swatch-secondary:after {
content: "@c-secondary";
}
.style-guide-swatch-secondary:before {
content: "#39a7da";
}
.style-guide-swatch-secondary-dark {
background-color: #39a7da;
}
.style-guide-swatch-secondary-dark:after {
content: "@c-secondary";
}
.style-guide-swatch-secondary-dark:before {
content: "#39a7da";
}
.style-guide-swatch-secondary-desaturate {
background-color: #39a7da;
}
.style-guide-swatch-secondary-desaturate:after {
content: "@c-secondary";
}
.style-guide-swatch-secondary-desaturate:before {
content: "#39a7da";
}
.style-guide-swatch-secondary-light {
background-color: #39a7da;
}
.style-guide-swatch-secondary-light:after {
content: "@c-secondary";
}
.style-guide-swatch-secondary-light:before {
content: "#39a7da";
}
.style-guide-font {
display: block;
font-size: 1.5em;
padding: 1em 0 1.5em 0;
position: relative;
}
.style-guide-font:after {
content: "The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя";
}
.style-guide-font:before {
color: #008000;
font-family: monospace !important;
font-size: 14px !important;
left: 0;
position: absolute;
top: 0;
}
.style-guide-font-primary-bold {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
.style-guide-font-primary-bold:after {
content: "HelveticaNeueLTStd-Bd - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя";
}
.style-guide-font-primary-bold:before {
content: "@ff-primary-bold";
}
.style-guide-font-global-nav {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
.style-guide-font-global-nav:after {
content: "Din Condensed Bold - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя";
}
.style-guide-font-global-nav:before {
content: "@ff-global-nav";
}
.style-guide-select-sample {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAADyBAMAAADEl68BAAAAMFBMVEX2gSH////cqYT94cvy0bfmfivXg0PvfyTUjVnitZTqwqXVh07YnnTffjLVlWbagDruacEdAAABGklEQVR42u3WwUmDQRSF0YcElaCC6MatVqCgLgQxHQhpwCJSgJAGTAemBdOAYAP2kgYku5nkdxm4i3MqeMxl4CsAAAAAAAAAAAAAAAAAAABgT76u//FaAUbnw+4qwent8HUvFWE+eNzFb0UYD173XBmOBqf9rBCroWEjfuzGwcDjPVWMye7TfVSM9c51l5XjZGfahwqy3B72u4JMg4etOt6a9r6iLPph3yvKrLvuqrIcdtM+Vpibdti3CjOK686+QeO6szWP687WOK47+waN687WKq47+waN687WJK47W+vAPGkbNK47W8u47mxNg4fdNGhcd7YWcd3ZmsV1Z9+gcd3Z+onrztZZAQAAAAAAAAAAAAAAAAAAAPv2B18ZNaU8ZzfzAAAAAElFTkSuQmCC");
background-position: 100% center;
background-repeat: no-repeat;
background-size: contain;
border: solid 2px #e6e6e6;
-webkit-border-radius: 0;
border-radius: 0;
background-clip: padding-box;
color: #c2c2c2;
cursor: pointer;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 18px;
height: 50px;
margin: 15px 0 25px 0;
padding: 10px 68px 10px 13px;
width: 340px;
}
.style-guide-select-sample:focus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAADyBAMAAADEl68BAAAAMFBMVEUbPE////9VWGKfmZmIhIYdO1AbO08pPlA2RFNjZGt0cnYvQFFIT1sgO1A+SVYkPFCWLeQTAAABK0lEQVR42u3Wy0mDURSF0UPwgQiBSzJyJHbwO1AHCqYD0QbswQYEGxDSgHZgCYIl2Igl+Db3HzgUNrJWBRsOB74CAAAAAAAAAAAAAAAAAAAA/tq0kl09Vq6N4bBybbX5ZcW6ae22Uq0PrR1VqrXW2uysQj21N3eVaXN4X3dcmd4O+37al4q0bB9OK9H28LluvxJdtE+zhwp0374cVJ7p8L1up/I8t2+z64qzaD9OKs1kWK2bV5qrtjLbrSwbQ+ukNehWPy6uQW/6cWkNuj46bFqDrvXT4hr0qZ+W1qCbo8OmNejosHENuuyHpTXo9uiwaQ160c+Ka9D7flZag05Hh01r0Od+VFyDLvpRaQ06GR02rUHP934R87UAAAAAAAAAAAAAAAAAAADw77wCjd01pSgn4R0AAAAASUVORK5CYII=");
border-color: #1b3c4f;
outline: none;
}
.style-guide-select-sample::-ms-expand {
display: none;
}
/* GLOBAL */
body {
background-color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
overflow-y: visible;
color: #333333;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* HIGHLIGHT TEXT */
::-moz-selection {
/* Code for Firefox */
background: #000000;
color: #ffffff;
}
::selection {
background: #000000;
color: #ffffff;
}
/* PLACEHOLDER COLOR */
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #bebebe;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #bebebe;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #bebebe;
}
:-moz-placeholder {
/* Firefox 18- */
color: #bebebe;
}
/* WEB FONTS */
.ff-base {
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url('../../fmmp-base/libs/main/resources/fonts/HelveticaNeue-Bold-webfont.eot');
src: url('../../fmmp-base/libs/main/resources/fonts/HelveticaNeue-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/HelveticaNeue-Bold-webfont.woff') format('woff');
font-style: normal;
font-weight: normal;
}
.ff-primary-bold {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url('../../fmmp-base/libs/main/resources/fonts/HelveticaNeue-webfont.eot');
src: url('../../fmmp-base/libs/main/resources/fonts/HelveticaNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/HelveticaNeue-webfont.woff') format('woff');
font-style: normal;
font-weight: normal;
}
.ff-primary {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
.ff-global-nav {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
@font-face {
font-family: 'fontawesome';
src: url('../../fmmp-base/libs/main/resources/fonts/fontawesome-webfont.eot');
src: url('../../fmmp-base/libs/main/resources/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/fontawesome-webfont.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/fontawesome-webfont.svg') format('svg');
font-style: normal;
font-weight: normal;
}
/* TEXT FORMATTING */
span[class^="special_char_"] {
line-height: 0;
position: relative;
font-size: 41.5%;
margin-right: 0.6em;
vertical-align: super;
}
span[class^="special_char_"]:after {
position: absolute;
left: 0;
top: -0.6em;
}
span.special_char_E28483,
span.special_char_E28489 {
font-size: 100%;
margin-right: 0;
vertical-align: inherit;
}
span.special_char_E284A2 {
vertical-align: baseline;
}
span.special_char_E284A2:after {
content: "\2122";
}
a {
color: #1b3c4f;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover {
color: #39a7da;
}
blockquote,
.blockquote {
border-left: 4px solid #ea7423;
color: #1b3c4f;
display: block;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 24px;
line-height: 40px;
margin-bottom: 1em;
padding-left: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h2-rep,
.h3-rep,
.h4-rep,
.h5-rep {
font-weight: normal;
}
h1 {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 60px;
line-height: 72px;
}
h2,
.h2-rep {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 50px;
line-height: 60px;
}
h3,
.h3-rep {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 40px;
line-height: 48px;
}
h4,
.h4-rep {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 30px;
line-height: 36px;
text-transform: uppercase;
}
h5,
.h5-rep {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 28px;
line-height: 33px;
}
h6 {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 22px;
line-height: 26px;
}
p {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 16px;
line-height: 23px;
margin-bottom: 1.5em;
}
strong {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
small,
.disclaimer-text {
font-size: 13px;
line-height: 18px;
}
sub,
sup {
font-size: 0.75em;
}
sup {
top: -0.7em;
position: relative;
}
h1 sub,
h2 sub,
h3 sub,
h1 sup,
h2 sup,
h3 sup {
font-size: 0.512em;
}
h1 sup,
h2 sup,
h3 sup {
bottom: 0;
}
h4 sup,
h5 sup,
h6 sup,
p sup {
top: -0.45em;
position: relative;
}
[class^="fa-"],
[class*=" fa-"] {
/* use !important to prevent issues with browser extensions that change fonts */
color: #000000;
font-family: 'fontawesome' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.page-content p,
.page-content li {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media all and (max-width: 1024px) {
h1 {
font-size: 45px;
line-height: 1.2;
}
h2,
.h2-rep {
font-size: 35px;
line-height: 1.2;
}
h3,
.h3-rep {
font-size: 25px;
line-height: 1.2;
}
h4,
.h4-rep {
font-size: 20px;
line-height: 1.2;
}
h5,
.h5-rep {
font-size: 15px;
line-height: 1.2;
}
h6,
.h6-rep {
font-size: 13px;
line-height: 1.2;
}
p {
font-size: 16px;
line-height: 28px;
}
}
@media all and (max-width: 767px) {
h1 {
font-size: 40px;
line-height: 1.2;
}
h2,
.h2-rep {
font-size: 35px;
line-height: 1.2;
}
h3,
.h3-rep {
font-size: 25px;
line-height: 1.2;
}
h4,
.h4-rep {
font-size: 20px;
line-height: 1.2;
}
h5,
.h5-rep {
font-size: 15px;
line-height: 1.2;
}
h6,
.h6-rep {
font-size: 13px;
line-height: 1.2;
}
p {
font-size: 16px;
line-height: 28px;
}
blockquote,
.blockquote {
font-size: 20px;
line-height: 30px;
}
}
.selligent-response #isolatedContent .submit:hover {
background-color: #1b3c4f;
}
.selligent-response #isolatedContent .submit:hover {
color: #ffffff;
background-color: #ea7423;
}
.selligent-response #isolatedContent .submit a {
color: #ffffff;
}
.selligent-response #isolatedContent .submit a:hover {
color: #ffffff;
}
hr {
border-color: #e6e6e6;
margin: 1.5em 0;
}
.block-separator hr {
margin-left: 10%;
margin-right: 10%;
}
@media all and (max-width: 1024px) {
.block-separator hr {
margin-left: 0;
margin-right: 0;
}
}
.article .block-separator hr,
.right-rail-right-content .block-separator hr {
margin-left: 0;
margin-right: 0;
}
/* TABLES */
table {
width: 100%;
}
table,
th,
td {
border: 1px solid #c2c2c2;
}
th {
background: #e6e6e6;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 14px;
letter-spacing: 1px;
padding: 15px;
text-align: left;
}
td {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 16px;
line-height: 23px;
padding: 13px;
text-align: left;
}
@media all and (max-width: 767px) {
table {
min-width: 0;
width: 100%;
border: 0;
}
table th {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr td:first-child {
border-top: 1px solid #c2c2c2;
}
table td {
border: 0;
display: block;
padding: .6rem;
text-align: left !important;
}
table td:before {
content: attr(data-th);
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
display: inline-block;
padding-right: 1em;
width: 40%;
}
}
/* LISTS */
ol,
ul {
font-size: 16px;
line-height: 26px;
list-style-position: outside;
margin-left: 16px;
padding: 0;
color: #1b3c4f;
}
ol li,
ul li {
margin: 0;
padding: 0;
}
ol {
list-style-type: decimal;
}
ul {
color: #333333;
list-style: none;
}
ul li {
position: relative;
}
ul li:before {
color: #39a7da;
content: "•";
font-size: 26px;
left: -16px;
line-height: 1;
position: absolute;
}
/* BUTTONS */
.button-main,
.button-secondary {
background-color: #1b3c4f;
border: 0px;
color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 23px;
display: inline-block;
padding: 17px 40px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
text-shadow: none;
}
.button-main {
background-color: #1b3c4f;
color: #ffffff;
}
.button-main:hover {
background-color: #1b3c4f;
}
.button-main:hover {
color: #ffffff;
background-color: #ea7423;
}
.button-main a {
color: #ffffff;
}
.button-main a:hover {
color: #ffffff;
}
.button-secondary {
background-color: #39a7da;
color: #1b3c4f;
}
.button-secondary:hover {
background-color: #39a7da;
}
.button-secondary:hover {
color: #1b3c4f;
background-color: #ea7423;
}
.cta-link-external {
padding-right: 30px;
}
.cta-link-external:after {
content: '\e60b';
display: inline-block;
font-family: 'icomoon';
font-size: 30px;
margin: -2px 0 2px 8px;
vertical-align: bottom;
}
.download-button:after {
content: '\e606';
font-family: 'icomoon';
font-size: 28px;
vertical-align: bottom;
}
.button-arrow,
.button-arrow-left,
.cta-link,
.cta-link-left {
display: inline-block;
font-weight: normal !important;
position: relative;
}
.button-arrow span.icon-hummer:before,
.button-arrow-left span.icon-hummer:before,
.cta-link span.icon-hummer:before,
.cta-link-left span.icon-hummer:before,
.button-arrow span.icon-vehicle:before,
.button-arrow-left span.icon-vehicle:before,
.cta-link span.icon-vehicle:before,
.cta-link-left span.icon-vehicle:before {
font-size: 250%;
vertical-align: middle;
padding-right: 10px;
}
@media all and (max-width: 479px) {
.button-arrow span.icon-hummer:before,
.button-arrow-left span.icon-hummer:before,
.cta-link span.icon-hummer:before,
.cta-link-left span.icon-hummer:before,
.button-arrow span.icon-vehicle:before,
.button-arrow-left span.icon-vehicle:before,
.cta-link span.icon-vehicle:before,
.cta-link-left span.icon-vehicle:before {
font-size: 200%;
}
}
.button-arrow:after,
.button-arrow-left:before,
.cta-link:after,
.cta-link-left:before {
content: '\e908';
display: inline-block;
font-family: 'icomoon';
font-size: 70%;
font-weight: normal !important;
vertical-align: middle;
}
.button-arrow-left:before,
.cta-link-left:before {
margin-left: -18px;
}
.button-arrow:after,
.cta-link:after {
margin-right: -18px;
}
.button-arrow,
.cta-link {
padding-right: 18px;
}
.button-arrow:after,
.cta-link:after {
margin-left: 6px;
}
.button-arrow-left,
.cta-link-left {
padding-left: 18px;
}
.button-arrow-left:before,
.cta-link-left:before {
margin-right: 6px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.button-main.button-arrow,
.button-secondary.button-arrow {
padding-right: 56px;
}
.button-main.button-arrow-left,
.button-secondary.button-arrow-left {
padding-left: 56px;
}
@media all and (max-width: 767px) {
.button-main,
.button-secondary {
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
line-height: 18px;
}
}
.button-share:after {
content: '\e904';
display: inline-block;
font-family: 'icomoon';
font-size: 20px;
font-weight: normal !important;
margin: -5px 0 2px 10px;
vertical-align: bottom;
}
.button-pagination {
background-color: #ea7423;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 35px;
line-height: 20px;
margin-left: 3px;
padding: 7px 15px 6px;
text-align: center;
width: 35px;
cursor: pointer;
}
.button-pagination:hover {
background-color: #39a7da;
}
.button-pagination.disabled {
background-color: #c2c2c2;
border: none;
cursor: default;
}
.button-pagination.disabled:hover {
background-color: #c2c2c2;
}
.cta-link,
.cta-link-left {
text-shadow: none;
}
.cta-link:hover:after {
border-left-color: #333333;
}
.cta-link-left:hover:before {
border-right-color: #333333;
}
.video {
position: relative;
}
.video .icon-video {
color: #39a7da;
cursor: pointer;
font-size: 110px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
}
@media all and (max-width: 1024px) {
.video .icon-video {
font-size: 75px;
}
}
@media all and (max-width: 767px) {
.video .icon-video {
font-size: 60px;
}
}
/* DEFAULT STYLE OVERRIDES FOR ELEMENTS W/BACKGROUND IMAGES */
.has-bg {
background-position: center;
background-size: cover;
color: #ffffff;
}
.has-bg a,
.has-bg h1,
.has-bg h2,
.has-bg h3,
.has-bg h4,
.has-bg h5,
.has-bg h6,
.has-bg ul {
color: #ffffff;
}
.has-bg .article .text h1,
.has-bg .rte h1 {
color: #ffffff;
}
.has-bg .button-main {
background-color: #39a7da;
color: #ffffff;
background-color: #ea7423;
}
.has-bg .button-main:hover {
background-color: #39a7da;
}
.has-bg .button-main:hover {
color: #ffffff;
background-color: #39a7da;
}
.has-bg .button-main a {
color: #1b3c4f;
}
.has-bg .button-main a:hover {
color: #1b3c4f;
}
.has-bg .button-secondary {
color: #ffffff;
background-color: #ea7423;
}
.has-bg .button-secondary:hover {
color: #ffffff;
background-color: #39a7da;
}
.has-bg .cta-link {
color: #ffffff;
}
.has-bg .cta-link:after {
border-left-color: #ffffff;
}
.has-bg .cta-link:hover {
color: #bbbbbb;
}
.has-bg .cta-link:hover:after {
border-left-color: #ffffff;
}
.has-bg .cta-link-left {
color: #ffffff;
}
.has-bg .cta-link-left:before {
border-right-color: #ffffff;
}
.has-bg .cta-link-left:hover {
color: #bbbbbb;
}
.has-bg .cta-link-left:hover:before {
border-right-color: #ffffff;
}
.success {
color: #55b842;
margin-right: 5px;
}
/* ALERTS */
.alert {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 15px 20px;
background-color: #e6e6e6;
max-width: 350px;
font-size: 14px;
line-height: 17px;
}
.alert span {
color: #000000;
font-size: 24px;
margin-right: 15px;
}
.alert.alert-cart span {
font-size: 45px;
margin-right: 25px;
}
.alert.alert-error {
background-color: #ffdbdb;
}
.alert.alert-field-error {
display: block;
padding-left: 0;
background-color: #ffffff;
}
.alert.alert-field-error span {
font-size: 16px;
margin-right: 5px;
}
.alert.alert-success {
background-color: #daf0d6;
}
.alert.alert-success span {
color: #55b842;
}
.alert.alert-warning {
background-color: #fff594;
}
/* TABS */
.tab-list {
padding-left: 0;
height: 40px;
margin-left: 0;
}
.tab-list .tab-item {
background-color: #c2c2c2;
border-top: 3px solid #c2c2c2;
color: #1b3c4f;
height: 40px;
float: left;
font-weight: bold;
margin-right: 4px;
overflow: hidden;
padding: 10px 20px;
text-transform: uppercase;
}
.tab-list .tab-item.active {
background-color: #ffffff;
border-top: 3px solid #1b3c4f;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
position: relative;
top: 2px;
padding-top: 9px;
}
.tab-container {
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #c2c2c2;
-webkit-transition: all 0.005s ease-in-out 0s;
-moz-transition: all 0.005s ease-in-out 0s;
-o-transition: all 0.005s ease-in-out 0s;
-ms-transition: all 0.005s ease-in-out 0s;
transition: all 0.005s ease-in-out 0s;
}
.tab-list-side li {
border-left: 1px solid #c2c2c2;
padding: 10px 0px 10px 20px;
}
.tab-list-side li:before {
display: none;
}
.tab-list-side li.active {
border-left: 3px solid #1b3c4f;
}
.tab-list-side li.active a {
color: #1b3c4f;
}
.tab-list-side li a {
display: inline-block;
font-size: 18px;
line-height: 21px;
word-break: break-word;
}
/* FORMS */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #808080;
}
input,
textarea {
border: solid 2px #e6e6e6;
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 16px;
height: 50px;
margin: 15px 0 25px 0;
padding-left: 15px;
text-transform: uppercase;
width: 340px;
}
input:focus,
textarea:focus {
outline: none;
}
input:hover,
textarea:hover {
border: solid 2px #1b3c4f;
}
label {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 20px;
color: #1b3c4f;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAADyBAMAAADEl68BAAAAMFBMVEX2gSH////cqYT94cvy0bfmfivXg0PvfyTUjVnitZTqwqXVh07YnnTffjLVlWbagDruacEdAAABGklEQVR42u3WwUmDQRSF0YcElaCC6MatVqCgLgQxHQhpwCJSgJAGTAemBdOAYAP2kgYku5nkdxm4i3MqeMxl4CsAAAAAAAAAAAAAAAAAAABgT76u//FaAUbnw+4qwent8HUvFWE+eNzFb0UYD173XBmOBqf9rBCroWEjfuzGwcDjPVWMye7TfVSM9c51l5XjZGfahwqy3B72u4JMg4etOt6a9r6iLPph3yvKrLvuqrIcdtM+Vpibdti3CjOK686+QeO6szWP687WOK47+waN687WKq47+waN687WJK47W+vAPGkbNK47W8u47mxNg4fdNGhcd7YWcd3ZmsV1Z9+gcd3Z+onrztZZAQAAAAAAAAAAAAAAAAAAAPv2B18ZNaU8ZzfzAAAAAElFTkSuQmCC");
background-position: 100% center;
background-repeat: no-repeat;
background-size: contain;
border: solid 2px #e6e6e6;
-webkit-border-radius: 0;
border-radius: 0;
background-clip: padding-box;
color: #c2c2c2;
cursor: pointer;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 18px;
height: 50px;
margin: 15px 0 25px 0;
padding: 10px 68px 10px 13px;
width: 340px;
}
select:focus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAADyBAMAAADEl68BAAAAMFBMVEUbPE////9VWGKfmZmIhIYdO1AbO08pPlA2RFNjZGt0cnYvQFFIT1sgO1A+SVYkPFCWLeQTAAABK0lEQVR42u3Wy0mDURSF0UPwgQiBSzJyJHbwO1AHCqYD0QbswQYEGxDSgHZgCYIl2Igl+Db3HzgUNrJWBRsOB74CAAAAAAAAAAAAAAAAAAAA/tq0kl09Vq6N4bBybbX5ZcW6ae22Uq0PrR1VqrXW2uysQj21N3eVaXN4X3dcmd4O+37al4q0bB9OK9H28LluvxJdtE+zhwp0374cVJ7p8L1up/I8t2+z64qzaD9OKs1kWK2bV5qrtjLbrSwbQ+ukNehWPy6uQW/6cWkNuj46bFqDrvXT4hr0qZ+W1qCbo8OmNejosHENuuyHpTXo9uiwaQ160c+Ka9D7flZag05Hh01r0Od+VFyDLvpRaQ06GR02rUHP934R87UAAAAAAAAAAAAAAAAAAADw77wCjd01pSgn4R0AAAAASUVORK5CYII=");
border-color: #1b3c4f;
outline: none;
}
select::-ms-expand {
display: none;
}
select option {
color: #333333;
}
textarea {
height: auto;
padding: 15px;
}
.default-form:hover {
border: solid 2px #333333;
cursor: pointer;
transition: all 0.3s ease;
}
.error-form-layout {
border: solid 2px #ee1b2e;
}
.error-form-text {
color: #ee1b2e;
}
input.mce_inline_error,
select.mce_inline_error {
border: solid 2px #ee1b2e;
}
span.mce_inline_error {
color: #ee1b2e;
}
.error-form {
border: solid 2px #ee1b2e;
color: #ee1b2e;
}
.disabled-form {
background-color: #e6e6e6;
color: #808080;
}
.ui-widget-content {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
}
.ui-widget-content a {
color: #1b3c4f;
}
.ui-widget-content a:hover {
color: #39a7da;
}
.ui-widget-content .ui-state-focus {
color: #1b3c4f;
}
.selligent-response #isolatedContent .error {
color: #ee1b2e;
margin-top: 8px;
}
.selligent-response #isolatedContent .form__element:before {
content: "";
}
.selligent-response #isolatedContent .form__element input,
.selligent-response #isolatedContent .form__element select,
.selligent-response #isolatedContent .form__element textarea {
border: solid 2px #e6e6e6;
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 16px;
height: 50px;
margin: 15px 0 25px 0;
padding-left: 15px;
text-transform: uppercase;
width: 100%;
}
.selligent-response #isolatedContent .form__element textarea {
height: 300px;
}
.selligent-response #isolatedContent .form__element p.error {
color: #ee1b2e;
margin: 0 0 1em 0;
}
.selligent-response #isolatedContent .main-form ul {
margin: 0;
padding: 0;
}
.selligent-response #isolatedContent .mandatory {
color: #ee1b2e;
font-weight: bold;
margin-left: 2px;
}
.selligent-response #isolatedContent .select__label {
background: none;
}
.selligent-response #isolatedContent .submit {
border: 0px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 23px;
display: inline-block;
padding: 17px 40px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
text-shadow: none;
background-color: #1b3c4f;
color: #ffffff;
}
.selligent-response #isolatedContent .submit:hover {
background-color: #1b3c4f;
}
.selligent-response #isolatedContent .submit:hover {
color: #ffffff;
background-color: #ea7423;
}
.selligent-response #isolatedContent .submit a {
color: #ffffff;
}
.selligent-response #isolatedContent .submit a:hover {
color: #ffffff;
}
@media all and (max-width: 1024px) {
.selligent-response #isolatedContent .container,
.selligent-response #isolatedContent .main-form,
.selligent-response #isolatedContent .submit {
width: 100%;
}
}
@media all and (max-width: 767px) {
input,
select {
font-size: 16px;
}
}
.header-simple {
background-color: #1b3c4f;
padding-top: 35px;
padding-bottom: 40px;
}
.header-simple h1 {
color: #ffffff;
padding: 0;
}
/* SLICK CAROUSEL OVERRIDE */
.slick-loading .slick-list {
background: none;
}
.three-quarters-loader {
margin-left: 50%;
}
.three-quarters-loader:not(:required) {
border-color: #39a7da;
border-right-color: transparent;
}
/* RTE and ARTICLE DEFAULT STYLES */
.article .text a,
[data-locale*='_'] .rte a {
font-weight: bold;
}
.article .text blockquote,
[data-locale*='_'] .rte blockquote,
.article .text .blockquote,
[data-locale*='_'] .rte .blockquote {
max-width: 750px;
}
.article .text h1,
[data-locale*='_'] .rte h1 {
font-size: 45px;
line-height: 50px;
}
.article .text h2,
[data-locale*='_'] .rte h2 {
font-size: 25px;
line-height: 35px;
}
.article .text h3,
[data-locale*='_'] .rte h3 {
font-size: 20px;
line-height: 30px;
}
.article .text h4,
[data-locale*='_'] .rte h4 {
font-size: 17px;
line-height: 25px;
}
.article .text h5,
[data-locale*='_'] .rte h5 {
font-size: 15px;
line-height: 20px;
}
.article .text h6,
[data-locale*='_'] .rte h6 {
font-size: 13px;
line-height: 18px;
}
.article .text ol,
[data-locale*='_'] .rte ol,
.article .text ul,
[data-locale*='_'] .rte ul {
max-width: 480px;
}
.article .text p,
[data-locale*='_'] .rte p {
max-width: 700px;
}
.article .text td :last-child,
[data-locale*='_'] .rte td :last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
@media (max-width: 767px) {
.article .text h1,
[data-locale*='_'] .rte h1 {
font-size: 34px;
line-height: 40px;
}
.article .text h2,
[data-locale*='_'] .rte h2 {
font-size: 20px;
line-height: 30px;
}
.article .text h3,
[data-locale*='_'] .rte h3 {
font-size: 15px;
line-height: 22px;
}
}
.article {
margin: 0 auto !important;
max-width: 840px;
}
/* Accordion Styles */
.accordion .accordion-item,
.rte-accordion .accordion-item {
border-top: 1px solid #e6e6e6;
}
.accordion .accordion-item:last-child,
.rte-accordion .accordion-item:last-child {
border-bottom: 1px solid #e6e6e6;
}
.accordion .accordion-item .accordion-header,
.rte-accordion .accordion-item .accordion-header {
color: #333333;
}
.accordion .accordion-item.active .accordion-header,
.rte-accordion .accordion-item.active .accordion-header {
color: #1b3c4f;
}
.accordion .accordion-item.active .accordion-header:before,
.rte-accordion .accordion-item.active .accordion-header:before {
background-color: #1b3c4f;
color: #ffffff;
}
.accordion .accordion-item h3,
.rte-accordion .accordion-item h3 {
font-size: 20px;
line-height: 30px;
}
.accordion ol > li .accordion-header:before,
.rte-accordion ol > li .accordion-header:before,
.accordion .ordered-list .accordion-header:before,
.rte-accordion .ordered-list .accordion-header:before {
background-color: #333333;
border-radius: 50%;
color: #e6e6e6;
}
/* Data Sheets Styles */
.data-sheets {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
}
.data-sheets a {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
.data-sheets a:before {
color: #1b3c4f;
content: '\e90f';
font-family: 'icomoon';
font-size: 28px;
margin-right: 15px;
vertical-align: bottom;
}
.data-sheets td,
.data-sheets th {
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
}
.data-sheets td.add-border-left,
.data-sheets th.add-border-left {
border-left-width: 1px;
}
.data-sheets td.add-border-right,
.data-sheets th.add-border-right {
border-right-width: 1px;
}
.data-sheets td.add-vertical-border,
.data-sheets th.add-vertical-border {
border-left-width: 1px;
border-right-width: 1px;
}
.data-sheets th {
background-color: #ffffff;
border-bottom-width: 0;
text-transform: uppercase;
}
.no-border-left {
border-left: 0!important;
}
.no-border-right {
border-right: 0!important;
}
.no-vertical-border {
border-left: 0!important;
border-right: 0!important;
}
.fill-in-the-blank {
border-bottom: 1px solid #333333;
font-size: 18px;
font-weight: bold;
letter-spacing: 1.5px;
padding-left: 9px;
padding-right: 9px;
text-transform: uppercase;
}
.has-bg .fill-in-the-blank {
border-bottom: 1px solid #ffffff;
border-color: #ffffff;
}
.contact-info {
color: #1b3c4f;
}
.page-container,
.body-frame {
margin: 0 auto;
max-width: 1440px;
}
.body-frame {
background-color: #ffffff;
box-shadow: 0 0 10px #181818;
color: #333333;
position: relative;
}
.body-frame-content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.global-mobile-nav {
background: #e6e6e6;
padding: 20px;
}
.global-mobile-nav .language-link a {
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 15px;
letter-spacing: 0;
line-height: 30px;
}
.global-mobile-nav .language-link a:hover {
color: #1b3c4f;
}
.global-mobile-nav.language-only .language-list .language-link a {
padding: 5px;
}
.global-mobile-nav.region-and-language .region-list .region {
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 18px;
margin-top: 30px;
}
.global-mobile-nav.region-and-language .region-list .region:first-child {
margin-top: 18px;
}
.global-mobile-nav.region-and-language .region-list .region:last-child {
margin-bottom: 18px;
}
.global-mobile-nav.region-and-language .region-list .language-list {
border-top: 1px solid #c2c2c2;
margin-top: 14px;
padding-top: 14px;
}
/* GLOBAL NAV */
.page-global-nav-container .page-container {
color: #808080;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-kerning: auto;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 55px;
padding: 0 40px;
text-transform: uppercase;
}
.page-global-nav-container .page-container .button-secondary {
color: #808080;
background-color: #e6e6e6;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 14px;
margin-right: 5px;
max-height: 39px;
padding: 7px 15px;
}
.page-global-nav-container .page-container .button-secondary:hover {
background-color: #333333;
color: #ffffff;
cursor: pointer;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 14px;
}
.page-global-nav-container .page-container .page-global-nav-buttons {
float: right;
}
.page-global-nav-container .page-container .page-global-nav-buttons .button-main,
.page-global-nav-container .page-container .page-global-nav-buttons .button-secondary {
letter-spacing: 1px;
line-height: 23px;
}
.page-global-nav-container .page-container .page-global-nav-icon {
float: right;
padding-right: 20px;
}
.page-global-nav-container .page-container .page-global-nav-item a {
color: #808080;
}
.page-global-nav-container .page-container .page-global-nav-item a:hover {
color: #1b3c4f;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social {
position: relative;
top: 5px;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social i {
font-size: 20px;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social:hover {
color: inherit !important;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social .icon-driv-facebook:before {
color: #1877f2;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social .icon-driv-twitter:before {
color: #56acee;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social .icon-driv-youtube:before {
color: #ff0000;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social .icon-driv-instagram:before {
color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
background-clip: text;
-webkit-background-clip: text;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social .icon-pinterest:before {
color: #bd081c;
}
.page-global-nav-container .page-container .page-global-nav-item a.page-global-nav-social .icon-driv-linkedin {
color: #0376b5;
}
.page-global-nav-container .page-container .page-language {
display: inline-block;
}
.page-global-nav-container .page-container .page-language .current-language {
color: #1b3c4f;
}
.page-global-nav-container .page-container .page-language .language-link a {
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 15px;
letter-spacing: 0;
line-height: 30px;
}
.page-global-nav-container .page-container .page-language .language-link a:hover {
color: #1b3c4f;
}
@media all and (min-width: 1025px) {
.page-global-nav-container .page-container .page-language > ul {
background: #e6e6e6;
}
.page-global-nav-container .page-container .page-language.language-only .language-list .language-link a {
padding: 5px;
}
.page-global-nav-container .page-container .page-language.region-and-language .region-list .region {
border-left: 1px solid #c2c2c2;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 15px;
}
.page-global-nav-container .page-container .page-language.region-and-language .region-list .region .language-list {
margin-top: 25px;
}
}
@media all and (max-width: 1024px) {
.page-global-nav-container .page-container {
padding: 0 17px;
}
.page-global-nav-icon {
display: none;
}
}
@media all and (max-width: 767px) {
.page-global-nav-container .page-container {
line-height: 28px;
}
.page-global-nav-buttons {
display: none;
}
}
.page-site-nav-container a {
color: #1b3c4f;
}
.page-site-nav-container a:hover {
color: #1b3c4f;
}
.page-site-nav-container .page-container {
background: #ffffff;
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li {
font-size: 14px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul > li {
width: 16.6%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li {
background-color: #808080;
-webkit-box-shadow: inset 0px 5px 125px 0px #e6e6e6;
box-shadow: inset 0px 5px 125px 0px #e6e6e6;
height: 230px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell > div.link-label {
color: #e6e6e6;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 27px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image {
background-color: #c2c2c2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a {
color: #333333;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a:hover {
color: #808080;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-above-image li a .link-label {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 27px;
line-height: 1;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level {
background-color: #e6e6e6;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li {
border-right: 1px solid #c2c2c2;
margin: 53px 0 53px 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li a {
color: #1b3c4f;
font-size: 22px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li a:hover {
color: #1b3c4f;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical {
background-color: #e6e6e6;
line-height: 1.2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li a {
color: #1b3c4f;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li a:hover {
background: #39a7da;
color: #ffffff;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level {
background-color: #1b3c4f;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a {
color: #ffffff;
font-size: 22px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
position: relative;
padding-bottom: 15px;
display: block;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
background-color: #ea7423;
height: 5px;
width: 60px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a:hover {
color: #ea7423;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul {
padding-top: 10px;
margin-left: 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a {
color: #bbbbbb;
font-size: 16px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
line-height: 19px;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a:hover {
color: #ea7423;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars {
border-right: 1px solid #e6e6e6;
color: #1b3c4f;
padding: 2px 17px 0;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu {
color: #c2c2c2;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list.small-list > li > a {
font-size: 150%;
}
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list li:hover a,
.page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list li a.active {
color: #1b3c4f;
}
.page-site-nav-container .page-container .page-site-nav-parts {
color: #ffffff;
font-size: 16px;
}
.page-site-nav-container .page-container .page-site-nav-parts a {
background-color: #ea7423;
color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
-webkit-padding-after: 25px;
}
.page-site-nav-container .page-container .page-site-nav-parts a:hover {
background-color: #39a7da;
}
@media all and (min-width: 1025px) {
html:lang(nl_BE) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a,
html:lang(de_DE) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a,
html:lang(nl_NL) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a {
font-size: 12px;
}
html:lang(nl_BE) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a,
html:lang(de_DE) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a,
html:lang(nl_NL) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a {
font-size: 11px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
}
@media all and (min-width: 1025px) and (max-width: 1170px) {
html:lang(nl_BE) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a,
html:lang(nl_NL) .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a {
font-size: 10px;
}
}
@media all and (max-width: 767px) {
.page-site-nav-container {
font-size: 12px;
}
.page-site-nav-container .page-container .page-site-nav-logo {
max-width: 82%;
}
.page-site-nav-container .page-container .page-site-nav-logo img {
max-height: 30px;
}
.page-site-nav-container .page-container .page-site-nav-parts a {
font-size: 14px;
height: 48px;
line-height: 21px;
-webkit-padding-after: 20px;
}
.page-site-nav-container .page-container .page-site-nav-parts-container {
margin-top: -1px;
}
.page-site-nav-container .page-container .page-site-nav-parts-container a {
padding: 16px;
line-height: 14px;
}
}
/* Cookie Disclaimer */
.cookie-disclaimer-container {
background-color: #e6e6e6;
}
.footer.section {
color: inherit;
background: none;
padding: inherit;
}
/* FOOTER NAV */
.page-footer-container {
background-color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 14px;
overflow: auto;
text-transform: uppercase;
}
.page-footer-container .sitemap ul {
margin-left: 0;
font-size: 14px;
}
.page-footer-container .page-footer-menu-list {
border-bottom: 1px solid #bbbbbb;
}
.page-footer-container .page-footer-menu-list .footer-links-par {
letter-spacing: 0.025em;
}
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link {
color: #1b3c4f;
letter-spacing: 0.025em;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link.sitemap_visible,
.page-footer-container .page-footer-menu-list .sitemap_collapsible_link:hover {
color: #1b3c4f;
}
.page-footer-container .page-footer-banner {
width: 100%;
margin: 20px 0;
}
.page-footer-container .page-footer-banner img {
display: block;
margin-left: auto;
margin-right: auto;
width: 130px;
padding-bottom: 25px;
}
.page-footer-container .page-footer-bottom-bar-container {
text-transform: none;
padding: 11px 40px;
border-top: 1px solid #bdbdbd;
}
.page-footer-container .page-footer-bottom-bar-container p {
color: #333333;
font-size: 10px;
line-height: 14px;
display: inline-block;
max-width: 70%;
margin: 0;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-footer-container .page-footer-bottom-bar-container p:last-child {
margin-bottom: 0;
}
.page-footer-container .page-footer-bottom-bar-fmmp-icon {
float: right;
margin-top: 7px;
}
@media all and (min-width: 1025px) {
.page-footer-container .sitemap-collapsible-background {
background-color: #e6e6e6;
}
.page-footer-container .sitemap-collapsible-background a.child-item {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 90%;
letter-spacing: 0.1em;
line-height: 1.2em;
}
.page-footer-container .sitemap-collapsible-background a.grandchild-item {
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 115%;
line-height: 0.8em;
text-transform: none;
}
.page-footer-container .sitemap-collapsible-background a.sitemap_close_link {
color: #808080;
}
.page-footer-container .sitemap-collapsible-background a.sitemap_close_link .fa {
font-size: 150%;
}
}
@media all and (max-width: 1024px) {
.page-footer-container .page-footer-banner img {
padding-bottom: 0;
}
.page-footer-container .page-footer-bottom-bar-container {
border-top: 0;
padding: 35px 30px 28px 30px;
}
.page-footer-container .page-footer-bottom-bar-container p {
max-width: 100%;
}
.page-footer-container .page-footer-bottom-bar-fmmp-icon {
float: none;
margin: 0 0 20px 0;
}
.page-footer-container .sitemap-collapsible-background .footer-sitemap > ul > li {
border-bottom: 1px solid #c2c2c2;
}
.page-footer-container .sitemap-collapsible-background .parent ul {
overflow: hidden;
position: relative;
}
.page-footer-container .sitemap-collapsible-background a.child-item {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 16px;
line-height: 1;
}
.page-footer-container .sitemap-collapsible-background a.grandchild-item {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 14px;
line-height: 1;
text-transform: none;
}
}
.mobile-nav {
background: #e6e6e6;
}
.mobile-nav {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
padding: 20px;
}
.mobile-nav a {
margin: 16px 0 18px 0;
}
.mobile-nav p {
color: #a4a4a4;
font-size: 90%;
line-height: 18px;
}
.mobile-nav .root-item {
font-size: 18px;
line-height: 1;
text-transform: uppercase;
}
.mobile-nav .root-item.active {
color: #1b3c4f;
}
.mobile-nav .item {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 14px;
line-height: 1;
margin: 13px 0 14px 0;
padding-left: 2px;
}
.mobile-nav .item-group {
border-bottom-color: #c2c2c2;
}
.right-rail-right-content {
background: #e6e6e6;
color: #808080;
padding: 44px 55px;
}
.right-rail-right-content .marginalia-ledes + .aem-GridColumn {
margin-top: 14px;
}
.right-rail-right-content h1,
.right-rail-right-content h2,
.right-rail-right-content h3,
.right-rail-right-content h4,
.right-rail-right-content h5,
.right-rail-right-content h6 {
color: #333333;
}
.right-rail-right-content h1 [class*="icon-"],
.right-rail-right-content h2 [class*="icon-"],
.right-rail-right-content h3 [class*="icon-"],
.right-rail-right-content h4 [class*="icon-"],
.right-rail-right-content h5 [class*="icon-"],
.right-rail-right-content h6 [class*="icon-"] {
font-size: 30px;
position: relative;
top: -2px;
vertical-align: middle;
}
.right-rail-right-content h1 {
font-size: 50px;
line-height: 60px;
}
.right-rail-right-content h2 {
font-size: 35px;
line-height: 40px;
}
.right-rail-right-content h3,
.right-rail-right-content h4,
.right-rail-right-content h6 {
font-size: 15px;
line-height: 22px;
}
.right-rail-right-content p,
.right-rail-right-content ul,
.right-rail-right-content ol {
font-size: 16px;
line-height: 26px;
color: #333333;
}
.right-rail-right-content ul,
.right-rail-right-content ol {
padding-left: 16px;
}
.right-rail-right-content ul li,
.right-rail-right-content ol li {
line-height: 18px;
}
.right-rail-right-content ul li + li,
.right-rail-right-content ol li + li {
margin-top: 10px;
}
.right-rail-right-content ul li:before {
color: #333333;
line-height: 15px;
}
.right-rail-right-content .image img {
max-width: 100%;
display: block;
margin-bottom: 14px;
}
.right-rail-right-content .text h1,
.right-rail-right-content .text h2,
.right-rail-right-content .text h3,
.right-rail-right-content .text h4,
.right-rail-right-content .text h5,
.right-rail-right-content .text h6,
.right-rail-right-content .text p,
.right-rail-right-content .text ul,
.right-rail-right-content .text ol {
margin-bottom: 14px;
}
.right-rail-right-content .marginalia-ledes .has-bg a {
color: #1b3c4f;
}
@media (max-width: 1024px) {
.right-rail-right-content {
padding: 40px 30px;
}
}
.global-mobile-nav,
.mobile-nav {
display: none;
}
.body-frame-content.side-content-active-add .global-mobile-nav,
.body-frame-content.side-content-active .global-mobile-nav,
.body-frame-content.side-content-active-remove .global-mobile-nav,
.body-frame-content.global-content-active-add .global-mobile-nav,
.body-frame-content.global-content-active .global-mobile-nav,
.body-frame-content.global-content-active-remove .global-mobile-nav,
.body-frame-content.side-content-active-add .mobile-nav,
.body-frame-content.side-content-active .mobile-nav,
.body-frame-content.side-content-active-remove .mobile-nav,
.body-frame-content.global-content-active-add .mobile-nav,
.body-frame-content.global-content-active .mobile-nav,
.body-frame-content.global-content-active-remove .mobile-nav {
display: block;
}
/* GLOBAL NAV */
.driv-nav {
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
.driv-nav .global-nav {
background: #ffffff;
}
.driv-nav .global-nav .site-search form {
position: relative;
}
.driv-nav .global-nav .site-search input {
width: 100%;
margin: 0;
border: 1px solid #000000;
background: #ffffff;
height: 50px;
}
.driv-nav .global-nav .site-search input:hover {
border: 1px solid #000000;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav .site-search input {
max-width: 300px;
}
}
.driv-nav .global-nav .site-search input::placeholder {
color: #000000;
}
.driv-nav .global-nav .site-search button {
background: #ffffff;
border: 1px solid #000000;
height: 100%;
position: absolute;
right: 0;
top: 0;
vertical-align: middle;
width: 50px;
}
.driv-nav .global-nav .site-search button.button-search:hover {
cursor: pointer;
}
.driv-nav .global-nav .site-search button:after {
content: "\e612";
font-family: 'icomoon' !important;
font-size: 30px;
left: 0;
margin: -15px;
position: absolute;
right: 0;
top: 50%;
vertical-align: middle;
}
.driv-nav .global-nav.as-overlay .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon i {
color: #ffffff;
}
.driv-nav .global-nav__hamburger-menu .global-nav__parent-link:after,
.driv-nav .global-nav__hamburger-menu .global-nav__child-link:after,
.driv-nav .global-nav__language-selector__link:after {
color: #1b3c4f;
}
.driv-nav .global-nav__hamburger-menu .global-nav__parent-link:hover,
.driv-nav .global-nav__hamburger-menu .global-nav__child-link:hover {
border-bottom: 0;
text-decoration: none;
}
.driv-nav .global-nav__language-selector__menu {
background: #ffffff;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu {
background: none;
}
}
.driv-nav .global-nav__language-selector__menu__headline {
font-family: "HelveticaNeueLTStd-Bd";
font-weight: 600;
font-size: 32px;
line-height: 56px;
letter-spacing: -0.5px;
}
.driv-nav .global-nav__language-selector__menu .language-link span {
padding-left: 15px;
}
.driv-nav .global-nav__language-selector__menu .language-link:hover span {
color: #999;
}
.driv-nav .global-nav__language-selector__menu .region {
color: #333333;
padding-bottom: 0px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu .region {
padding-bottom: 56px;
}
}
.driv-nav .global-nav__language-selector__menu .region .locale-indicator-flag {
border-radius: initial;
border: 0;
height: auto;
left: 0;
margin-right: 0;
width: 24px;
}
.driv-nav .global-nav__language-selector__menu .region-list li a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: #000000;
line-height: 32px;
}
.driv-nav .global-nav__language-selector__menu .dark-logo-image img {
width: 75px;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__language-selector__menu .dark-logo-image img {
width: 96px;
}
}
.driv-nav .global-nav__language-selector__link {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__language-selector__link {
margin: 0;
}
.driv-nav .global-nav__language-selector__link:hover {
color: #333333;
}
}
@media (min-width: 768px) {
.driv-nav .global-nav__language-selector__link-container {
cursor: pointer;
margin: 0 50px 0 30px;
padding: 5px;
}
}
.driv-nav .global-nav__hamburger-menu .secondary-nav {
background: #e6e6e6;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__hamburger-menu .secondary-nav {
background: none;
}
}
@media all and (min-width: 768px) {
.driv-nav .global-nav.as-overlay .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook:hover,
.driv-nav .global-nav.as-overlay .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter:hover,
.driv-nav .global-nav.as-overlay .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram:hover,
.driv-nav .global-nav.as-overlay .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square:hover,
.driv-nav .global-nav.as-overlay .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin:hover {
color: #ffffff;
}
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook {
color: #1877f2;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook:hover,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-facebook:hover {
color: #1877f2;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter {
color: #56acee;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter:hover,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-twitter:hover {
color: #56acee;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram {
color: #000000;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram:hover,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-instagram:hover {
color: #000000;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square {
color: #ff0000;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square:hover,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-youtube-square:hover {
color: #ff0000;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin {
color: #0376b5;
}
.driv-nav .global-nav.positioned-fixed .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin:hover,
.driv-nav .global-nav.as-overlay .global-nav__hamburger-menu--flyout .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin:hover,
.driv-nav .global-nav .social-links .social-links-background .social-links-icon-container a.social-links-nav-icon .fa-linkedin:hover {
color: #0376b5;
}
.driv-nav .global-nav__main-content .social-links .social-links-background {
border-top: 1px solid #c2c2c2;
padding: 20px;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__main-content .social-links .social-links-background {
border-top: 0;
left: 0;
bottom: 0;
padding: 20px 65px 50px;
position: absolute;
width: 100%;
}
}
@media all and (min-width: 900px) {
.driv-nav .global-nav__main-content .social-links .social-links-background {
left: auto;
padding: 0 20px 0 100px;
right: 0;
}
}
@media all and (min-width: 1280px) {
.driv-nav .global-nav__main-content .social-links .social-links-background {
padding-left: 120px;
padding-right: calc((100vw - 1440px) / 2);
}
}
.driv-nav .global-nav__main-content .social-links .social-links-background .social-links-content {
max-width: 100%;
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__main-content .social-links .social-links-background .social-links-content .social-links-icon-container {
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 10px 0 30px;
}
}
@media all and (min-width: 768px) {
.driv-nav .global-nav__main-content .social-links .social-links-background .social-links-content {
border-top: 1px solid #c2c2c2;
}
}
@media all and (min-width: 900px) {
.driv-nav .global-nav__main-content .social-links .social-links-background .social-links-content {
margin-right: 90px;
}
}
.driv-nav .global-nav__child-link {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
color: #000000;
font-size: 16px;
}
.driv-nav .global-nav__child-link:after {
content: '\e915';
font-family: 'icomoon' !important;
margin-top: -8px;
position: absolute;
right: 20px;
top: 50%;
}
.driv-nav .global-nav__child-link:hover {
border-bottom: 0;
}
@media (min-width: 768px) {
.driv-nav .global-nav__child-link {
line-height: 32px;
}
.driv-nav .global-nav__child-link:hover {
color: #999;
}
}
@media (max-width: 767px) {
.driv-nav .global-nav__parent-link {
background: none;
color: #000000;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 24px;
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
-ms-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.driv-nav .global-nav__parent-link.expanded {
background: #000000;
color: #ffffff;
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
-ms-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.driv-nav .global-nav__parent-link.expanded:after {
background: #ffffff;
}
}
@media (min-width: 768px) {
.driv-nav .global-nav__parent-link {
font-size: 32px;
letter-spacing: -0.5px;
line-height: 56px;
padding: 0;
text-transform: none;
border: 0;
padding: 0 0 5px 0;
overflow: hidden;
}
.driv-nav .global-nav__parent-link:after {
background: #1b3c4f;
bottom: 0;
content: '';
height: 2px;
left: 0;
position: absolute;
width: 100%;
}
.driv-nav .global-nav__parent-link:hover {
color: #1b3c4f;
border-bottom: 0;
}
.driv-nav .global-nav__parent-link:hover:after {
animation: 0.2s ease-in slideInAnimationFromStart, 0.2s 0.2s ease-in slideInAnimationFromLeft;
}
}
.driv-nav .global-nav .main-nav {
margin: 0;
}
.driv-nav .global-nav .main-nav ul {
margin: 0;
}
.driv-nav .global-nav .main-nav li:before {
display: none;
}
@media all and (max-width: 1024px) {
.page-global-nav-container .page-container {
padding: 0 17px;
}
.page-global-nav-icon {
display: none;
}
}
@media all and (max-width: 767px) {
.page-global-nav-container .page-container {
line-height: 28px;
}
.page-global-nav-buttons {
display: none;
}
}
@keyframes slideInAnimationFromStart {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@keyframes slideInAnimationFromLeft {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.driv-nav .social-links .social-links-background {
background: none;
padding: 0;
}
.driv-nav .social-links .social-links-background .social-links-content {
max-width: 280px;
padding-top: 0;
text-align: left;
}
.driv-nav .social-links .social-links-background .social-links-title h4 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
color: #ffffff;
text-align: left;
}
@media all and (min-width: 768px) {
.driv-nav .social-links .social-links-background .social-links-title {
padding-top: 0;
}
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: none;
height: auto;
margin: 0;
width: auto;
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa {
font-size: 25px;
line-height: 25px;
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa.fa-facebook:before {
font-family: 'icomoon';
content: "\e922";
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa.fa-twitter:before {
font-family: 'icomoon';
content: "\e925";
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa.fa-instagram:before {
font-family: 'icomoon';
content: "\e923";
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa.fa-linkedin:before {
font-family: 'icomoon';
content: "\e924";
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa.fa-youtube-square:before {
font-family: 'icomoon';
content: "\e926";
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon:hover {
border: 0;
}
@media all and (min-width: 768px) {
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container {
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon {
margin: 0 30px 0 0;
}
.driv-nav .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon:last-of-type {
margin-right: 0;
}
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input {
background-color: #e6e6e6;
height: 59px;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input.error {
border: 3px solid #ee1b2e;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input.success {
border: 3px solid #55b842;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-submit {
height: 59px;
vertical-align: top;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages {
font-weight: bold;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-ok {
color: #55b842;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-ok .fa-circle {
color: #55b842;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-not-found,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-invalid,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-error,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-threshold-exceeded {
color: #ee1b2e;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-not-found .fa-circle,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-invalid .fa-circle,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-error .fa-circle,
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-threshold-exceeded .fa-circle {
color: #ee1b2e;
}
.anti-counterfeit .anti-counterfeit-container .anti-counterfeit-help-text p {
font-size: 13px;
margin-bottom: 0;
}
.fmmp-breadcrumbs {
padding: 30px 30px 30px 4.75%;
color: #1b3c4f;
text-transform: uppercase;
font-family: "HelveticaNeueLTStd-Bd";
line-height: 26px;
}
.fmmp-breadcrumbs a,
.fmmp-breadcrumbs span {
display: inline-block;
vertical-align: middle;
}
.fmmp-breadcrumbs .separator {
color: #ea7423;
font-size: 26px;
padding: 0 3px;
}
.fmmp-breadcrumbs .separator:first-of-type {
display: none;
}
.fmmp-breadcrumbs a {
color: #a5aeb6;
}
.fmmp-breadcrumbs a:first-of-type {
display: none;
}
.fmmp-breadcrumbs a:hover {
color: #1b3c4f;
}
.fmmp-breadcrumbs.white-text .page-content-container > span:last-of-type {
color: #fff !important;
}
.header-breadcrumb .fmmp-breadcrumbs {
padding: 0;
}
.header-breadcrumb .fmmp-breadcrumbs a {
text-transform: uppercase !important;
font-family: "HelveticaNeueLTStd-Bd";
font-style: normal !important;
}
.has-bg .header-breadcrumb .fmmp-breadcrumbs {
color: #ffffff;
}
.has-bg .header-breadcrumb .fmmp-breadcrumbs a:hover {
color: #ffffff;
}
.buy-online-redirect-modal {
color: #ffffff;
}
.buy-online-redirect-modal h4 {
color: #ffffff;
}
.buy-online-redirect-modal .buy-online-redirect-close {
color: #ffffff;
}
.cross-sell {
background: #e6e6e6;
}
.cross-sell .cross-sell-item h3 {
font-size: 36px;
line-height: 36px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
margin-bottom: 13px;
}
.cross-sell .cross-sell-item ~ .cross-sell-item {
border-left: solid 1px #ffffff;
}
@media (max-width: 767px) {
.cross-sell .cross-sell-item ~ .cross-sell-item {
border-left: none;
}
}
@media (max-width: 767px) {
.cross-sell h2 {
font-size: 27px;
line-height: 31px;
}
.cross-sell p {
font-size: 14px;
line-height: 23px;
}
.cross-sell .cross-sell-item h3 {
font-size: 18px;
line-height: 18px;
}
}
.right-rail-primary-content .cross-sell-items {
display: block;
}
.right-rail-primary-content .cross-sell-item ~ .cross-sell-item {
display: none;
}
.dc-symptom:first-child .symptom-link-container {
border-top: 1px solid #306a8c;
}
.dc-symptom .symptom-link-container {
background-color: #1b3c4f;
border-bottom: 1px solid #306a8c;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon {
background-color: #1b3c4f;
height: 80px;
text-align: center;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-title h4 {
color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 16px;
line-height: 20px;
padding: 0 10px 0 28px;
}
@media all and (min-width: 768px) {
.dc-symptom .symptom-link-container.selected,
.dc-symptom .symptom-link-container.default-selected {
background-color: #39a7da;
border: 0;
}
.dc-symptom .symptom-link-container.selected:after,
.dc-symptom .symptom-link-container.default-selected:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQ5IiBoZWlnaHQ9IjgxIiB2aWV3Qm94PSIwIDAgNDkgODEiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmNWViMmQ7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNLTAuMDAwLDAuMDAwIEMtMC4wMDAsMC4wMDAgNDkuMDAwLDM5LjA1NSA0OS4wMDAsMzkuNTU2IEwtMC4wMDAsODEuMDAwIEwtMC4wMDAsMC4wMDAgWiIgY2xhc3M9ImNscy0xIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
content: " ";
height: 100%;
left: 100%;
pointer-events: none;
position: absolute;
top: 0;
width: 30%;
}
.dc-symptom .symptom-link-container.selected .symptom-link .symptom-icon,
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-icon {
background-color: transparent;
}
.dc-symptom .symptom-link-container.selected .symptom-link .symptom-title h4,
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-title h4 {
color: #1b3c4f;
padding: 0 10px 0 8px;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.dc-symptom .symptom-link-container.selected .symptom-link .symptom-title h4,
.dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-title h4 {
padding: 0 8px 0 2px;
}
.dc-symptom .symptom-link-container .symptom-link {
min-height: 60px;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon {
max-width: 60px;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-icon .activeIcon,
.dc-symptom .symptom-link-container .symptom-link .symptom-icon .inactiveIcon {
max-width: 50px;
}
.dc-symptom .symptom-link-container .symptom-link .symptom-title h4 {
font-size: 14px;
line-height: 18px;
padding: 0 8px 0 14px;
}
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title {
color: #1b3c4f;
font-size: 16px;
font-style: italic;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
text-transform: uppercase;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-left:after,
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-right:before {
color: #1b3c4f;
font-size: 21px;
vertical-align: middle;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-right:before {
margin-right: 6px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-left:after {
margin-left: 6px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner .three-quarters-loader:not(:required) {
border-color: #1b3c4f;
border-right-color: transparent;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title {
font-size: 12px;
}
}
@media all and (max-width: 767px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part {
background-color: #1b3c4f;
border-top: 1px solid #00112b;
min-height: 80px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part .part-image {
-moz-align-self: stretch;
-ms-align-self: stretch;
-webkit-align-self: stretch;
align-self: stretch;
background-color: #ffffff;
-moz-flex: 10 0 110px;
-ms-flex: 10 0 110px;
-webkit-flex: 10 0 110px;
flex: 10 0 110px;
height: 80px;
max-width: 110px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part .part-title {
-moz-flex: 18 1 auto;
-ms-flex: 18 1 auto;
-webkit-flex: 18 1 auto;
flex: 18 1 auto;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
color: #ffffff;
font-size: 16px;
line-height: 20px;
padding: 0 10px 0 28px;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected {
display: block !important;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected .header-simple {
background: #1b3c4f;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected .header-simple h2 {
color: #ffffff;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-back-link {
background-color: #e6e6e6;
color: #1b3c4f;
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-back-link:hover {
color: #1b3c4f;
}
}
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container:before {
bottom: 0;
content: "";
height: 100%;
left: 0;
background-color: #1b3c4f;
background-image: -webkit-gradient(linear, left top, left top, color-stop(0%, #1b3c4f), color-stop(100px #1b3c4f), color-stop(100px #1b3c4f), color-stop(100% #1b3c4f));
background-image: -webkit-linear-gradient(left, #1b3c4f 0%, #1b3c4f 100px, #1b3c4f 100px, #1b3c4f 100%);
background-image: -moz-linear-gradient(left, #1b3c4f 0%, #1b3c4f 100px, #1b3c4f 100px, #1b3c4f 100%);
background-image: -ms-linear-gradient(left, #1b3c4f 0%, #1b3c4f 100px, #1b3c4f 100px, #1b3c4f 100%);
background-image: -o-linear-gradient(left, #1b3c4f 0%, #1b3c4f 100px, #1b3c4f 100px, #1b3c4f 100%);
background-image: linear-gradient(left, #1b3c4f 0%, #1b3c4f 100px, #1b3c4f 100px, #1b3c4f 100%);
position: absolute;
width: 280px;
}
@media all and (max-width: 1024px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container:before {
height: 100%;
background-color: #1b3c4f;
background-image: -webkit-gradient(linear, left top, left top, color-stop(0%, #1b3c4f), color-stop(60px #1b3c4f), color-stop(61px #1b3c4f), color-stop(100% #1b3c4f));
background-image: -webkit-linear-gradient(left, #1b3c4f 0%, #1b3c4f 60px, #1b3c4f 61px, #1b3c4f 100%);
background-image: -moz-linear-gradient(left, #1b3c4f 0%, #1b3c4f 60px, #1b3c4f 61px, #1b3c4f 100%);
background-image: -ms-linear-gradient(left, #1b3c4f 0%, #1b3c4f 60px, #1b3c4f 61px, #1b3c4f 100%);
background-image: -o-linear-gradient(left, #1b3c4f 0%, #1b3c4f 60px, #1b3c4f 61px, #1b3c4f 100%);
background-image: linear-gradient(left, #1b3c4f 0%, #1b3c4f 60px, #1b3c4f 61px, #1b3c4f 100%);
width: 220px;
}
}
@media all and (max-width: 767px) {
.diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container:before {
display: none;
}
}
.download-file .default-bg {
background-color: #e6e6e6;
}
.expert-advice .expert-advice-container {
padding: 40px 0;
}
.expert-advice .expert-advice-container h2 {
font-size: 27px;
margin-bottom: 0.4em;
}
.expert-advice .expert-advice-container p {
font-size: 18px;
line-height: 27px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
padding: 0 0 1em;
}
.expert-advice .expert-advice-container p:last-of-type {
padding-bottom: 0;
}
.expert-advice .expert-advice-container .person-headline .person-headline-avatar {
margin-top: 30px;
}
.expert-advice .has-bg .expert-advice-container .person-headline .person-headline-contents .name,
.expert-advice .has-bg .expert-advice-container .person-headline .person-headline-contents .meta-info {
color: #ffffff;
}
@media all and (min-width: 768px) {
.expert-advice .expert-advice-container {
padding: 80px 0 45px;
}
.expert-advice .expert-advice-container h2 {
font-size: 44px;
}
.expert-advice .expert-advice-container p {
font-size: 27px;
line-height: 36px;
}
.expert-advice .expert-advice-container .person-headline .person-headline-avatar {
margin-bottom: 30px;
}
.expert-advice .expert-advice-container .person-headline .person-headline-contents .name {
margin-top: 30px;
}
}
@media all and (min-width: 1025px) {
.expert-advice .expert-advice-container {
padding: 75px 0 50px 0;
}
.expert-advice .expert-advice-container p {
font-size: 31px;
line-height: 47px;
}
}
.filterable-ledes .ledes-wrapper .ledes-filter h5 {
margin-left: 20px;
padding: 16px 0 14px 0;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag {
/**
* The styles below require the following HTML format for radio buttons:
*
*
*
*
*
* and the following for checkboxes:
*
*
*
*
*/
padding: 4px 0;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old),
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) {
font-size: 1em;
height: 30px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 2em;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + label,
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) + label {
display: inline-block;
line-height: 1.9em;
padding: 0 0 0 2em;
position: relative;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + label > span,
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) + label > span {
background: #EEE;
border: 2px solid #CCC;
display: inline-block;
height: 1.25em;
left: 0;
margin: 0.25em 0.75em 0.25em 0.25em;
position: absolute;
vertical-align: bottom;
width: 1.25em;
z-index: 10;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + label > span:before {
color: #333;
content: '✓';
display: block;
font-size: 1.25em;
font-weight: bold;
line-height: 1em;
margin: -0.1em 0 0 -0.1em;
text-align: center;
width: 1em;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old):checked + label > span > span {
background: #333;
border: 0;
display: block;
height: 0.75em;
margin: 0.125em;
width: 0.75em;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + label > span,
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) + label > span {
background: #e6e6e6;
border: 2px solid #c2c2c2;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + label > span:before {
color: #1b3c4f;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old):checked + label > span > span {
background: #1b3c4f;
height: 14px;
margin: 1px;
width: 14px;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag label {
cursor: pointer;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 15px;
letter-spacing: 0;
text-transform: none;
}
.filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + label > span:before {
background: #1b3c4f;
border: 0;
content: '';
display: block;
height: 13px;
margin: 1px;
width: 13px;
}
.filterable-ledes .ledes-wrapper ul.pagination li a {
color: #1b3c4f;
}
.filterable-ledes .ledes-wrapper ul.pagination li.active a,
.filterable-ledes .ledes-wrapper ul.pagination li.active a:hover {
color: #333333;
font-weight: bold;
}
.filterable-ledes .ledes-wrapper .ledes-results-total {
color: #c2c2c2;
}
.filterable-ledes .ledes-wrapper.has-bg .ledes-filter {
background-color: #333333;
}
.filterable-ledes .ledes-wrapper.has-bg .ledes-filter label {
color: #ffffff;
}
.filterable-ledes .ledes-wrapper.has-bg ul.pagination li a {
color: #ffffff;
}
.filterable-ledes .ledes-wrapper.has-bg ul.pagination li.active a,
.filterable-ledes .ledes-wrapper.has-bg ul.pagination li.active a:hover {
color: #808080;
}
.fixed-carousel-three h1,
.fixed-carousel-three h2,
.fixed-carousel-three h3 {
padding-bottom: 15px;
}
.fixed-carousel-three p {
line-height: 20px;
}
.fixed-carousel-three .carousel-thumbnail {
border: 1px solid #1b3c4f;
}
.fixed-carousel-three .carousel-thumbnail .has-bg .bg:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.7;
}
.fixed-carousel-three .carousel-thumbnail .has-bg .bg:hover:before {
background: #1b3c4f;
opacity: 0.7;
}
.fixed-carousel-three .carousel-thumbnail:before {
color: #1b3c4f;
text-shadow: -1px 1px 1px #333333;
}
.fixed-carousel-three .carousel-thumbnail.active .has-bg .bg:before {
background: #1b3c4f;
}
.fixed-carousel-three .carousel-thumbnail.active .has-bg .bg:hover:before {
background: #1b3c4f;
}
.fixed-carousel-three .carousel-thumbnail h2 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 12px;
line-height: 18px;
letter-spacing: 1.4px;
}
.fixed-carousel-three .slick-dots {
list-style-type: none;
z-index: 1;
}
.fixed-carousel-three .slick-dots li {
border-radius: 50%;
height: 11px;
list-style-type: none;
margin: 0 11px 0 0;
padding: 0;
width: 11px;
}
.fixed-carousel-three .slick-dots li:before {
content: "";
}
.fixed-carousel-three .slick-dots li button {
display: none;
}
.fixed-carousel-three .slick-dots li {
background-color: rgba(255, 255, 255, 0.5);
border: #1b3c4f solid 1px;
}
.fixed-carousel-three .slick-dots li.slick-active {
background-color: #ffffff;
}
@media all and (max-width: 767px) {
.fixed-carousel-three .carousel-container {
height: 460px;
}
.fixed-carousel-three .carousel-slide-list .carousel-slide-container {
background: #1b3c4f !important;
-webkit-box-shadow: inset 0px 5px 125px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 5px 125px 0px rgba(0, 0, 0, 0.5);
}
}
@media all and (max-width: 480px) {
.fixed-carousel-three .carousel-container {
height: 280px;
}
.fixed-carousel-three .slide-content {
margin-left: 0;
padding-left: 30px;
text-align: center;
}
.fixed-carousel-three .slide-content .button-arrow {
margin-right: 0;
}
.fixed-carousel-three .carousel-slide-list .carousel-foreground-image .foreground-image > div img {
display: none;
}
}
.fmmp-title .has-bg {
color: #ffffff;
}
.fmmp-title .has-bg a,
.fmmp-title .has-bg a:visited {
color: #ffffff;
}
.fmmp-title .has-bg a span,
.fmmp-title .has-bg a:visited span {
color: #ffffff;
}
.fmmp-title .has-bg h1,
.fmmp-title .has-bg h2,
.fmmp-title .has-bg h3,
.fmmp-title .has-bg h4,
.fmmp-title .has-bg h5,
.fmmp-title .has-bg h6,
.fmmp-title .has-bg ul {
padding-bottom: 0;
}
.fmmp-title .has-bg.background-color {
background-color: #e6e6e6;
}
.fmmp-title .has-bg.background-color a,
.fmmp-title .has-bg.background-color a:visited {
color: #1b3c4f;
}
.fmmp-title .has-bg.background-color a span,
.fmmp-title .has-bg.background-color a:visited span {
color: #1b3c4f;
}
.fmmp-title .has-bg.background-color h1,
.fmmp-title .has-bg.background-color h2,
.fmmp-title .has-bg.background-color h3,
.fmmp-title .has-bg.background-color h4,
.fmmp-title .has-bg.background-color h5,
.fmmp-title .has-bg.background-color h6,
.fmmp-title .has-bg.background-color ul {
color: #1b3c4f;
text-shadow: none;
}
.fmmp-title .has-bg.background-color h1 a,
.fmmp-title .has-bg.background-color h2 a,
.fmmp-title .has-bg.background-color h3 a,
.fmmp-title .has-bg.background-color h4 a,
.fmmp-title .has-bg.background-color h5 a,
.fmmp-title .has-bg.background-color h6 a,
.fmmp-title .has-bg.background-color ul a {
color: #1b3c4f;
}
.fmmp-title .title-container .link-to-parent {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
padding: 0;
position: absolute;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out,
.google-map .google-map-map .map-zoom-control .map-zoom-in {
background: #1b3c4f;
height: 54px;
text-align: center;
width: 46px;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out:hover,
.google-map .google-map-map .map-zoom-control .map-zoom-in:hover {
background-color: #333333;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out span.fa,
.google-map .google-map-map .map-zoom-control .map-zoom-in span.fa {
color: #ffffff;
font-size: 20px;
line-height: 54px;
}
.google-map .google-map-map .map-zoom-control .map-zoom-in {
border-radius: 50% 50% 0 0;
}
.google-map .google-map-map .map-zoom-control .map-zoom-in span.fa {
margin-top: 5px;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out {
border-radius: 0 0 50% 50%;
border-top: 1px solid #000000;
}
.google-map .google-map-map .map-zoom-control .map-zoom-out span.fa {
margin-top: -6px;
}
.google-map .gm-style-iw > div .map-infowindow {
font-size: 9px;
line-height: 12px;
}
.google-map .gm-style-iw > div .map-infowindow h4 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
-webkit-font-smoothing: antialiased;
}
.google-map .gm-style-iw > div .map-infowindow .directions a {
color: #333333;
font-weight: bold;
padding-left: 5px;
}
.header-foreground .header-foreground-container a {
font-weight: bold;
}
.header-foreground .header-foreground-container h1,
.header-foreground .header-foreground-container h2,
.header-foreground .header-foreground-container h3,
.header-foreground .header-foreground-container h4,
.header-foreground .header-foreground-container h5,
.header-foreground .header-foreground-container h6 {
padding-bottom: 15px;
}
.header-foreground .header-foreground-container a,
.header-foreground .header-foreground-container .cta-link,
.header-foreground .header-foreground-container .download-link {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 16px;
text-transform: none;
}
.header-foreground .header-content-container {
width: 40%;
}
.header-foreground .header-content-container ol,
.header-foreground .header-content-container ul {
padding-left: none;
}
.header-foreground .header-content-container ol li,
.header-foreground .header-content-container ul li {
list-style-type: none;
}
.header-foreground .header-content-container ol li:before,
.header-foreground .header-content-container ul li:before {
content: "";
}
@media (max-width: 767px) {
.header-foreground .has-bg .header-foreground-container {
background-color: #1b3c4f;
-webkit-box-shadow: inset 0px 5px 50px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 5px 50px 0px rgba(0, 0, 0, 0.5);
}
.header-foreground .header-content-container {
margin: 0 5%;
min-height: 90px;
width: 90%;
}
.header-foreground .header-foreground-image {
display: none;
}
}
.header-hero .header-hero-container .header-hero-content {
/*header-hero-person*/
}
.header-hero .header-hero-container .header-hero-content h5 {
color: #39a7da;
}
.header-hero .header-hero-container .header-hero-content .header-hero-download {
margin-top: 30px;
}
.header-hero .header-hero-container .header-hero-content .header-hero-download .header-hero-download-select {
border: none;
height: 60px;
margin-bottom: 25px;
margin-right: 12px;
}
.header-hero .header-hero-container .header-hero-content .person-avatar img {
border: solid 5px #ffffff;
background-color: #ffffff;
}
.header-hero .header-hero-container .header-hero-content .person-contents h4 {
font-size: 44px;
}
.header-hero .header-hero-container .header-hero-content .person-contents .meta-info {
font-size: 14px;
}
.header-hero .header-hero-container .header-hero-content .header-hero-person-text p {
font-size: 14px;
line-height: 2.4em;
}
.header-hero .header-hero-container .header-hero-content .header-hero-person-text p b {
font-size: 18px;
text-transform: uppercase;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
letter-spacing: 2px;
}
@media all and (max-width: 1024px) {
.header-hero .header-hero-background {
padding: 60px 10%;
}
.header-hero .header-hero-background .header-hero-content .person-contents h4 {
margin-bottom: 20px;
}
.header-hero .header-hero-background .header-hero-content .header-hero-person-text p {
line-height: 2.3em;
}
}
@media all and (max-width: 767px) {
.header-hero .header-hero-background {
height: auto;
padding: 30px;
}
.header-hero .header-hero-background .header-hero-content .person-contents h4 {
font-size: 27px;
margin-bottom: 12px;
}
.header-hero .header-hero-background .header-hero-content .header-hero-person-text p {
font-size: 13px;
line-height: 1.9em;
}
.header-hero .header-hero-background .header-hero-content .header-hero-person-text p b {
font-size: 13px;
}
}
.header-lede .header-lede-content .header-lede-subheading {
font-weight: normal;
}
.header-lede .header-lede-content .header-lede-subheading {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 28px;
line-height: 33px;
}
@media all and (max-width: 1024px) {
.header-lede .header-lede-content .header-lede-subheading {
font-size: 15px;
line-height: 1.2;
}
}
@media all and (max-width: 767px) {
.header-lede .header-lede-content .header-lede-subheading {
font-size: 15px;
line-height: 1.2;
}
}
.header-lede .header-lede-content .button-arrow {
background-color: #1b3c4f;
border: 0px;
color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 23px;
display: inline-block;
padding: 17px 40px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
text-shadow: none;
}
.header-lede .header-lede-content .button-arrow {
background-color: #39a7da;
color: #1b3c4f;
}
@media all and (max-width: 767px) {
.header-lede .header-lede-content .button-arrow {
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
line-height: 18px;
}
}
.header-lede .header-lede-container {
min-height: 600px;
padding-bottom: 60px;
}
.header-lede .header-lede-content {
text-align: center;
width: 100%;
}
.header-lede .header-lede-content .header-lede-person {
background-color: #ffffff;
border: solid 5px #ffffff;
margin: 0 auto 22px;
max-height: 150px;
}
.header-lede .header-lede-content .header-lede-subheading {
color: #39a7da;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 18px;
margin-bottom: 11px;
}
.header-lede .header-lede-content .header-lede-title {
margin-bottom: 12px;
}
.header-lede .header-lede-content .header-lede-teaser {
margin: 0 auto;
padding-bottom: 5px;
width: 50%;
}
.header-lede .header-lede-content .header-lede-video {
color: #ffffff;
}
.header-lede .header-lede-content .header-lede-video .icon-video {
font-size: 157px;
margin: -30px -30px -15px -30px;
}
@media all and (max-width: 1024px) {
.header-lede .header-lede-container {
padding-bottom: 60px;
}
.header-lede .header-lede-content .header-lede-person {
max-height: 100px;
}
.header-lede .header-lede-content .header-lede-content {
width: 100%;
}
}
@media all and (max-width: 767px) {
.header-lede .header-lede-container {
min-height: 365px;
padding-bottom: 40px;
}
.header-lede .header-lede-content .header-lede-person {
margin-bottom: 16px;
max-height: 70px;
}
.header-lede .header-lede-content .header-lede-subheading {
font-size: inherit;
}
.header-lede .header-lede-content .header-lede-teaser {
display: none;
}
.header-lede .header-lede-content .header-lede-video .icon-video {
font-size: 90px;
margin: -18px -18px -9px -18px;
}
}
.hero .button-main {
margin-bottom: 20px;
}
.hero .hero-container {
padding-top: 610px;
}
.hero .hero-content {
width: 65%;
}
.hero .hero-content.align-x-center {
width: 75%;
}
.hero .hero-content-container {
padding: 100px 135px;
}
@media all and (max-width: 1279px) {
.hero .hero-content-container {
padding: 60px;
}
.hero .hero-content {
width: 70%;
}
.hero .hero-content.align-x-center {
width: 80%;
}
}
@media all and (max-width: 1024px) {
.hero .hero-content-container {
padding: 60px 40px;
}
.hero .hero-container {
padding: 0;
height: 550px;
}
.hero .hero-content-container {
position: relative;
}
.hero .hero-content {
width: 100%;
}
.hero .hero-content.align-x-center {
width: 100%;
}
}
@media all and (max-width: 767px) {
.hero .hero-container {
height: auto;
}
}
@media all and (max-width: 479px) {
.hero .hero-content-container {
padding: 40px 30px;
}
.hero .hero-content {
width: 100%;
}
.hero .hero-content p {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: left;
}
}
/* Hover Tout */
.hover-tout h2,
.hover-tout h3 {
line-height: 1.125;
padding-bottom: 0;
text-shadow: none !important;
text-transform: uppercase;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.hover-tout h2 span,
.hover-tout h3 span {
display: block;
margin-bottom: 0.75em;
}
.hover-tout h2 {
font-size: 36px;
}
.hover-tout h3 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 22px;
}
.hover-tout .hover-tout-container.title-above {
background-color: #e6e6e6;
border: 1px solid #d9d9d9;
padding: 6%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hover-tout .hover-tout-container.title-above h2,
.hover-tout .hover-tout-container.title-above h3 {
color: #333333;
padding: 0 0 40px 0;
text-align: center;
}
.hover-tout .hover-tout-container.title-above .has-bg {
padding-bottom: 50%;
}
.hover-tout .hover-tout-container.title-centered .has-bg {
border: 1px solid #1b3c4f;
padding-bottom: 64.32%;
}
.hover-tout .hover-tout-container.title-centered .has-bg:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #1b3c4f;
opacity: 0.75;
}
.hover-tout .hover-tout-container.title-centered .has-bg:hover:before {
background: #2ca1d8;
opacity: 0.75;
}
.hover-tout .hover-tout-container.title-centered .has-bg .button-main {
border: 0px;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 23px;
display: inline-block;
padding: 17px 40px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
text-shadow: none;
background-color: #1b3c4f;
color: #ffffff;
}
.hover-tout .hover-tout-container.title-centered .has-bg .button-main:hover {
background-color: #1b3c4f;
}
.hover-tout .hover-tout-container.title-centered .has-bg .button-main:hover {
color: #ffffff;
background-color: #ea7423;
}
.hover-tout .hover-tout-container.title-centered .has-bg .button-main a {
color: #ffffff;
}
.hover-tout .hover-tout-container.title-centered .has-bg .button-main a:hover {
color: #ffffff;
}
.hover-tout.active.touch .has-bg .hover-tout-container {
background-color: rgba(44, 161, 216, 0.75);
}
.hover-tout.active.touch .has-bg:before {
opacity: 0;
}
.hover-tout.active .has-bg {
border-color: #39a7da;
}
.hover-tout.active .has-bg h2,
.hover-tout.active .has-bg h3 {
color: #1b3c4f;
}
.hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg {
padding-bottom: 50%;
}
.hover-tout.aem-GridColumn--default--6 h2 {
font-size: 36px;
}
.hover-tout.aem-GridColumn--default--6 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg {
padding-bottom: 35%;
}
.hover-tout.aem-GridColumn--default--12 h2 {
font-size: 44px;
}
.hover-tout.aem-GridColumn--default--12 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
@media all and (max-width: 1024px) {
.hover-tout h2 span,
.hover-tout h3 span {
margin-bottom: 0.5em;
}
.hover-tout .hover-tout-container.title-centered .has-bg {
padding-bottom: 85%;
}
.hover-tout h2 {
font-size: 25px;
}
.hover-tout .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg {
padding-bottom: 60%;
}
.hover-tout.aem-GridColumn--default--6 h2 {
font-size: 16px;
}
.hover-tout.aem-GridColumn--default--6 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg {
padding-bottom: 60%;
}
.hover-tout.aem-GridColumn--default--12 h2 {
font-size: 16px;
}
.hover-tout.aem-GridColumn--default--12 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
}
@media all and (max-width: 767px) {
.hover-tout .hover-tout-container.title-centered .has-bg {
padding-bottom: 35%;
}
.hover-tout h2 {
font-size: 28px;
}
.hover-tout .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg {
padding-bottom: 35%;
}
.hover-tout.aem-GridColumn--default--6 h2 {
font-size: 28px;
}
.hover-tout.aem-GridColumn--default--6 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg {
padding-bottom: 35%;
}
.hover-tout.aem-GridColumn--default--12 h2 {
font-size: 28px;
}
.hover-tout.aem-GridColumn--default--12 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout[class*="aem-GridColumn"] {
-moz-flex-basis: 100%;
-ms-flex-basis: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
}
@media all and (max-width: 479px) {
.hover-tout .hover-tout-container.title-centered .has-bg {
padding-bottom: 42%;
}
.hover-tout h2 {
font-size: 25px;
}
.hover-tout .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg {
padding-bottom: 42%;
}
.hover-tout.aem-GridColumn--default--6 h2 {
font-size: 25px;
}
.hover-tout.aem-GridColumn--default--6 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
.hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg {
padding-bottom: 42%;
}
.hover-tout.aem-GridColumn--default--12 h2 {
font-size: 25px;
}
.hover-tout.aem-GridColumn--default--12 .button-main {
margin-top: 5px;
font-size: 14px;
line-height: 20px;
padding-left: 36px;
padding-right: 48px;
}
}
.latest-tweet .latest-tweet-background {
background-color: #1b3c4f;
padding: 50px 0;
}
.latest-tweet .latest-tweet-background .latest-tweet-title {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
color: #ffffff;
font-size: 13px;
letter-spacing: 2px;
line-height: auto;
padding: 30px 0;
text-transform: uppercase;
}
.latest-tweet .latest-tweet-background .latest-tweet-content {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
color: #ffffff;
font-size: 18px;
line-height: 28px;
padding-bottom: 0;
}
.latest-tweet .latest-tweet-background .latest-tweet-content a {
color: #39a7da;
}
.latest-tweet .latest-tweet-background .latest-tweet-content a:hover {
color: #39a7da;
}
.latest-tweet .latest-tweet-background .latest-tweet-content a img {
height: auto;
margin-bottom: 20px;
width: 30px;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.latest-tweet-background .latest-tweet-content {
font-size: 20px;
line-height: 28px;
}
}
@media all and (min-width: 1025px) {
.latest-tweet-background .latest-tweet-content {
font-size: 20px;
line-height: 36px;
}
}
.ledes .has-bg {
background-color: #333333;
}
.ledes-container .ledes-filter {
background-color: #e6e6e6;
text-align: center;
}
.ledes-container .ledes-filter label {
color: #1b3c4f;
margin-right: 30px;
}
.ledes-container .lede-image {
position: relative;
}
.ledes-container .lede-image:before {
display: block;
content: "";
width: 100%;
padding-top: 61.64383562%;
}
.ledes-container .lede-image img {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.ledes-container .lede-image .icon-video {
color: #ffffff;
}
.ledes-container .lede-meta {
color: #c2c2c2;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 13px;
line-height: 16px;
padding-top: 8px;
}
.ledes-container .lede-teaser {
border-bottom: 1px solid #e6e6e6;
}
.ledes-container .lede-teaser .lede-teaser-cta {
margin-top: 1em;
}
.ledes-container .lede-title {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 22px;
line-height: 27px;
text-transform: none;
}
.ledes-container .view-more {
text-align: center;
}
@media all and (max-width: 1024px) {
.ledes-container .lede-teaser .lede-teaser-cta:after {
background-size: 60%;
margin-top: -4px;
right: 35px;
}
.ledes-container .lede-title {
font-size: 16px;
line-height: 21px;
}
}
@media all and (max-width: 767px) {
.ledes-container .ledes-filter label {
font-size: 13px;
}
.ledes-container .lede-meta {
font-size: 11px;
}
.ledes-container .lede-title {
font-size: 14px;
line-height: 18px;
}
}
.link-to-parent a,
.link-to-parent a:visited {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 14px;
padding-left: 0;
text-transform: none;
margin-left: 1.6em;
}
.link-to-parent .cta-link-left:before {
font-size: inherit;
vertical-align: bottom;
}
.mailing-list .mailing-list-wrapper .mailing-list-body .response {
color: #1b3c4f;
}
.marginalia-ledes h5 {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 16px;
letter-spacing: 0;
padding: 14px 0;
}
.marginalia-ledes .lede-meta {
color: #333333;
font-size: 12px;
line-height: 1;
margin-bottom: 6px;
}
.marginalia-ledes .lede-image {
margin-bottom: 14px;
overflow: hidden;
}
.marginalia-ledes .lede-title {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 22px;
line-height: 27px;
}
.marginalia-ledes .lede-title:hover {
color: #39a7da !important;
}
@media (max-width: 767px) {
.marginalia-ledes h5 {
padding: 11px 0;
}
.marginalia-ledes .lede-image {
margin-bottom: 7px;
}
.marginalia-ledes .lede-meta {
font-size: 11px;
margin-bottom: 0;
}
.marginalia-ledes .lede-title {
font-size: 16px;
}
}
.most-recent-file .most-recent-file-container {
min-height: 600px;
padding-bottom: 60px;
}
.most-recent-file .most-recent-file-content {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 65%;
}
.most-recent-file .most-recent-file-content .most-recent-file-container-title {
color: #39a7da;
font-size: 18px;
padding-bottom: 1em;
}
.most-recent-file .most-recent-file-content .most-recent-file-result-data {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 53px;
line-height: 50px;
}
.most-recent-file .most-recent-file-content .button-arrow {
margin-top: 75px;
}
@media all and (max-width: 1024px) {
.most-recent-file .most-recent-file-container {
padding-bottom: 60px;
}
.most-recent-file .most-recent-file-content {
width: 100%;
}
.most-recent-file .most-recent-file-content .most-recent-file-container-title {
font-size: 18px;
}
.most-recent-file .most-recent-file-content .most-recent-file-result-data {
font-size: 36px;
line-height: 40px;
}
.most-recent-file .most-recent-file-content .button-arrow {
margin-top: 35px;
}
}
@media all and (max-width: 767px) {
.most-recent-file .most-recent-file-container {
min-height: 365px;
padding-bottom: 40px;
}
.most-recent-file .most-recent-file-content .most-recent-file-container-title {
font-size: 12px;
}
.most-recent-file .most-recent-file-content .most-recent-file-result-data {
font-size: 27px;
line-height: 36px;
}
.most-recent-file .most-recent-file-content .button-arrow {
margin-top: 20px;
}
}
.symptom-part-overlay .part-details .close-part i,
.global-data-preview .part-details .close-part i {
color: #1b3c4f;
font-size: 35px;
}
.symptom-part-overlay .part-details .part-title,
.global-data-preview .part-details .part-title {
color: #1b3c4f;
font-size: 27px;
margin: 1em 0;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
}
@media all and (max-width: 767px) {
.symptom-part-overlay .part-details .part-title,
.global-data-preview .part-details .part-title {
font-size: 18px;
}
}
.part-detail .alert {
margin: 10px 0;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-part-number {
margin-top: 20px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-buttons .button {
padding: 17px 40px;
margin-top: 15px;
margin-right: 10px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text {
margin: 30px 0;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text ul,
.part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text ol {
list-style: initial;
padding-left: 15px;
}
.part-detail .page-content-container .part-detail-top .part-detail-part-description .fits-info {
line-height: 18px;
}
.part-detail .page-content-container .part-detail-top .part-detail-marketing {
background-image: linear-gradient(#ffffff 50%, #808080);
border: 1px solid #808080;
padding: 25px 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-text {
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-text > span {
display: block;
word-break: break-word;
word-wrap: break-word;
}
.part-detail .page-content-container .part-detail-top .part-detail-marketing img {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
width: 80px;
margin-right: 10px;
max-height: 80px;
}
.part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-title {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
margin-bottom: 10px;
}
.part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-description {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
.part-detail .page-content-container .part-detail-bottom h3 {
font-size: 25px;
line-height: 28px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-nav li.part-detail-help-link {
border-left: none;
margin-top: 30px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details h3 {
margin: 10px 0px 15px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details .attr-name,
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details .detail-group-name {
font-weight: bold;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details table tr:nth-of-type(odd) {
background-color: #c2c2c2;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details.part-detail-about-interchanges h3 {
margin: 10px 0px 15px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details.part-detail-specifications table {
width: 100%;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 15px 0;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-bar-child {
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
margin-top: 25px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div {
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div.fitment-list-pages {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 16px;
line-height: 18px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div.fitment-list-pages label input {
height: 35px;
margin: 0 10px;
max-width: 20%;
padding: 7px 10px;
text-align: center;
width: auto;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .select-box {
display: none;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table td,
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table th {
width: 25%;
}
.part-detail .page-content-container .part-detail-help-link a:after {
color: #1b3c4f;
content: "\f105";
font-family: 'fontawesome';
font-weight: bold;
margin-left: 8px;
}
@media all and (max-width: 1024px) {
.part-detail .page-content-container .part-detail-top {
display: block;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about {
border: 1px solid #808080;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile {
display: block;
color: #1b3c4f;
border-bottom: 1px solid #808080;
padding: 15px;
position: relative;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile .fa-expanded {
color: #1b3c4f;
font-size: 15px;
position: absolute;
right: 15px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile .fa-expanded:before {
content: "\f067";
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile.active .fa-expanded:before {
content: "\f068";
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details {
border-bottom: 1px solid #808080;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details h3 {
font-size: 18px;
margin: 0 0 15px;
text-transform: uppercase;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details .detail-group-name {
font-size: 18px;
padding: 1.5em 0;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details table tr:nth-of-type(odd) {
background-color: #ffffff;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table {
width: 100%;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table tr {
border-top: 0;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table td {
padding-left: 0;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table td:before {
width: 0;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table td.attr-name + td {
padding-bottom: 30px;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar {
display: block;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div {
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
-webkit-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-page-buttons {
text-align: right;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table td,
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table th {
width: auto;
}
.part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table td:before {
display: block;
padding: 0.6em 0;
}
}
.part-finder-full .part-finder-full-separator {
background: #e6e6e6;
}
.part-finder-by-number .has-bg {
background-color: #333333;
}
.part-finder-by-filter .part-finder-results-invalid-params-author-msg {
border-color: #e6e6e6;
}
.part-finder-by-filter.part-finder-by-filter-refine > :not(.has-bg) .part-finder-by-filter-container {
background: #e6e6e6;
}
.fmmp-part-finder {
margin: 20px;
}
.fmmp-part-finder .part-finder-container {
border: none;
}
.fmmp-part-finder input,
.fmmp-part-finder select {
background-color: #ffffff;
border-width: 3px;
border-color: #1b3c4f;
color: #1b3c4f;
width: 100%;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
.fmmp-part-finder input:focus,
.fmmp-part-finder select:focus,
.fmmp-part-finder input:hover,
.fmmp-part-finder select:hover {
color: #bbbbbb;
}
.fmmp-part-finder .select-box {
display: none;
}
.fmmp-part-finder .search-row .search-group span.button-main {
margin-top: 35px;
padding: 13px 40px;
}
.fmmp-part-finder ul.tab-links li {
text-transform: uppercase;
color: #bbbbbb;
border: 3px solid #ffffff;
}
.fmmp-part-finder ul.tab-links li.active {
border-color: #bbbbbb;
}
.fmmp-part-finder .tab-content button {
padding: 13px 40px;
}
.fmmp-part-finder .part-finder-vehicle-section .part-finder-by-vehicle-carousel {
background-color: #c2c2c2;
}
.fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content {
background-color: white;
}
.fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content .part-finder-vehicle-content-wordage p.part-finder-vehicle-make {
color: #1b3c4f;
}
.fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content .part-finder-vehicle-content-wordage p.part-finder-vehicle-size {
font-weight: bold;
}
.fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content .part-finder-vehicle-content-wordage button {
height: 30px;
line-height: 1px;
margin-top: 5px;
padding: 20px 30px 19px;
}
.fmmp-part-finder .part-finder-vehicle-section .slick-prev,
.fmmp-part-finder .part-finder-vehicle-section .slick-next {
background: #c2c2c2;
}
.fmmp-part-finder .part-finder-vehicle-section .slick-prev:before,
.fmmp-part-finder .part-finder-vehicle-section .slick-next:before {
font-family: 'fontawesome';
color: #808080;
font-size: 45px;
line-height: 0.5;
}
.fmmp-part-finder .part-finder-selected-state li.selector {
border-color: #c2c2c2;
}
.fmmp-part-finder .part-finder-selected-state li.selector.active h6 {
border-bottom-color: #c2c2c2;
}
.fmmp-part-finder .part-finder-selected-state li.selector.active .search-row .search-group button,
.fmmp-part-finder .part-finder-selected-state li.selector.active .search-row .search-group span.button-main {
margin-top: 41px;
}
.fmmp-part-finder .part-finder-selected-state li.selector h6 {
color: #1b3c4f;
line-height: 22px;
}
.fmmp-part-finder .part-finder-selected-state li.selector .part-finder-selected-vehicle .search-row .search-group h5 {
color: #1b3c4f;
}
.fmmp-part-finder .part-finder-selected-state li.selector .part-finder-selected-vehicle .search-row.search-button button {
margin-top: 41px;
}
.fmmp-part-finder .part-finder-selected-state .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main {
margin-top: 40px;
}
.fmmp-part-finder .part-engine-search-form a {
display: inline-block;
}
.fmmp-part-finder .part-engine-modal-container h3 {
color: #1b3c4f;
}
.fmmp-part-finder .part-engine-modal-container input,
.fmmp-part-finder .part-engine-modal-container select {
margin-bottom: 10px;
margin-top: 10px;
}
.fmmp-part-finder .part-engine-modal-container input[type="checkbox"],
.fmmp-part-finder .part-engine-modal-container select[type="checkbox"] {
height: 15px;
margin: 0 3px 5px 0;
width: 15px;
}
.fmmp-part-finder .part-engine-modal-container label {
line-height: 18px;
}
.fmmp-part-finder .part-engine-modal-container .spec-row .spec-group {
margin: 15px 10px;
}
.fmmp-part-finder .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main {
margin-top: 35px;
}
@media all and (max-width: 1024px) {
.fmmp-part-finder {
margin: 20px 0;
}
.fmmp-part-finder .part-finder-selected-state {
border-width: 1px 0 1px 0;
border-color: #c2c2c2;
border-style: solid;
}
.fmmp-part-finder .part-finder-selected-state .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-selected-state .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main {
margin-top: 5px;
}
.fmmp-part-finder .tab .mobile-type-selector,
.fmmp-part-finder .tab .type-selector {
margin: 0;
}
.fmmp-part-finder .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main,
.fmmp-part-finder .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main {
margin-top: 5px;
}
}
.part-list {
margin: 0 20px;
}
.part-list h2 {
margin-left: 0;
}
.part-list .dimmed:after {
top: 123px;
}
.part-list .fmmp-part-list .part-list-row {
border-color: #c2c2c2;
}
.part-list .fmmp-part-list .part-number-results .search-part-number {
color: #1b3c4f;
}
.part-list .fmmp-part-list .part-list-filter-container .part-list-filters {
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}
.part-list .fmmp-part-list .part-list-results .part-result {
border-top: 1px solid #c2c2c2;
}
.part-list .fmmp-part-list .part-list-results .part-result .part-result-image:hover img {
outline: 3px solid #1b3c4f;
}
.part-list .fmmp-part-list .part-list-results .part-result .part-result-image img {
max-height: 200px;
}
.part-list .fmmp-part-list .part-list-results .part-result .part-result-info .part-result-criteria-group {
color: #1b3c4f;
}
.part-list .part-list-header {
color: #ffffff;
padding: 10px 20px;
}
.part-list .part-list-header h3 {
font-size: 28px;
}
.part-list .part-list-filter-header {
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}
.part-list .part-list-filter-header h4 {
color: #1b3c4f;
}
.part-list .part-list-filter-list {
color: #808080;
}
.part-list .part-list-filter-list li:before {
content: "";
}
.part-list .part-list-filter-list label {
display: inline-block;
line-height: 20px;
word-break: break-all;
}
.part-list .part-list-filter-list label input {
display: inline;
height: auto;
margin: 5px 8px 5px 0;
width: auto;
}
.part-list .part-list-result-bar .part-list-result-total {
color: #1b3c4f;
}
.page-content.has-active-nav .part-list .dimmed:after {
top: 68px;
}
@media all and (max-width: 1024px) {
.part-list {
margin: 0;
}
.part-list h2 {
margin-left: 20px;
}
.part-list .dimmed:after {
top: 0;
}
.part-list .part-list-header {
color: #1b3c4f;
}
.part-list .part-list-result-bar .part-list-result-total {
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}
.part-list .fmmp-part-list .part-list-filter-container.show-filters .part-list-filter-list input:after {
color: #1b3c4f;
}
.part-list .fmmp-part-list .part-list-ix-results tr {
border-top: none;
border-bottom: 1px solid #c2c2c2;
}
.page-content.has-active-nav .part-list .dimmed:after {
top: 0;
}
}
.person-headline-avatar img {
border: solid 2px #e6e6e6;
}
.person-headline-contents .name {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
color: #1b3c4f;
font-size: 22px;
line-height: 27px;
padding-bottom: 0;
}
.person-headline-contents .title {
color: #333333;
line-height: 27px;
}
.person-headline-contents .meta-info {
color: #808080;
}
.person-ledes .ledes-container .lede-container img {
background-color: #ffffff;
border: solid 5px #ffffff;
}
.person-ledes .ledes-container .lede-container .lede-tags {
font-size: 12px;
}
@media all and (max-width: 1024px) {
.person-ledes .ledes-container .lede-container .lede-title {
font-size: 18px;
line-height: 22px;
}
.person-ledes .ledes-container .lede-container .lede-tags {
font-size: 11px;
}
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container img {
background-color: #ffffff;
border: solid 5px #ffffff;
}
.aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container-empty {
background-color: #1b3c4f;
color: #FFF;
}
.product-benefits .product-benefits-container {
padding-bottom: 63px;
overflow: auto;
}
.product-benefits h2,
.product-benefits .h2-rep {
font-size: 36px;
line-height: 1;
padding: 55px 0 45px 0;
}
.product-benefits .product-benefit {
padding: 20px 2%;
}
.product-benefits .product-benefit h5,
.product-benefits .product-benefit .h5-rep {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
line-height: 23px;
padding-bottom: 13px;
}
.product-benefits .product-benefit p:not(.h5-rep) {
font-size: 14px;
line-height: 23px;
margin-bottom: 0;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.product-benefits .product-benefits-container {
padding-bottom: 50px;
}
.product-benefits h2,
.product-benefits .h2-rep {
font-size: 36px;
padding: 55px 0 21px 0;
}
.product-benefits .product-benefit {
padding: 14px 10%;
}
}
@media all and (max-width: 767px) {
.product-benefits .product-benefits-container {
padding-bottom: 42px;
}
.product-benefits h2,
.product-benefits .h2-rep {
font-size: 27px;
padding: 30px 0 7px 0;
}
.product-benefits .product-benefit {
padding: 14px 10% 0 10%;
}
.product-benefits .product-benefit h5,
.product-benefits .product-benefit .h5-rep {
padding-bottom: 4px;
}
}
.product-feature .slick-dots {
list-style-type: none;
z-index: 1;
bottom: 22px;
}
.product-feature .slick-dots li {
border-radius: 50%;
height: 11px;
list-style-type: none;
margin: 0 11px 0 0;
padding: 0;
width: 11px;
}
.product-feature .slick-dots li:before {
content: "";
}
.product-feature .slick-dots li button {
display: none;
}
.product-feature .slick-dots li {
background-color: rgba(0, 0, 0, 0.5);
}
.product-feature .slick-dots li.slick-active {
background-color: #000000;
}
.product-feature .has-bg .slick-dots {
list-style-type: none;
z-index: 1;
}
.product-feature .has-bg .slick-dots li {
border-radius: 50%;
height: 11px;
list-style-type: none;
margin: 0 11px 0 0;
padding: 0;
width: 11px;
}
.product-feature .has-bg .slick-dots li:before {
content: "";
}
.product-feature .has-bg .slick-dots li button {
display: none;
}
.product-feature .has-bg .slick-dots li {
background-color: rgba(255, 255, 255, 0.5);
border: #1b3c4f solid 1px;
}
.product-feature .has-bg .slick-dots li.slick-active {
background-color: #ffffff;
}
.product-feature .grey-bg {
background-color: #e6e6e6;
}
.product-feature .product-feature-container {
position: relative;
}
.product-feature .product-feature-container .product-feature-base .ctas .buy-online-container .buy-online-toolbox {
top: 25px;
}
.product-feature .product-feature-container .product-feature-base .ctas .buy-online-container .buy-online-toolbox a {
background-color: #c2c2c2;
color: #333333;
}
.product-feature .product-feature-container .product-feature-base .ctas .buy-online-container .buy-online-toolbox a:hover {
color: #ffffff;
background-color: #333333;
}
.product-feature .product-feature-container .product-feature-base .ctas .buy-online-container.open-up .buy-online-toolbox {
top: auto;
}
.product-feature .product-feature-container .product-feature-list .product-feature-content h1,
.product-feature .product-feature-container .product-feature-list .product-feature-content h2,
.product-feature .product-feature-container .product-feature-list .product-feature-content h3,
.product-feature .product-feature-container .product-feature-list .product-feature-content h4,
.product-feature .product-feature-container .product-feature-list .product-feature-content h5,
.product-feature .product-feature-container .product-feature-list .product-feature-content h6 {
letter-spacing: 1px;
padding: 6px 0 22px 0;
}
.product-feature .product-feature-container .product-feature-list .product-feature-content h1 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 27px;
line-height: 36px;
}
.product-feature .product-feature-container .product-feature-list .product-feature-content p,
.product-feature .product-feature-container .product-feature-list .product-feature-content ul,
.product-feature .product-feature-container .product-feature-list .product-feature-content ol {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product-feature .product-feature-container .slick-slider {
margin-bottom: 0;
}
.product-feature .has-bg .product-feature-container .buy-online-toolbox a {
background-color: #ffffff;
}
.product-feature .has-bg .product-feature-container .buy-online-toolbox a:hover {
background-color: #c2c2c2;
}
.product-feature .has-bg .product-feature-container .product-feature-content p {
color: #ffffff;
}
@media all and (min-width: 1280px) {
.product-feature .product-feature-base .product-feature-content {
padding-right: 14%;
}
.product-feature .product-feature-base .product-feature-image > div.image {
height: 480px;
}
.product-feature .product-feature-base .product-feature-image > div.image img {
max-height: 550px;
}
}
@media all and (max-width: 1024px) {
.product-feature .slick-dots {
bottom: 16px;
}
.product-feature .product-feature-container .product-feature-list .product-feature-content h1,
.product-feature .product-feature-container .product-feature-list .product-feature-content h2,
.product-feature .product-feature-container .product-feature-list .product-feature-content h3,
.product-feature .product-feature-container .product-feature-list .product-feature-content h4,
.product-feature .product-feature-container .product-feature-list .product-feature-content h5,
.product-feature .product-feature-container .product-feature-list .product-feature-content h6 {
padding: 6px 0 16px 0;
}
}
@media all and (max-width: 767px) {
.product-feature .slick-dots {
bottom: 10px;
}
.product-feature .product-feature-container .product-feature-list .product-feature-content h1,
.product-feature .product-feature-container .product-feature-list .product-feature-content h2,
.product-feature .product-feature-container .product-feature-list .product-feature-content h3,
.product-feature .product-feature-container .product-feature-list .product-feature-content h4,
.product-feature .product-feature-container .product-feature-list .product-feature-content h5,
.product-feature .product-feature-container .product-feature-list .product-feature-content h6 {
padding: 4px 0 10px 0;
}
}
.random-quote .quotes .quote-list {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 30px;
line-height: 40px;
}
.random-quote .quotes .quote-list .by-line {
color: #1b3c4f;
font-family: "HelveticaNeueLTStd-Bd";
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
}
.random-quote .content h3,
.random-quote .content h4 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
}
.random-tip .title {
font-weight: normal;
}
.random-tip .title {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 60px;
line-height: 72px;
}
@media all and (max-width: 1024px) {
.random-tip .title {
font-size: 45px;
line-height: 1.2;
}
}
@media all and (max-width: 767px) {
.random-tip .title {
font-size: 40px;
line-height: 1.2;
}
}
.random-tip {
background: #808080;
}
.random-tip .random-tip-container {
padding: 120px 0 105px 0;
}
.random-tip .headline {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
color: #39a7da;
font-size: 18px;
line-height: 18px;
margin-bottom: 0;
}
.random-tip .title {
font-size: 53px;
line-height: 58px;
text-transform: none;
}
.random-tip .content {
max-width: 840px;
}
.random-tip .text {
padding: 25px 0 50px 0;
}
.random-tip .text p {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 14px;
line-height: 25px;
}
@media (max-width: 1024px) {
.random-tip .random-tip-container {
padding: 100px 0;
}
.random-tip .title {
font-size: 36px;
line-height: 44px;
margin-top: 8px;
}
.random-tip .text {
padding: 15px 0 30px 0;
}
}
@media (max-width: 767px) {
.random-tip .random-tip-container {
padding: 45px 0;
}
.random-tip .headline {
font-size: 16px;
}
.random-tip .title {
font-size: 27px;
line-height: 36px;
margin-top: 12px;
}
.random-tip .button-main {
display: block;
padding-top: 17px;
padding-bottom: 17px;
width: 100%;
}
}
.schematic-diagram-inner-container .tab-list {
height: 60px;
}
.schematic-diagram-inner-container .tab-list .tab-item {
height: 60px;
padding: 4px 15px 35px;
width: 100px;
background-repeat: no-repeat;
background-position: center;
background-size: 50% 50%;
background-color: #1b3c4f;
}
.schematic-diagram-inner-container .tab-list .tab-item.orient-FRONT {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHRpdGxlPmZtLWljb25zPC90aXRsZT4KPHBhdGggZD0iTTkuNiwxNS43YzAuNi0wLjQsMS0wLjksMS40LTEuNWw1LjcsNy44YzAuMiwwLjMsMC4zLDAuNiwwLjIsMWMwLDAuMy0wLjIsMC42LTAuNSwwLjhsLTEuMiwwLjljLTAuMywwLjItMC43LDAuMy0xLDAuMgoJYy0wLjMsMC0wLjYtMC4yLTAuOC0wLjVsLTUuNy03LjhDOC40LDE2LjUsOS4xLDE2LjIsOS42LDE1Ljd6IE0xNCwyMi41YzAuNCwwLjEsMC43LTAuMiwwLjctMC41YzAuMS0wLjQtMC4yLTAuNy0wLjUtMC43CglzLTAuNywwLjItMC43LDAuNWMwLDAuMiwwLDAuMywwLjEsMC41QzEzLjcsMjIuMywxMy44LDIyLjQsMTQsMjIuNXogTTIuMywxMS4xQzIuNCwxMSwyLjQsMTEsMi41LDExYzAuMiwwLjEsMC40LDAuMywwLjYsMC41bDEuMiwxCglsMC43LDAuNmwyLjEtMC44bDAuNC0yLjJMNC45LDhDNC43LDcuOSw0LjcsNy43LDQuOCw3LjVjMC0wLjEsMC4xLTAuMSwwLjItMC4xYzAuMy0wLjIsMC43LTAuMywxLjEtMC4zYzAuNC0wLjEsMC44LTAuMSwxLjIsMAoJYzEuMiwwLjIsMi4yLDAuOCwyLjksMS44YzAuNywxLDEsMi4yLDAuOCwzLjNjLTAuMiwxLjItMC44LDIuMy0xLjgsMi45Yy0xLDAuNy0yLjIsMS0zLjMsMC44Yy0xLjktMC4zLTMuNC0xLjgtMy43LTMuNgoJYy0wLjEtMC40LTAuMS0wLjctMC4xLTEuMUMyLjIsMTEuMiwyLjIsMTEuMSwyLjMsMTEuMXoiLz4KPHBhdGggZD0iTTI5LjksMTYuNUwyOS45LDE2LjVjMC0xLjYtMC4xLTMuMi0wLjUtNC43Yy0wLjUtMS41LTEuOS0yLjYtMy41LTIuNWMtNC4xLDAuMi05LjgsMC4yLTE0LjcsMC4xYzAuMSwwLjEsMC4xLDAuMiwwLjIsMC40CglsNy43LDAuMWMwLjEsMCwwLjIsMC4xLDAuMiwwLjFsMC4xLDAuMmMwLDAuMSwwLDAuMi0wLjEsMC4zYzAsMCwwLDAsMCwwYy0wLjksMC4yLTEuOSwwLjMtMi44LDAuM2MtMS4zLDAuMS0zLDAuMS0zLDAuMWgtMS4xaC0wLjYKCWMwLjEsMC41LDAuMSwxLjEsMCwxLjZjLTAuMSwwLjQtMC4yLDAuOC0wLjMsMS4ybDAuMiwwLjNsNS43LDcuOGMwLjIsMC4yLDAuMywwLjUsMC4zLDAuN2MwLjgsMC4xLDEuNCwwLjIsMS42LDAuMgoJYzAuMSwwLDAuMiwwLjEsMC4yLDAuMmMwLDAsMCwwLDAsMGwtMC4xLDAuMmMwLDAuMS0wLjEsMC4xLTAuMiwwLjFoLTEuNWMwLDAuMi0wLjEsMC4zLTAuMiwwLjRjMy4xLDAsNi4xLDAuMSw4LjUsMC4xCgljMS42LDAsMy0xLDMuNS0yLjVDMjkuNywxOS44LDI5LjksMTguMiwyOS45LDE2LjVMMjkuOSwxNi41TDI5LjksMTYuNUwyOS45LDE2LjV6IE0yNS4xLDIyLjNjLTAuMSwwLjItMC40LDAuNC0wLjcsMC40TDIxLDIyCgljLTAuMiwwLTAuMy0wLjItMC4yLTAuM2MwLDAsMCwwLDAsMGMwLjQtMS43LDAuNy0zLjQsMC43LTUuMXYwYzAtMS43LTAuMi0zLjQtMC43LTUuMWMwLTAuMiwwLjEtMC4zLDAuMi0wLjRjMCwwLDAsMCwwLDBsMy41LTAuNwoJYzAuMywwLDAuNSwwLjEsMC43LDAuNGMwLjksMS44LDEuNCwzLjgsMS40LDUuOEMyNi41LDE4LjUsMjYsMjAuNSwyNS4xLDIyLjN6Ii8+Cjwvc3ZnPg==");
}
.schematic-diagram-inner-container .tab-list .tab-item.orient-REAR {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHRpdGxlPmZtLWljb25zPC90aXRsZT4KPHBhdGggZD0iTTI2LjQsMTYuNmwtNS43LDcuOGMtMC4yLDAuMy0wLjUsMC41LTAuOCwwLjVjLTAuMywwLjEtMC43LDAtMS0wLjJsLTEuMi0wLjljLTAuMy0wLjItMC41LTAuNS0wLjUtMC44CgljLTAuMS0wLjQsMC0wLjcsMC4yLTFsNS43LTcuOEMyMy44LDE1LjQsMjUsMTYuMywyNi40LDE2LjZ6IE0yMC41LDIyLjJjMC4yLTAuMywwLjEtMC43LTAuMi0wLjljLTAuMy0wLjItMC43LTAuMS0wLjksMC4yCgljLTAuMiwwLjMtMC4xLDAuNywwLjIsMC45YzAuMSwwLjEsMC4zLDAuMSwwLjUsMC4xQzIwLjMsMjIuNCwyMC41LDIyLjMsMjAuNSwyMi4yeiBNMzIsMTEuM2MwLDAuNCwwLDAuNy0wLjEsMS4xCgljLTAuNCwxLjktMS45LDMuMy0zLjcsMy42Yy0yLjQsMC40LTQuNy0xLjMtNS4xLTMuN2MtMC4yLTEuMiwwLjEtMi40LDAuOC0zLjNjMC43LTEsMS43LTEuNiwyLjktMS44YzAuNC0wLjEsMC44LTAuMSwxLjIsMAoJYzAuNCwwLDAuOCwwLjEsMS4xLDAuM2MwLjIsMC4xLDAuMiwwLjMsMC4yLDAuNGMwLDAsMCwwLjEtMC4xLDAuMWwtMi42LDIuMWwwLjQsMi4ybDIsMC44bDAuNy0wLjZsMS4yLTFjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjUKCWMwLjEsMCwwLjIsMCwwLjIsMC4xQzMxLjksMTEuMSwzMiwxMS4yLDMyLDExLjN6Ii8+CjxwYXRoIGQ9Ik0xNi43LDIzLjZjLTAuMS0wLjEtMC4xLTAuMi0wLjEtMC40aC0zLjhjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMmMwLTAuMSwwLjEtMC4yLDAuMi0wLjJjMC45LTAuMiwyLTAuNCwyLjYtMC41CgljMC4zLDAsMC44LTAuMSwxLjItMC4xYzAuMS0wLjMsMC4yLTAuNSwwLjMtMC44bDUuNy03LjhsMC4yLTAuMmMtMC4xLTAuNC0wLjItMC44LTAuMy0xLjFjLTAuMS0wLjYtMC4xLTEuMSwwLTEuN2gtMC4zCgljLTEuMywwLjEtMywwLjEtMywwLjFIMThjMCwwLTIuMS0wLjEtMi43LTAuMnMtMS42LTAuMy0yLjYtMC41Yy0wLjEsMC0wLjItMC4xLTAuMi0wLjJzMC4xLTAuMiwwLjItMC4ybDkuOSwwLjEKCWMwLjEtMC4xLDAuMS0wLjMsMC4yLTAuNGMtMi42LDAtNS4zLDAtNy43LDBoLTIuN2MwLjEtMC4yLDAuMS0wLjUsMC4xLTAuOGMtMC4yLTAuOC0xLjcsMC40LTIuMSwwLjhsLTQuNSwwYy0xLjUsMC00LjQsMC40LTUsMi4xCglDMC4zLDEzLDAsMTQuNywwLDE2LjVsMCwwdjBsMCwwYzAsMS44LDAuMywzLjUsMC44LDUuMmMwLjcsMS43LDMuNiwyLjEsNSwyLjFsNC40LTAuMWMwLjEsMC4xLDIsMS44LDIuMiwwLjkKCWMwLjEtMC4zLDAuMS0wLjYtMC4xLTAuOWgyLjhMMTYuNywyMy42TDE2LjcsMjMuNnogTTUuMSwyMy4zYy0wLjgtMC4xLTEuNS0wLjMtMi4yLTAuNmMtMC44LTAuMi0xLjQtMC44LTEuNy0xLjUKCWMwLTAuMSwwLTAuMiwwLjEtMC4yYzAuMy0wLjIsMS4yLTAuNiwyLjcsMWwwLDBDNC43LDIyLjYsNSwyMi41LDUuMSwyMy4zQzUuMiwyMy4yLDUuMSwyMy4zLDUuMSwyMy4zQzUuMSwyMy4zLDUuMSwyMy4zLDUuMSwyMy4zCglMNS4xLDIzLjN6IE0zLjksMTEuMUwzLjksMTEuMWMtMS41LDEuNy0yLjQsMS4yLTIuNywxYy0wLjEtMC4xLTAuMS0wLjEtMC4xLTAuMmMwLjMtMC43LDEtMS4zLDEuNy0xLjVDMy42LDEwLDQuMyw5LjgsNS4xLDkuNwoJYzAsMCwwLjEsMCwwLjEsMGMwLDAsMCwwLDAsMEM1LDEwLjUsNC43LDEwLjQsMy45LDExLjF6IE0xMC4zLDIyLjdjLTAuMiwwLTAuNC0wLjEtMC40LTAuM2MtMC42LTEuOS0wLjktMy45LTAuOS01Ljl2LTAuMQoJYzAtMiwwLjMtNCwwLjktNS45YzAuMS0wLjIsMC4zLTAuMywwLjQtMC4zbDQuNiwwLjdjMC4xLDAsMC4yLDAuMSwwLjIsMC4zYzAsMCwwLDAsMCwwYy0wLjIsMS42LTAuMiwzLjMtMC4zLDUuMWwwLDB2MGwwLDAKCWMwLDEuOCwwLjEsMy42LDAuMyw1LjFjMCwwLjEtMC4xLDAuMy0wLjIsMC4zYzAsMCwwLDAsMCwwTDEwLjMsMjIuN3oiLz4KPC9zdmc+");
}
.schematic-diagram-inner-container .tab-container h3 {
color: #1b3c4f;
margin: 15px;
}
.s7button {
background-color: #808080;
background-image: none;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 35px;
line-height: 28px;
margin-left: 3px;
text-align: center;
width: 35px;
font-family: 'fontawesome';
}
.s7button[state] {
background-image: none !important;
}
.s7button.s7zoominbutton {
top: 20px;
}
.s7button.s7zoominbutton:before {
content: "\f00e";
background-image: none !important;
}
.s7button.s7zoomoutbutton {
top: 50px;
left: 20px !important;
}
.s7button.s7zoomoutbutton:before {
content: "\f010";
background-image: none !important;
}
.s7button.s7zoomresetbutton {
top: 80px;
left: 20px !important;
}
.s7button.s7zoomresetbutton:before {
content: "\f0e2";
background-image: none !important;
}
.s7fullscreenbutton {
background-color: #808080;
background-image: none;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 35px;
line-height: 28px;
margin-left: 3px;
text-align: center;
width: 35px;
font-family: 'fontawesome';
}
.s7fullscreenbutton[state] {
background-image: none !important;
}
.s7fullscreenbutton:before {
content: "\f065";
background-image: none !important;
}
@media all and (max-width: 1024px) {
.s7basiczoomviewer.s7touchinput .s7fullscreenbutton,
.s7basiczoomviewer.s7touchinput .s7zoomresetbutton {
line-height: 56px;
}
}
.search-files .search-files-results .search-files-input .button-main {
height: 55px;
vertical-align: bottom;
}
.search-files .search-files-results .search-files-input p {
margin-top: 1.5em;
}
.search-files .search-files-results .filter-files-results {
/**
* The styles below require the following HTML format for radio buttons:
*
*
*
*
*
* and the following for checkboxes:
*
*
*
*
*/
}
.search-files .search-files-results .filter-files-results .search-filter-header {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 16px;
line-height: 20px;
padding: 1em 0;
text-transform: uppercase;
vertical-align: middle;
}
.search-files .search-files-results .filter-files-results .search-filter label {
color: #333333;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 14px;
letter-spacing: 0;
line-height: 28px;
text-transform: uppercase;
vertical-align: middle;
}
.search-files .search-files-results .filter-files-results .search-filter ul li label {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
color: #808080;
font-size: 12px;
line-height: 30px;
text-transform: none;
}
.search-files .search-files-results .filter-files-results .search-filter ul li label input {
height: 20px;
margin: 0 5px;
}
.search-files .search-files-results .filter-files-results input[type=checkbox]:not(old),
.search-files .search-files-results .filter-files-results input[type=radio]:not(old) {
font-size: 1em;
height: 30px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 2em;
}
.search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + label,
.search-files .search-files-results .filter-files-results input[type=radio]:not(old) + label {
display: inline-block;
line-height: 1.9em;
padding: 0 0 0 2em;
position: relative;
}
.search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + label > span,
.search-files .search-files-results .filter-files-results input[type=radio]:not(old) + label > span {
background: #EEE;
border: 2px solid #CCC;
display: inline-block;
height: 1.25em;
left: 0;
margin: 0.25em 0.75em 0.25em 0.25em;
position: absolute;
vertical-align: bottom;
width: 1.25em;
z-index: 10;
}
.search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + label > span:before {
color: #333;
content: '✓';
display: block;
font-size: 1.25em;
font-weight: bold;
line-height: 1em;
margin: -0.1em 0 0 -0.1em;
text-align: center;
width: 1em;
}
.search-files .search-files-results .filter-files-results input[type=radio]:not(old):checked + label > span > span {
background: #333;
border: 0;
display: block;
height: 0.75em;
margin: 0.125em;
width: 0.75em;
}
.search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + label > span,
.search-files .search-files-results .filter-files-results input[type=radio]:not(old) + label > span {
background: #e6e6e6;
border: 2px solid #c2c2c2;
}
.search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + label > span:before {
color: #1b3c4f;
}
.search-files .search-files-results .filter-files-results input[type=radio]:not(old):checked + label > span > span {
background: #1b3c4f;
height: 14px;
margin: 1px;
width: 14px;
}
.search-files .search-files-results .search-files-results-container h2 {
border-bottom-color: #e6e6e6;
padding-bottom: 20px;
}
.search-files .search-files-results .search-files-results-container .file-result {
border-bottom: 1px solid #e6e6e6;
}
.search-files .search-files-results .search-files-results-container .file-result .file-result-title {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
line-height: 20px;
}
.search-files .search-files-results .search-files-results-container .file-result .search-file-meta {
color: #808080;
font-size: 12px;
font-weight: bold;
line-height: 16px;
}
.search-files .search-files-results .search-files-results-container .search-pagination ul.pagination li a {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 13px;
line-height: 27px;
}
.search-files .search-files-results .search-files-results-container .search-pagination ul.pagination li.active a {
color: #1b3c4f;
}
.search-files .search-files-results .search-files-results-container .search-pagination .search-files-results-total {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
color: #808080;
font-size: 12px;
line-height: 27px;
}
.social-feed {
background: #1b3c4f;
}
.social-feed .mailing-list-wrapper {
background: #1b3c4f;
}
.social-feed .mailing-list-wrapper .mailing-list h5 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
color: #ffffff;
font-size: 27px;
}
.social-feed .mailing-list-wrapper .mailing-list .button-main {
background-color: #1b3c4f;
border: 0px;
color: #ffffff;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 23px;
display: inline-block;
padding: 17px 40px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
text-shadow: none;
background-color: #39a7da;
color: #1b3c4f;
}
.social-feed .mailing-list-wrapper .mailing-list .button-main:hover {
background-color: #39a7da;
}
.social-feed .mailing-list-wrapper .mailing-list .button-main:hover {
color: #1b3c4f;
background-color: #ea7423;
}
.social-feed .mailing-list-wrapper .mailing-list .button-main:after {
margin-right: 0;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background {
background: #1b3c4f;
box-shadow: none;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content {
font-size: 16px;
font-style: normal;
line-height: 21px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content br {
display: block;
margin: .2em 0;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content iframe {
margin-top: 0.6em;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content a:hover {
color: #1b3c4f;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content a img {
margin-bottom: 0;
border: 2px solid white;
border-radius: 5px;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo .no-photo-found {
border: solid 1px #ffffff;
}
.social-feed .feed-wrapper > .instagram .latest-instagram-content .edit-error-message {
color: #ffffff;
}
.social-feed .feed-wrapper > .youtube.video .icon-video {
color: #ffffff;
font-size: 75px;
}
.social-feed .feed-wrapper > .youtube.video .icon-video:hover {
color: #1b3c4f;
}
.social-feed .sf-social-icon {
color: #ffffff;
font-size: 50px;
text-shadow: 0 1px 0 #000000;
}
.social-feed .sf-social-icon:hover {
color: #1b3c4f;
}
@media all and (max-width: 1024px) {
.social-feed .mailing-list-wrapper .mailing-list h5 {
font-size: 18px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content {
font-size: 16px;
line-height: 25px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content br {
display: block;
margin: .6em 0;
}
}
@media (max-width: 767px) {
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content {
font-size: 14px;
line-height: 20px;
}
.social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content br {
display: block;
margin: 1em 0;
}
}
.social-links .social-links-background {
background-color: #e6e6e6;
}
.social-links .social-links-background .social-links-title h4 {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 18px;
letter-spacing: 2px;
padding-bottom: 0;
text-transform: uppercase;
}
.social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon {
background: #333333;
border-radius: 50%;
height: 52px;
margin: 0 4px;
width: 52px;
}
.social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa,
.social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon [class^="icon-"] {
color: #ffffff;
font-size: 20px;
line-height: 52px;
}
.social-outreach {
background: #1b3c4f;
text-align: center;
width: 100%;
}
.social-outreach .social-outreach-background {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
overflow: auto;
}
.social-outreach .social-outreach-background .h5-rep {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
display: inline-block;
font-size: 30px;
padding: 15px;
color: #ffffff;
vertical-align: middle;
margin-bottom: 0;
}
.social-outreach .social-outreach-background .social-outreach-newsletter,
.social-outreach .social-outreach-background .social-outreach-content {
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
margin: 25px 0;
}
.social-outreach .social-outreach-background .social-outreach-newsletter {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form {
display: inline-block;
width: 65%;
max-width: 500px;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .email-input {
border: 0;
width: 100%;
min-width: 340px;
height: 59px;
margin: 0;
margin-bottom: 12px;
vertical-align: initial;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form button {
vertical-align: top;
background-color: #ea7423;
color: #ffffff;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form button:after {
content: '\e908';
display: inline-block;
font-family: 'icomoon';
font-size: 70%;
font-weight: normal !important;
vertical-align: middle;
margin-left: 6px;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form button:hover {
background-color: #39a7da;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .error-captcha {
display: none;
margin-top: 6px;
color: #ee1b2e;
font-size: 0.8em;
text-align: left;
text-transform: initial;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .error-email {
padding-left: 6px;
text-align: left;
color: #ee1b2e;
font-size: 0.8em;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .error-captcha.show {
display: block;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__input {
display: flex;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__input input {
border: 0;
height: 59px;
margin: 0 -5px 0 0;
vertical-align: initial;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__input button {
height: 59px;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .terms-input {
height: 18px !important;
margin-right: 10px !important;
}
.social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container {
display: inline-block;
}
.social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon {
background: #333333;
border-radius: 50%;
display: inline-block;
height: 52px;
width: 52px;
margin: 0 4px;
text-align: center;
}
.social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon .fa,
.social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon [class^="icon-"] {
color: #ffffff;
font-size: 20px;
line-height: 52px;
}
.social-outreach .social-outreach-background .socialOutreachForm__actions {
display: flex;
margin-top: 10px;
}
.social-outreach .social-outreach-background .socialOutreachForm__actions button {
margin-left: 12px !important;
}
.social-outreach .social-outreach-background .social-outreach-terms {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.social-outreach .social-outreach-background .social-outreach-terms .terms-label {
display: inline-block;
width: 430px;
color: #ffffff;
font-size: 0.8em;
font-family: "HelveticaNeueLTStd-Roman";
text-align: left;
text-transform: none;
}
.social-outreach .social-outreach-background .social-outreach-terms .terms-label a {
color: #39a7da;
}
.social-outreach .social-outreach-background .social-outreach-terms .terms-label a:hover {
color: #ea7423;
}
@media all and (max-width: 1024px) {
.social-outreach .social-outreach-background .h5-rep {
display: block;
}
.social-outreach .social-outreach-newsletter {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.social-outreach .social-outreach-newsletter .social-outreach-newsletter-form .email-input {
width: 240px;
}
.social-outreach .social-outreach-background .social-outreach-terms .terms-label {
width: 332px;
}
}
@media (max-width: 767px) {
.social-outreach .social-outreach-background {
display: block;
}
.social-outreach .social-outreach-background .social-outreach-terms .terms-label {
width: 324px;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form {
width: 100% !important;
padding: 16px;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .email-input {
width: 100% !important;
min-width: unset !important;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__actions {
flex-direction: column;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__actions button {
margin-left: 0 !important;
}
.social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .g-recaptcha {
margin-left: 15px;
margin-top: 2px;
margin-bottom: 12px;
}
}
.social-outreach .modal-overlay {
background-color: rgba(255, 255, 255, 0.8);
}
.social-outreach .modal-container {
background-color: #ffffff;
border-color: #39a7da;
color: #333333;
}
.social-outreach .modal-container .button-main {
padding: 10px 30px;
}
.social-outreach .modal-content a {
text-decoration: underline;
}
.social-outreach .modal-content a:hover {
color: #ea7423;
}
.social-outreach .modal-header {
background-color: #1b3c4f;
border-color: #39a7da;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.social-outreach .modal-header .modal-title {
color: #ffffff;
}
.social-outreach .modal-header a {
cursor: pointer;
}
.social-outreach .modal-header a .fa-close {
color: #ffffff;
}
.table-with-header .table-container .header {
background: #e6e6e6;
border: 1px solid #c2c2c2;
border-bottom: none;
}
.table-with-header .table-container .header .header-image img {
background-clip: border-box;
background-color: #39a7da;
border: 5px solid #39a7da;
border-radius: 50%;
display: block;
margin-bottom: 0px;
}
.table-with-header .table-container .header .header-text h2 {
margin: 0;
}
.timeline .timeline-wrapper {
padding: 84px 0 120px 0;
}
.timeline .timeline-wrapper:before {
bottom: 104px;
}
.timeline .timeline-header {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 22px;
}
.timeline .timeline-item-container {
padding: 6.5% 0 1.5%;
}
.timeline .timeline-item-container:after {
border-color: #000000;
}
.timeline .timeline-item-container .timeline-item h2,
.timeline .timeline-item-container .timeline-item h4,
.timeline .timeline-item-container .timeline-item h5 {
padding-bottom: 0;
}
.timeline .timeline-item-container .timeline-item h2 {
font-size: 53px;
text-transform: none;
}
.timeline .timeline-item-container .timeline-item h2:after {
border-color: #000000;
}
.timeline .timeline-item-container .timeline-item h2 span {
display: block;
width: 300px;
margin-left: -50%;
}
.timeline .timeline-item-container .timeline-item h4 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 22px;
line-height: 25px;
}
.timeline .timeline-item-container .timeline-item h5 {
font-size: 11px;
line-height: 12px;
min-height: 14px;
}
.timeline .timeline-item-container .timeline-item p {
font-size: 13px;
line-height: 20px;
}
.timeline .has-bg {
background-color: #333333;
}
.timeline > :not(.has-bg) h2 {
color: #1b3c4f;
}
.timeline > :not(.has-bg) h4,
.timeline > :not(.has-bg) h5 {
color: #1b3c4f;
}
.timeline > :not(.has-bg) .timeline-wrapper:before,
.timeline > :not(.has-bg) .timeline-item-container:before {
background-color: #39a7da;
}
.timeline > :not(.has-bg) .timeline-item-container:after,
.timeline > :not(.has-bg) .timeline-item-container .timeline-item h2:after {
border-color: #39a7da;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.timeline .timeline-item-container {
padding-top: 19%;
}
.timeline .timeline-item-container .timeline-item h2 {
font-size: 44px;
}
}
@media all and (max-width: 767px) {
.timeline .timeline-item-container {
padding-top: 5%;
}
.timeline .timeline-item-container .timeline-item h2 {
font-size: 22px;
}
.timeline .timeline-item-container .timeline-item h2 span {
width: auto;
margin: 0;
}
}
.aem-Grid.aem-Grid--12 .tout .has-bg .tout-container {
color: #ffffff;
}
.aem-Grid.aem-Grid--12 .tout .has-bg .tout-container.has-tout-wide-link:hover .button-main {
background-color: #39a7da;
}
.aem-Grid.aem-Grid--12 .tout .default-bg .tout-container {
background-color: #ffffff;
color: #1b3c4f;
}
.aem-Grid.aem-Grid--12 .tout .default-bg .tout-container.has-tout-wide-link:hover .button-main,
.aem-Grid.aem-Grid--12 .tout .no-bg .tout-container.has-tout-wide-link:hover .button-main {
background-color: #ea7423;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase a {
color: #ffffff;
position: relative;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase a:hover {
text-decoration: underline;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 25px;
letter-spacing: 1px;
line-height: 30px;
text-align: center;
}
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption small {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
color: #39a7da;
text-transform: uppercase;
}
@media all and (max-width: 1024px) {
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption {
font-size: 22px;
line-height: 27px;
}
}
@media all and (max-width: 767px) {
.aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption {
font-size: 12px;
line-height: 16px;
text-align: left;
}
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .default-bg .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .default-bg .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .default-bg .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .default-bg .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .default-bg .tout-container,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .default-bg .tout-container {
border: 2px solid #FFF;
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content {
margin-bottom: 119px;
/* CTA button is positioned to the bottom and is 79px, then add 40 pixels of space */
}
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase {
margin-bottom: 119px;
/* CTA button is positioned to the bottom and is 79px, then add 40 pixels of space */
}
@media all and (max-width: 767px) {
.aem-Grid.aem-Grid--12 .tout .tout-content p,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content p,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content p,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content p,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content p,
.aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content p,
.aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content p {
font-size: 12px;
line-height: 18px;
margin-bottom: 19px;
}
}
.tt-symptom .symptom-link-container .symptom-link {
background-color: #f4f4f4;
border-bottom: 1px solid #d9d9d9;
}
.tt-symptom .symptom-link-container .symptom-link .symptom-title h4 {
font-size: 15px;
line-height: 58px;
}
@media all and (min-width: 768px) {
.tt-symptom .symptom-link-container.selected .symptom-link,
.tt-symptom .symptom-link-container.default-selected .symptom-link {
background-color: #1b3c4f;
}
.tt-symptom .symptom-link-container.selected .symptom-link:after,
.tt-symptom .symptom-link-container.default-selected .symptom-link:after {
border-left-color: #1b3c4f;
}
.tt-symptom .symptom-link-container.selected .symptom-link .symptom-title h4,
.tt-symptom .symptom-link-container.default-selected .symptom-link .symptom-title h4 {
color: #ffffff;
}
}
#verticalLineContainer .vertical-line {
background-color: #1b3c4f;
}
.where-to-buy-base .where-buy-tab-row {
background-color: #ffffff;
border: 1px solid #c2c2c2;
}
.where-to-buy-base .where-to-buy-search-filter-holder {
background-color: #e6e6e6;
}
.where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter + span {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
.where-to-buy-base .where-to-buy-search-results-corp .dealer-name {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
.where-to-buy-base .where-to-buy-search-results-corp h2 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
}
.where-to-buy-base .where-to-buy-search-results-corp table {
border-color: #c2c2c2;
}
.where-to-buy-base .where-to-buy-search-results-corp table td.dealer-distance {
color: #1b3c4f;
}
.where-to-buy-base .where-to-buy-search-results-corp table tr {
border-color: #c2c2c2;
}
@media all and (max-width: 1024px) {
.where-to-buy-base {
background-color: #ffffff;
}
.where-to-buy-base .where-to-buy-search-corp .where-to-buy-search-corp-container {
background-color: #e6e6e6;
padding: 15px;
}
.where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container {
border-top: 1px solid #c2c2c2;
}
.where-to-buy-base .where-to-buy-search-filter-corp-container.show-filters {
background-color: #ffffff;
}
}
.where-to-buy-base .where-to-buy-distributors-cta-holder {
background-color: #e6e6e6;
}
.where-to-buy-link {
background: #e6e6e6;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2,
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 {
padding-bottom: 8px;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2 {
color: #1b3c4f;
font-size: 36px;
text-shadow: none !important;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 {
color: #1b3c4f;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
text-shadow: none !important;
}
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-postal-code {
border: 1px solid #1b3c4f;
color: #808080;
}
@media all and (max-width: 767px) {
.where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit:after {
margin: 0;
}
}
.where-to-buy-redirect .where-to-buy-redirect-close .fa {
font-size: 150%;
}
.where-to-buy-redirect .where-to-buy-redirect-postal-code {
color: #808080;
}
@media all and (max-width: 767px) {
.where-to-buy-redirect .where-to-buy-redirect-submit:after {
margin: 0;
}
}
.where-to-buy-search-filter .where-to-buy-search-filter-category {
border-bottom-color: #e6e6e6;
margin-bottom: 13px;
padding-bottom: 9px;
/**
* The styles below require the following HTML format for radio buttons:
*
*
*
*
*
* and the following for checkboxes:
*
*
*
*
*/
}
.where-to-buy-search-filter .where-to-buy-search-filter-category h5 {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-style: italic;
font-size: 12px;
letter-spacing: 0;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category label {
color: #808080;
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
font-size: 14px;
letter-spacing: 0;
line-height: 19px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=checkbox]:not(old),
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=radio]:not(old) {
font-size: 1em;
height: 30px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 2em;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label,
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=radio]:not(old) + label {
display: inline-block;
line-height: 1.9em;
padding: 0 0 0 2em;
position: relative;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span,
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span {
background: #EEE;
border: 2px solid #CCC;
display: inline-block;
height: 1.25em;
left: 0;
margin: 0.25em 0.75em 0.25em 0.25em;
position: absolute;
vertical-align: bottom;
width: 1.25em;
z-index: 10;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before {
color: #333;
content: '✓';
display: block;
font-size: 1.25em;
font-weight: bold;
line-height: 1em;
margin: -0.1em 0 0 -0.1em;
text-align: center;
width: 1em;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span {
background: #333;
border: 0;
display: block;
height: 0.75em;
margin: 0.125em;
width: 0.75em;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span,
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span {
background: #e6e6e6;
border: 2px solid #c2c2c2;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before {
color: #1b3c4f;
}
.where-to-buy-search-filter .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span {
background: #1b3c4f;
height: 14px;
margin: 1px;
width: 14px;
}
.where-to-buy-search-results .where-to-buy-search-results-headline {
font-size: 36px;
line-height: 1.2;
padding-bottom: 30px;
}
.where-to-buy-search-results table {
border-top-color: #e6e6e6;
font-size: 12px;
}
.where-to-buy-search-results table tr {
border-bottom-color: #e6e6e6;
}
.where-to-buy-search-results table td {
font-size: 14px;
}
.where-to-buy-search-results table td:last-child .button-main.button-arrow {
padding-left: 25px;
padding-right: 41px;
}
.where-to-buy-search-results .button-main.button-arrow {
white-space: nowrap;
}
.where-to-buy-search-results .dealer-name {
font-style: normal;
font-weight: normal;
font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
letter-spacing: 0;
line-height: 21px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.where-to-buy-search-results .dealer-name:hover {
color: #1b3c4f;
}
.where-to-buy-search-results .dealer-phone,
.where-to-buy-search-results .dealer-website {
display: block;
white-space: nowrap;
}
.where-to-buy-search-results .dealer-phone:before,
.where-to-buy-search-results .dealer-website:before {
font-size: 18px;
}
.where-to-buy-search-results .dealer-distance {
color: #1b3c4f;
font-size: 14px;
}
@media all and (max-width: 1024px) {
.where-to-buy-search-results .where-to-buy-search-results-headline {
font-size: 27px;
}
.where-to-buy-search-results .dealer-phone {
display: none;
}
}
@media all and (max-width: 767px) {
.where-to-buy-search-results .where-to-buy-search-results-headline {
font-size: 23px;
}
.where-to-buy-search-results .dealer-phone:before,
.where-to-buy-search-results .dealer-website:before {
font-size: 14px;
}
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h1,
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5 {
color: #1b3c4f;
padding-bottom: 8px;
text-transform: none;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h1 {
font-size: 36px;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5 {
font-size: 16px;
letter-spacing: 0;
}
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal-code {
border: 1px solid #1b3c4f;
color: #808080;
}
@media all and (max-width: 767px) {
.where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit:after {
margin: 0;
}
}
.where-to-buy-search > :not(.has-bg) {
background-color: #e6e6e6;
}
.where-to-buy-campaign-base .where-to-buy-search-base,
.where-to-buy-search-base {
background: #e6e6e6;
}
.where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-submit,
.where-to-buy-search-base .where-to-buy-search-submit {
margin: 0;
padding: 8px 40px;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox span,
.where-to-buy-search-base .custom-checkbox span {
background: #ffffff;
border: 1px solid #c2c2c2;
}
.where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox input:checked + span span,
.where-to-buy-search-base .custom-checkbox input:checked + span span {
background: #1b3c4f;
}
.container .driv-container {
background-position: center;
background-size: cover;
}
.container .driv-container.disable-padding-bottom {
padding-bottom: 0;
}
.container .driv-container.disable-padding-top {
padding-top: 0;
}
.container .driv-container.disable-padding-right .driv-container__content {
padding-right: 0;
}
.container .driv-container.disable-padding-left .driv-container__content {
padding-left: 0;
}
.container .driv-container.has-bg-overlay:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
opacity: 0.4;
}
.container .driv-container.has-bg-overlay:hover:before {
background: #000000;
opacity: 0.4;
}
.container .driv-container.has-bg-overlay > * {
position: relative;
/* Added to make sure all content is displayed above this bg overlay */
}
.container .driv-container.has-bg-overlay .container__content--rte p {
color: #fff;
}
.container .driv-container__content--rte {
padding: 50px;
}
.container .driv-container__content--ctas {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.container .driv-container__content--ctas .button-main {
margin: 20px;
}
@media all and (min-width: 768px) {
.container .driv-container__content--ctas .button-main {
margin: 50px;
}
}
.social-outreach-background .modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.social-outreach-background .modal-overlay.show-modal {
display: block;
}
.social-outreach-background .modal-container {
-webkit-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: justify;
border: 2px solid;
width: 40%;
min-height: 170px;
}
.social-outreach-background .modal-header {
display: flex;
justify-content: space-between;
padding: 5px 10px;
border-bottom: 2px solid;
align-items: center;
}
.social-outreach-background .modal-header .modal-title {
text-align: center;
width: 100%;
color: white;
}
.social-outreach-background .modal-header a {
cursor: pointer;
}
.social-outreach-background .modal-header a .fa-close {
color: white;
}
.social-outreach-background .modal-content {
padding: 15px;
}
.social-outreach-background .modal-content .modal-action {
display: flex;
justify-content: center;
}
.social-outreach-background .modal-content .modal-action input[type=button] {
width: auto;
}
.social-outreach-background .social-outreach-terms {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding-top: 10px;
}
.social-outreach-background .social-outreach-terms .terms-input {
width: 18px;
height: 18px;
margin: 0 10px 0 0;
}
.social-outreach-background .social-outreach-terms .terms-label {
text-align: left;
line-height: 18px;
}
@media all and (max-width: 1024px) {
.social-outreach-background .modal-container {
left: 0;
top: 15%;
width: 80%;
transform: translate(12.5%, 0%);
}
.social-outreach-background .modal-content .button {
display: block;
margin: 10px 0;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.social-outreach-background .modal-container {
width: 60%;
}
}
.social-outreach-newsletter-form {
display: inline-block;
}
.social-outreach-newsletter-form .email-input {
width: 100%;
margin: 0;
margin-bottom: 12px;
border: 1px solid transparent;
}
.social-outreach-newsletter-form .email-input.ng-invalid {
border-color: #ee1b2e;
}
.social-outreach-newsletter-form button {
height: auto !important;
}
.social-outreach-newsletter-form button.button-disabled,
.social-outreach-newsletter-form button:disabled,
.social-outreach-newsletter-form button[disabled] {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.social-outreach-newsletter-form .error-captcha {
display: none;
margin-top: 6px;
color: #ee1b2e;
font-size: 0.8em;
text-align: left;
text-transform: initial;
}
.social-outreach-newsletter-form .error-email {
padding-left: 6px;
text-align: left;
color: #ee1b2e;
font-size: 0.8em;
}
.social-outreach-newsletter-form .error-captcha.show {
display: block;
}
.social-outreach-newsletter-form .terms-input {
height: 18px !important;
margin-right: 10px !important;
}
.social-outreach-newsletter-form .socialOutreachForm__actions {
display: flex;
margin-top: 10px;
}