html, body, button, select, option, input, textarea {
font-weight: normal
}
.wf-roboto-n4-active html, .wf-roboto-n4-active body, .wf-roboto-n4-active button, .wf-roboto-n4-active select, .wf-roboto-n4-active option, .wf-roboto-n4-active input, .wf-roboto-n4-active textarea {
text-rendering: optimizeLegibility
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #c94c08
}
strong {
font-weight: bold
}
h1, .title-desc-cta h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 48px !important;
font-size: 3rem !important;
line-height: 1.04167em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.wf-robotocondensed-n7-active h1, .wf-robotocondensed-n7-active .title-desc-cta h2 {
text-rendering: optimizeLegibility
}
[lang=nl-NL] h1, [lang=fi-FI] h1, [lang=de-DE] h1, [lang=nl-NL] .title-desc-cta h2, [lang=fi-FI] .title-desc-cta h2, [lang=de-DE] .title-desc-cta h2 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word
}
h2 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .015em;
margin-bottom: 12px;
margin-bottom: .75rem;
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.38462em !important
}
.wf-robotocondensed-n4-active h2 {
text-rendering: optimizeLegibility
}
h3 {
font-weight: normal;
margin-bottom: 12px;
margin-bottom: .75rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
text-transform: uppercase;
letter-spacing: .015em
}
.wf-robotocondensed-n7-active h3 {
font-weight: 700;
text-rendering: optimizeLegibility
}
h4 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin-bottom: 6px;
margin-bottom: .375rem
}
* + h4 {
margin-top: 36px;
margin-top: 2.25rem
}
.s {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.5em !important
}
.m {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.l {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important
}
.xl {
font-size: 48px !important;
font-size: 3rem !important;
line-height: 1em !important
}
.xxl {
font-size: 60px !important;
font-size: 3.75rem !important;
line-height: 1.2em !important
}
.xxxl {
font-size: 72px !important;
font-size: 4.5rem !important;
line-height: 1.33333em !important
}
.intro {
font-size: 25px !important;
font-size: 1.5625rem !important;
line-height: 1.44em !important
}
.wf-roboto-n3-active .intro {
text-rendering: optimizeLegibility;
font-weight: 300
}
.form-ppc-wrapper .intro {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.33333em !important
}
.wf-roboto-n3-active .form-ppc-wrapper .intro {
text-rendering: optimizeLegibility;
font-weight: 200
}
.form-ppc-wrapper .intro strong {
font-weight: normal
}
.newsletter-issue-header .newsletter-issue-title {
text-transform: uppercase
}
.wf-robotocondensed-n7-active .newsletter-issue-header .newsletter-issue-title {
text-rendering: optimizeLegibility;
font-weight: bold
}
.newsletter-issue-header .newsletter-issue-category {
text-transform: none !important
}
.wf-robotocondensed-n3-active .newsletter-issue-header .newsletter-issue-category {
text-rendering: optimizeLegibility;
font-weight: 300
}
.newsletter-issue-header .newsletter-issue-no {
text-transform: none !important
}
.wf-robotocondensed-n3-active .newsletter-issue-header .newsletter-issue-no {
text-rendering: optimizeLegibility;
font-weight: 300
}
.page-header:after {
content: ' ';
display: block;
clear: both;
width: 80px;
margin-top: 24px;
margin-top: 1.5rem;
border-bottom: 2px solid #363636
}
.html-website-down .page-header:after, .center .page-header:after {
margin-left: auto;
margin-right: auto
}
.html-serp .page-header:after, .product-recalls-record .page-header:after {
content: none
}
.small-note, small {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.14286em !important
}
blockquote {
max-width: 25em;
margin: 0 auto;
text-align: center;
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.36364em !important;
padding-top: 48px;
padding-top: 3rem;
margin-bottom: 48px;
margin-bottom: 3rem
}
blockquote:before, blockquote:after {
display: block;
color: #c94c08;
margin: 0 auto;
font-size: 120px !important;
font-size: 7.5rem !important;
line-height: 1em !important
}
blockquote:before {
content: '“';
font-size: 120px !important;
font-size: 7.5rem !important;
line-height: .2em !important
}
blockquote:after {
content: '”';
margin-top: 24px;
margin-top: 1.5rem;
height: 48px;
height: 3rem
}
blockquote footer {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
color: #ccc
}
blockquote footer img {
display: block;
width: 100px !important;
width: 6.25rem !important;
padding: 0px 0px 24px;
padding: 0rem 0rem 1.5rem;
margin: 0 auto
}
.wf-robotocondensed-n3-active blockquote {
text-rendering: optimizeLegibility;
font-weight: 300
}
q {
font-style: italic
}
figcaption {
display: block;
font-style: italic;
text-align: center;
color: #464646;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.5em !important;
padding: 12px 24px;
padding: .75rem 1.5rem;
margin: 0 auto;
margin-bottom: 24px;
margin-bottom: 1.5rem;
max-width: 30em
}
figcaption a {
color: #c94c08
}
header h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2em !important;
margin: 0px;
margin: 0rem
}
.wf-robotocondensed-n4-active header h3 {
text-rendering: optimizeLegibility
}
.field header h3 {
font-weight: bold;
text-transform: none;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin-bottom: 6px;
margin-bottom: .375rem
}
.serp-filters header h3 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.section-header > h3, .section-header header h3, .related-training-sessions > h3, .related-training-sessions header h3, .related-downloads > h3, .related-downloads header h3, .related-downloads-alt-language > h3, .related-downloads-alt-language header h3, .related-links > h3, .related-links header h3, .related-news > h3, .related-news header h3, .related-news-events > h3, .related-news-events header h3, .framed-teaser > h3, .framed-teaser header h3, .whitepaper-downloads > h3, .whitepaper-downloads header h3, .featured-numbers > h3, .featured-numbers header h3, .related-contacts > h3, .related-contacts header h3 {
font-weight: bold;
text-transform: uppercase;
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.wf-robotocondensed-n7-active .section-header > h3, .wf-robotocondensed-n7-active .section-header header h3, .wf-robotocondensed-n7-active .related-training-sessions > h3, .wf-robotocondensed-n7-active .related-training-sessions header h3, .wf-robotocondensed-n7-active .related-downloads > h3, .wf-robotocondensed-n7-active .related-downloads header h3, .wf-robotocondensed-n7-active .related-downloads-alt-language > h3, .wf-robotocondensed-n7-active .related-downloads-alt-language header h3, .wf-robotocondensed-n7-active .related-links > h3, .wf-robotocondensed-n7-active .related-links header h3, .wf-robotocondensed-n7-active .related-news > h3, .wf-robotocondensed-n7-active .related-news header h3, .wf-robotocondensed-n7-active .related-news-events > h3, .wf-robotocondensed-n7-active .related-news-events header h3, .wf-robotocondensed-n7-active .framed-teaser > h3, .wf-robotocondensed-n7-active .framed-teaser header h3, .wf-robotocondensed-n7-active .whitepaper-downloads > h3, .wf-robotocondensed-n7-active .whitepaper-downloads header h3, .wf-robotocondensed-n7-active .featured-numbers > h3, .wf-robotocondensed-n7-active .featured-numbers header h3, .wf-robotocondensed-n7-active .related-contacts > h3, .wf-robotocondensed-n7-active .related-contacts header h3 {
text-rendering: optimizeLegibility
}
.accordion .accordion-header h2 {
font-weight: bold;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.list-person-details dd, .tile-content .list-person-details dt {
font-weight: normal;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
.wf-robotocondensed-n4-active .list-person-details dd, .wf-robotocondensed-n4-active .tile-content .list-person-details dt {
text-rendering: optimizeLegibility
}
.card-person .person-department dd {
letter-spacing: .05em;
font-weight: bold
}
.wf-robotocondensed-n7-active .card-person .person-department dd {
text-rendering: optimizeLegibility
}
.people-ceo h2 {
font-weight: bold;
font-size: 42px !important;
font-size: 2.625rem !important;
line-height: 1em !important;
margin-bottom: 0 !important
}
.people-ceo .list-person-details {
color: #fff
}
.people-ceo .list-person-details .person-position {
padding-bottom: 22px !important;
padding-bottom: 1.375rem !important
}
.people-ceo .list-person-details .person-position dd {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.875em !important;
text-transform: uppercase
}
.people-ceo .list-person-details .person-nationality dd, .people-ceo .list-person-details .person-dob dd {
font-size: 100% !important
}
.card .card-content h1, .card .card-content h2, .card .card-content h3, .card .card-content h4 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important
}
.wf-robotocondensed-n4-active .card .card-content h1, .wf-robotocondensed-n4-active .card .card-content h2, .wf-robotocondensed-n4-active .card .card-content h3, .wf-robotocondensed-n4-active .card .card-content h4 {
text-rendering: optimizeLegibility
}
.card .card-content .start-date {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 3em !important;
height: 60px;
height: 3.75rem
}
.card .card-content .start-date .date-day {
font-size: 40px !important;
font-size: 2.5rem !important;
line-height: 1.625em !important;
width: 60px;
height: 60px
}
.wf-robotocondensed-n4-active .card .card-content .start-date .date-day {
text-rendering: optimizeLegibility
}
.stripe .stripe-content h3 {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.14286em !important;
text-transform: none
}
.wf-robotocondensed-n3-active .stripe .stripe-content h3 {
font-weight: 300;
text-rendering: optimizeLegibility
}
.footer .connect-with-us h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.38462em !important;
margin-bottom: 36px;
margin-bottom: 2.25rem
}
fieldset legend {
font-weight: bold;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important;
text-transform: uppercase;
letter-spacing: 0.015em
}
.wf-robotocondensed-n7-active fieldset legend {
font-weight: 700;
text-rendering: optimizeLegibility
}
.page-header-category {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 2em !important;
text-transform: uppercase;
font-weight: normal
}
.wf-robotocondensed-n4-active .page-header-category {
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 600px) {
.page-header-category {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 2em !important
}
}
.list-custom-report-steps li:before {
width: 46px;
height: 46px;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 2.3em !important
}
.sustainability-materiality-process-steps > ol > li:before {
font-size: 144px !important;
font-size: 9rem !important;
line-height: 1em !important
}
.link-close {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 2em !important;
padding: 4px 24px;
padding: .25rem 1.5rem
}
.tabs-nav a {
text-transform: uppercase;
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.63636em !important;
padding: 8px 16px;
padding: .5rem 1rem
}
.wf-robotocondensed-n4-active .tabs-nav a {
text-rendering: optimizeLegibility
}
.tabs-theme-v1 .tabs-nav a {
text-transform: uppercase;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2.57143em !important;
padding: 8px 16px;
padding: .5rem 1rem
}
.wf-robotocondensed-n4-active .tabs-theme-v1 .tabs-nav a {
text-rendering: optimizeLegibility
}
.tabs-theme-v4 .tabs-nav a {
text-transform: uppercase;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.8em !important
}
.wf-robotocondensed-n4-active .tabs-theme-v4 .tabs-nav a {
text-rendering: optimizeLegibility
}
.tabs-theme-v5 .tabs-nav a, .tabs-theme-v5b .tabs-nav a {
text-transform: uppercase;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.5em !important;
padding: 8px 16px;
padding: .5rem 1rem
}
.wf-robotocondensed-n4-active .tabs-theme-v5 .tabs-nav a, .wf-robotocondensed-n4-active .tabs-theme-v5b .tabs-nav a {
text-rendering: optimizeLegibility
}
.list-serp h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.4em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.bc-snippet-textual-teaser .snippet-header header h3, .bc-snippet-solution .snippet-header header h3 {
text-transform: uppercase;
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.33333em !important;
padding-bottom: 40px;
padding-bottom: 2.5rem
}
.bc-snippet-textual-teaser .snippet-header h2, .bc-snippet-solution .snippet-header h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.33333em !important
}
.bc-snippet-textual-teaser .snippet-content, .bc-snippet-solution .snippet-content {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.33333em !important
}
.wf-robotocondensed-n4-active .bc-snippet-textual-teaser .snippet-content, .wf-robotocondensed-n4-active .bc-snippet-solution .snippet-content {
text-rendering: optimizeLegibility
}
.bc-snippet-academy-enhancement h3 {
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.33333em !important
}
.l-0 > .e-p a, .l-0 > a {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important
}
.wf-robotocondensed-n4-active .l-0 > .e-p a, .wf-robotocondensed-n4-active .l-0 > a {
text-rendering: optimizeLegibility
}
@media only screen and (max-width: 600px) {
h1, .title-desc-cta h2 {
text-transform: uppercase;
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.16667em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2em !important
}
.intro {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.card .card-content h1, .card .card-content h2, .card .card-content h3, .card .card-content h4 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.related-contacts header h3, .related-downloads header h3, .related-links header h3, .related-news header h3, .related-news-events header h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.list-serp h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.search-query-type {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.125em !important
}
.search-suggestion, .search-suggestion .search-query-type {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.125em !important
}
.link-close {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 2.5em !important
}
.bc-snippet-textual-teaser h2, .bc-snippet-solution h2 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.bc-snippet-textual-teaser .snippet-content, .bc-snippet-solution .snippet-content {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.wf-robotocondensed-n4-active .bc-snippet-textual-teaser .snippet-content, .wf-robotocondensed-n4-active .bc-snippet-solution .snippet-content {
text-rendering: optimizeLegibility
}
.bc-snippet-academy-enhancement h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
}
@media only screen and (min-width: 600px) {
.button-S {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.66667em !important;
min-height: 24px;
min-height: 1.5rem;
padding: 0px 6px;
padding: 0rem .375rem
}
}
@media only screen and (min-width: 1200px) {
.pullquote {
width: 50%
}
.pullquote:before {
content: none !important
}
.pullquote:after {
content: none !important;
margin-top: 1px;
margin-top: .0625rem
}
.pullquote-left {
float: left;
text-align: left;
margin: 0px 48px 48px 0px;
margin: 0rem 3rem 3rem 0rem
}
.pullquote-left:after {
float: left
}
.pullquote-right {
float: right;
text-align: left;
margin: 0px 0px 48px 48px;
margin: 0rem 0rem 3rem 3rem
}
.pullquote-right:after {
float: left
}
.card-horizontal .card-content h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2em !important
}
.list-steps li:before {
width: 60px;
height: 60px;
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.66667em !important
}
}
.swatch {
padding: 48px;
padding: 3rem
}
.swatch p {
line-height: 1.2em;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.roboto-n3 {
font-weight: 300
}
.roboto-n4 {
font-weight: normal
}
.roboto-n7 {
font-weight: bold
}
.robotocondensed-n3 {
font-weight: 300
}
.robotocondensed-n4 {
font-weight: normal
}
.robotocondensed-n7 {
font-weight: bold
}
.download-item-fancy h3 {
font-weight: bold;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
margin-bottom: 12px;
margin-bottom: .75rem;
max-height: 72px;
overflow: hidden
}
@media only screen and (min-width: 750px) {
.download-item-fancy h3 {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.33333em !important;
max-height: 84px
}
.wf-robotocondensed-n3-active .download-item-fancy h3 {
font-weight: 300;
text-rendering: optimizeLegibility
}
}
@media only screen and (min-width: 1200px) {
.download-item-fancy h3 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.3em !important;
max-height: 78px
}
}
.download-item-regular h3, .download-item-regular .metadata {
font-weight: bold;
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.52381em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.wf-roboto-n3-active .download-item-regular h3, .wf-roboto-n3-active .download-item-regular .metadata {
text-rendering: optimizeLegibility;
font-weight: 300
}
.download-item-regular .metadata {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2.28571em !important
}
.featured-entity .event-type {
font-size: 11px !important;
font-size: .6875rem !important;
line-height: 1em !important;
text-transform: uppercase
}
.featured-entity .date-inner {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.3125em !important
}
.wf-roboto-n4-active .featured-entity .date-inner {
text-rendering: optimizeLegibility
}
.featured-entity .date-day {
font-size: 52px !important;
font-size: 3.25rem !important;
line-height: .80769em !important;
color: #c94c08
}
.wf-robotocondensed-n7-active .featured-entity .date-day {
font-size: 42px !important;
font-size: 2.625rem !important;
line-height: .85714em !important;
font-weight: 700;
text-rendering: optimizeLegibility
}
.wf-robotocondensed-n4-active .featured-entity.featured-entity-event .date-day {
font-size: 42px !important;
font-size: 2.625rem !important;
line-height: .88095em !important
}
.list-ppc-boxes-expertize li .inner h4 {
text-transform: none;
font-weight: normal;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important
}
.wf-robotocondensed-n4-active .list-ppc-boxes-expertize li .inner h4 {
text-rendering: optimizeLegibility
}
.list-ppc-boxes-expertize li .inner p {
font-weight: 300;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
.wf-robotocondensed-n3-active .list-ppc-boxes-expertize li .inner p {
text-rendering: optimizeLegibility
}
.event-summary-about p {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.5em !important;
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.wf-roboto-n3-active .event-summary-about p {
text-rendering: optimizeLegibility;
font-weight: 300
}
.more-link a {
color: #c94c08;
text-decoration: underline
}
.more-link a:hover {
color: #000;
text-decoration: none
}
.table-wrapper-terms-and-conditions a.button.button-S, .table-wrapper-terms-and-conditions a.button.button-S:visited {
color: #000;
background: #fff;
border: 2px solid #000;
text-decoration: none
}
.table-wrapper-terms-and-conditions a.button.button-S:hover, .table-wrapper-terms-and-conditions a.button.button-S:hover:focus, .table-wrapper-terms-and-conditions a.button.button-S:active, .table-wrapper-terms-and-conditions a.button.button-S:active:focus, .table-wrapper-terms-and-conditions a.button.button-S:visited:hover, .table-wrapper-terms-and-conditions a.button.button-S:visited:hover:focus, .table-wrapper-terms-and-conditions a.button.button-S:visited:active, .table-wrapper-terms-and-conditions a.button.button-S:visited:active:focus {
color: #fff !important;
background: #f60;
border-color: #f60;
text-decoration: none !important
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
html {
color: #000;
background: #d5d5d5
}
a img, img {
border: 0;
max-width: 100%
}
figure img {
display: block
}
a {
color: #000;
text-decoration: none
}
a:hover {
color: #c94c08
}
a img {
border: 0
}
.tenvideo_player > embed {
width: 100%
}
.pipe {
padding: 0 .5em;
color: #d5d5d5
}
.hidden {
display: none
}
.fullhide {
display: none !important
}
.center {
text-align: center
}
.orange {
color: #c94c08
}
.link-external:after {
content: ' ↗\FE0E'
}
.link-back-to-top:after {
content: ' ↑\FE0E'
}
.link-rss:before {
content: '';
display: inline-block;
width: 24px;
height: 16px;
margin-right: .5em;
background: url(i/icons/rss.png) no-repeat 50% 50%
}
.a11y {
position: absolute;
left: -9999px;
overflow: hidden
}
.longdesc {
display: none
}
@media only screen and (min-width: 750px) {
.longdesc {
display: inline
}
}
.html-website-down {
background: #fff;
text-align: center
}
.html-website-down .body-content {
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%)
}
.html-website-down .logo-center {
padding: 24px 0px;
padding: 1.5rem 0rem
}
.html-website-down .logo-center img {
width: auto !important;
margin: 0 auto
}
iframe {
border: 0
}
.html-iframe {
background: #fff
}
.wrapper-media iframe, .wrapper-media video, .wrapper-media .video {
width: 100%;
height: 100%;
border: 0
}
.wrapper-scalable {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background: #f2f2f2
}
.wrapper-scalable.wrapper-map .map, .wrapper-scalable.wrapper-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.wrapper-scalable.wrapper-video iframe, .wrapper-scalable.wrapper-video .video, .wrapper-scalable.wrapper-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.wrapper-scalable.wrapper-iframe iframe {
position: absolute;
top: 0;
left: 0
}
.wrapper-scalable.wrapper-stocks {
padding-bottom: 400%
}
.wrapper-iframe {
margin-left: 24px;
margin-left: 1.5rem;
background-color: #fff;
width: auto
}
.body-copy > .wrapper-media > .wrapper-iframe {
margin: 0px -24px;
margin: 0rem -1.5rem;
margin-left: auto
}
.body-copy > .wrapper-media > .wrapper-iframe.iframeLeft {
margin-left: -24px;
margin-left: -1.5rem
}
@media only screen and (min-width: 1200px) {
.wrapper-iframe {
margin-left: 80px;
margin-left: 5rem
}
.body-copy > .wrapper-media > .wrapper-iframe {
margin: 0px -80px;
margin: 0rem -5rem;
margin-left: auto
}
.iframeLeft {
margin-left: -80px !important;
margin-left: -5rem !important
}
}
.job-opportunities-filter.is-loading {
position: relative
}
.job-opportunities-filter.is-loading > * {
cursor: none;
pointer-events: none;
opacity: .25
}
.job-opportunities-filter.is-loading:before {
content: "";
background: url(i/spinner.svg) no-repeat 50% 50%;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
width: 48px;
width: 3rem;
height: 48px;
height: 3rem;
margin: -16px 0px 0px -16px;
margin: -1rem 0rem 0rem -1rem;
z-index: 2;
opacity: 1;
animation: rotation 1.25s infinite ease-in-out
}
@keyframes rotation {
from {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
#newsletter-safeguards-results .filtered-results-header {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
#newsletter-safeguards-results .filtered-results-header:after {
content: '';
display: table;
clear: both
}
#newsletter-safeguards-results .filtered-results-header h3 {
padding-right: 16px;
padding-right: 1rem;
margin: 0;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important;
font-weight: bold;
text-transform: uppercase
}
@media only screen and (min-width: 1200px) {
#serp-search-results .mobile-toggler, #search-filters .mobile-toggler {
position: absolute;
left: -9999px;
overflow: hidden
}
}
#serp-search-results .mobile-toggler a, #search-filters .mobile-toggler a {
display: block;
color: #000;
background: #e4e4e4;
line-height: 36px;
line-height: 2.25rem;
padding: 6px 24px;
padding: .375rem 1.5rem
}
#serp-search-results .mobile-toggler a:hover, #search-filters .mobile-toggler a:hover {
color: #fff;
background: #c94c08
}
.main-nav {
float: left;
width: 100%;
z-index: 100
}
.html-js .main-nav {
overflow: hidden;
background: url(i/nav-item-placeholder.png) no-repeat -9999px -9999px
}
@media only screen and (max-width: 1199px) {
#main-nav {
position: fixed;
z-index: -1;
left: -100%;
top: 0;
max-width: 100%;
width: 100vw;
min-height: 100%;
min-height: 100vh;
background: rgba(0, 0, 0, 0.66)
}
#main-nav:target, #main-nav.visible {
left: 0 !important;
width: 100%
}
}
@media only screen and (max-width: 1199px) and (min-width: 600px) {
#main-nav {
padding-left: 33%;
background-image: -webkit-linear-gradient(left, transparent 0, transparent 33%, #363636 33%, #363636 100%);
background-image: -moz-linear-gradient(left, transparent 0, transparent 33%, #363636 33%, #363636 100%);
background-image: -ms-linear-gradient(left, transparent 0, transparent 33%, #363636 33%, #363636 100%);
background-image: -o-linear-gradient(left, transparent 0, transparent 33%, #363636 33%, #363636 100%);
background-image: linear-gradient(left, transparent 0, transparent 33%, #363636 33%, #363636 100%)
}
}
@media only screen and (max-width: 1199px) and (min-width: 750px) {
#main-nav {
padding-left: 50%;
background-image: -webkit-linear-gradient(left, transparent 0, transparent 50%, #363636 50%, #363636 100%);
background-image: -moz-linear-gradient(left, transparent 0, transparent 50%, #363636 50%, #363636 100%);
background-image: -ms-linear-gradient(left, transparent 0, transparent 50%, #363636 50%, #363636 100%);
background-image: -o-linear-gradient(left, transparent 0, transparent 50%, #363636 50%, #363636 100%);
background-image: linear-gradient(left, transparent 0, transparent 50%, #363636 50%, #363636 100%)
}
}
@media only screen and (max-width: 1199px) {
.mn-wrapper {
padding-top: 12px !important;
padding-top: .75rem !important
}
}
.mn-wrapper {
width: 100%;
position: relative;
padding-top: 36px;
padding-top: 2.25rem;
padding-top: 60px;
padding-top: 3.75rem;
left: 0;
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease;
background: #363636
}
.mn-wrapper li {
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease
}
.mn-wrapper .l-0 {
border-bottom: 1px solid #242424
}
.mn-wrapper a.exp:after, .mn-wrapper a.bck:after {
position: absolute;
display: block;
width: 0 !important;
height: 0 !important;
text-indent: -9999px;
overflow: hidden;
border: 6px solid #fff
}
.mn-wrapper .up {
position: relative
}
.mn-wrapper .up a {
margin-left: 48px !important;
margin-left: 3rem !important;
padding-left: 24px !important;
padding-left: 1.5rem !important
}
.mn-wrapper .up a.bck:after {
content: '◀\FE0E';
top: 18px;
left: 14px;
border-color: transparent #fff transparent transparent !important
}
.mn-wrapper .up.u-w a.bck {
position: absolute;
top: 0;
left: -48px;
bottom: 0;
width: 48px;
padding: 0 !important;
text-indent: -9999px;
overflow: hidden
}
.mn-wrapper .up.u-p a.bck {
width: 100%;
padding: 12px 16px 12px 72px !important;
padding: .75rem 1rem .75rem 4.5rem !important;
margin: 0 !important
}
.mn-wrapper .up:after {
content: ' ';
position: absolute;
left: 72px;
bottom: 0;
display: block;
width: 36px;
height: 0;
border-bottom: 1px solid #fff
}
.mn-wrapper a {
display: block;
color: #fff !important;
padding: 12px 16px 12px 48px;
padding: .75rem 1rem .75rem 3rem;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
[lang=fi-FI] .mn-wrapper a, [lang=de-DE] .mn-wrapper a {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word
}
.mn-wrapper a:hover {
background: #c94c08 !important
}
.mn-wrapper .l-1 a {
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.6em !important
}
.mn-wrapper .e-w, .mn-wrapper .e-p {
position: relative;
display: block;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.mn-wrapper .e-w:hover, .mn-wrapper .up:hover {
background: #363636
}
.mn-wrapper .e-w a:first-child {
margin-right: 48px;
margin-right: 3rem;
padding-right: 24px;
padding-right: 1.5rem
}
.mn-wrapper .e-w a.exp {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 48px;
padding: 0;
text-indent: -9999px;
overflow: hidden
}
.mn-wrapper .e-p a:first-child {
padding-right: 72px;
padding-right: 4.5rem
}
.mn-wrapper .ancestor > span a, .mn-wrapper .current > span a, .mn-wrapper .current > a {
color: #c94c08 !important
}
.mn-wrapper .ancestor > span a:hover, .mn-wrapper .current > span a:hover, .mn-wrapper .current > a:hover {
color: #fff !important
}
.nav-accordion-slide .mn-wrapper {
left: 0 !important
}
.nav-accordion-slide ol ol {
position: absolute;
top: 0;
left: 100%;
display: none;
width: 100%
}
.nav-accordion-slide .l-0 {
height: auto;
overflow: hidden;
background: #111;
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
transition: height 0.3s ease
}
.nav-accordion-slide .l-0.dont-animate {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none
}
.nav-accordion-slide .l-0 > ol {
position: relative;
left: 0
}
.nav-accordion-slide li.nav-open > ol {
display: block
}
.nav-accordion-slide .l-0 > .e-p, .nav-accordion-slide .l-0 > a:first-child {
background: #363636
}
.nav-accordion-slide .l-0 > ol > .up {
display: none
}
.nav-accordion-slide .l-0.hc.nav-open {
position: relative
}
.nav-accordion-slide .l-0 ol {
background: #111 !important
}
.nav-accordion-slide .l-0 > ol {
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease
}
.nav-accordion-slide .depth-1 .l-0.hc.nav-open > ol {
left: 0
}
.nav-accordion-slide .depth-2 .l-0.hc.nav-open > ol {
left: -100%
}
.nav-accordion-slide .depth-3 .l-0.hc.nav-open > ol {
left: -200%
}
.nav-accordion-slide .depth-4 .l-0.hc.nav-open > ol {
left: -300%
}
.nav-accordion-slide .depth-5 .l-0.hc.nav-open > ol {
left: -400%
}
.nav-accordion-slide .depth-6 .l-0.hc.nav-open > ol {
left: -500%
}
.nav-accordion-slide .depth-7 .l-0.hc.nav-open > ol {
left: -600%
}
.nav-accordion-slide .depth-8 .l-0.hc.nav-open > ol {
left: -700%
}
.nav-accordion-slide .depth-9 .l-0.hc.nav-open > ol {
left: -800%
}
.nav-accordion-slide .depth-10 .l-0.hc.nav-open > ol {
left: -900%
}
.nav-accordion-slide .depth-11 .l-0.hc.nav-open > ol {
left: -1000%
}
.nav-accordion-slide .l-1 > a, .nav-accordion-slide .l-1 li > a, .nav-accordion-slide .l-1 .e-p a.exp, .nav-accordion-slide .l-1 .e-w a:first-child {
padding-left: 72px
}
.nav-accordion-slide .up .c {
padding: 12px 16px 12px 72px;
padding: .75rem 1rem .75rem 4.5rem
}
.nav-accordion-slide a.exp:after {
content: '▶\FE0E';
top: 18px;
right: 14px;
border-color: transparent transparent transparent #fff !important
}
.nav-accordion-slide .l-0 > .e-p a.exp:after {
content: '+';
top: 21px;
right: 18px;
border-color: #fff transparent transparent transparent !important
}
.nav-accordion-slide .l-0.nav-open > .e-p a.exp:after {
content: '–';
top: 14px;
right: 18px;
border-color: transparent transparent #fff transparent !important
}
.nav-placeholder {
height: 240px;
background: url(i/nav-item-placeholder.png) repeat 0 0
}
.office-directory-teaser {
background: #363636;
width: 100%;
clear: both;
padding: 0px 0px 12px;
padding: 0rem 0rem .75rem
}
.office-directory-teaser:after {
content: '';
display: table;
clear: both
}
.office-directory-teaser a {
display: block;
height: 47px;
height: 2.9375rem;
font-weight: normal;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important;
padding: 12px 16px 12px 48px;
padding: .75rem 1rem .75rem 3rem;
color: #fff
}
.office-directory-teaser a:hover, .office-directory-teaser a:focus {
color: #fff;
background: #c94c08
}
.wf-active .office-directory-teaser a {
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
@media only screen and (min-width: 1200px) {
.office-directory-teaser {
padding: 60px 0px 0px;
padding: 3.75rem 0rem 0rem;
display: table;
width: 100%;
table-layout: fixed
}
.office-directory-teaser a {
position: relative;
width: 100%;
height: 158px;
overflow: visible;
padding: 24px 10px;
padding: 1.5rem .625rem;
color: #fff;
color: rgba(255, 255, 255, 0.67);
background: url(i/offices-and-labs.png) 50% 50%;
background-size: 100%;
font-weight: bold;
text-transform: uppercase;
text-align: center;
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.4em !important;
display: table-cell;
vertical-align: middle;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.office-directory-teaser a:before {
content: '';
position: absolute;
display: block;
min-height: 136px;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.office-directory-teaser a:after {
content: '';
position: absolute;
left: 50%;
top: 0;
display: block;
background: url(i/icons/location-orange.png) no-repeat 50% 50%;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.54);
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin: -30px 0 0 -30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.office-directory-teaser a:hover {
color: #fff;
background: url(i/offices-and-labs.png) 50% 50%;
background-size: 120%
}
.office-directory-teaser a:hover:after {
background-color: #fff
}
}
#nav-main-dropdown-2016 {
width: 100%;
color: #fff;
background: #363636;
padding: 0px 24px 24px;
padding: 0rem 1.5rem 1.5rem
}
#nav-main-dropdown-2016 .list-nav-homepage {
float: left;
width: 100%;
border-top: 1px solid #666;
padding: 24px 0px;
padding: 1.5rem 0rem
}
#nav-main-dropdown-2016 .list-nav-homepage:first-child {
border-top: 0
}
#nav-main-dropdown-2016 .list-nav-homepage h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin-bottom: 9px;
margin-bottom: .5625rem
}
#nav-main-dropdown-2016 .list-nav-homepage ul:after {
content: '';
display: table;
clear: both
}
#nav-main-dropdown-2016 .list-nav-homepage ul li {
display: inline-block;
width: 100%
}
#nav-main-dropdown-2016 .list-nav-homepage ul a {
display: block;
padding: 9px 0;
color: #ccc
}
#nav-main-dropdown-2016 .list-nav-homepage ul a:hover {
color: #c94c08;
text-decoration: underline
}
#nav-main-dropdown-2016 .link-close-dropdown {
display: none
}
@media only screen and (min-width: 450px) {
#nav-main-dropdown-2016 .list-nav-homepage ul {
-webkit-columns: 2;
-moz-columns: 2;
-ms-columns: 2;
-o-columns: 2;
columns: 2;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
-ms-column-gap: 24px;
-o-column-gap: 24px;
column-gap: 24px
}
}
@media only screen and (min-width: 600px) {
#nav-main-dropdown-2016 {
padding: 0px 24px 24px;
padding: 0rem 1.5rem 1.5rem
}
#nav-main-dropdown-2016 .list-nav-homepage-services, #nav-main-dropdown-2016 .list-nav-homepage-about, #nav-main-dropdown-2016 .list-nav-homepage-news {
width: 33.33333333%;
padding: 24px 0px 0px 0px;
padding: 1.5rem 0rem 0rem 0rem;
border: 0
}
#nav-main-dropdown-2016 .list-nav-homepage-services ul, #nav-main-dropdown-2016 .list-nav-homepage-about ul, #nav-main-dropdown-2016 .list-nav-homepage-news ul {
-webkit-columns: 1;
-moz-columns: 1;
-ms-columns: 1;
-o-columns: 1;
columns: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
-ms-column-gap: 0;
-o-column-gap: 0;
column-gap: 0
}
#nav-main-dropdown-2016 .list-nav-homepage-services ul li, #nav-main-dropdown-2016 .list-nav-homepage-about ul li, #nav-main-dropdown-2016 .list-nav-homepage-news ul li {
padding-right: 24px;
padding-right: 1.5rem
}
}
@media only screen and (min-width: 1200px) {
#nav-main-dropdown-2016 {
background: #111;
top: -90px;
background-image: url("/img/sgs-logo-white.png");
background-repeat: no-repeat;
background-position: 48px 18.5px;
padding: 90px 48px 24px;
padding: 5.625rem 3rem 1.5rem
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
#nav-main-dropdown-2016 {
background-image: url("/img/sgs-logo-white-@2x.png") !important;
background-size: 113px 53px !important
}
}
@media only screen and (min-width: 1200px) {
#nav-main-dropdown-2016 .list-nav-homepage-services, #nav-main-dropdown-2016 .list-nav-homepage-about, #nav-main-dropdown-2016 .list-nav-homepage-news {
border-top: 1px solid #666 !important;
padding: 24px 0px 0px;
padding: 1.5rem 0rem 0rem
}
#nav-main-dropdown-2016 .list-nav-homepage-services {
width: 25%
}
#nav-main-dropdown-2016 .list-nav-homepage-services ul {
-webkit-columns: 1;
-moz-columns: 1;
-ms-columns: 1;
-o-columns: 1;
columns: 1;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
-ms-column-gap: 2em;
-o-column-gap: 2em;
column-gap: 2em
}
#nav-main-dropdown-2016 .list-nav-homepage-services li {
display: inline-block;
width: 100%
}
#nav-main-dropdown-2016 .list-nav-homepage-about, #nav-main-dropdown-2016 .list-nav-homepage-news {
width: 25%
}
#nav-main-dropdown-2016 .link-close-dropdown {
display: block
}
}
.content .grid #main-nav-dropdown {
position: relative
}
.content .grid #main-nav-dropdown .dropdown-toggler {
display: none;
position: absolute;
font-weight: bold;
text-transform: uppercase;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 2.25em !important;
padding: 8px 36px 8px 72px;
padding: .5rem 2.25rem .5rem 4.5rem;
background: url(i/icons/hamburger.png) no-repeat 48px 19px
}
.wf-robotocondensed-n4-active .content .grid #main-nav-dropdown .dropdown-toggler {
text-rendering: optimizeLegibility
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.content .grid #main-nav-dropdown .dropdown-toggler {
background-image: url("i/icons/hamburger-@2x.png") !important;
background-size: 16px 13px !important
}
}
.content .grid #main-nav-dropdown .dropdown-toggler:hover, .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background: url(i/icons/hamburger-orange.png) no-repeat 48px 19px
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.content .grid #main-nav-dropdown .dropdown-toggler:hover, .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background-image: url("i/icons/hamburger-orange-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
.content .grid #main-nav-dropdown .dropdown-toggler {
display: block;
top: -1px;
right: 44px;
z-index: 2
}
}
.dropdown {
display: none;
position: absolute;
left: 0;
z-index: 2500
}
:target > .dropdown, .dropdown.visible {
display: block;
opacity: 1
}
.skipper a {
position: absolute;
left: -9999px;
overflow: hidden
}
.header {
position: relative
}
.header:after {
content: '';
display: table;
clear: both
}
.header .grid {
background: #fff
}
.header .dropdown {
width: 100%;
top: 100%
}
@media only screen and (max-width: 1199px) {
.html-js body > header:first-child {
background: #fff
}
.html-js .header {
position: relative;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.html-js .header.fixed-hidden, .html-js .header.fixed-visible {
position: fixed;
-webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
-moz-transition: transform 0.3s ease, box-shadow 0.3s ease;
-ms-transition: transform 0.3s ease, box-shadow 0.3s ease;
-o-transition: transform 0.3s ease, box-shadow 0.3s ease;
transition: transform 0.3s ease, box-shadow 0.3s ease
}
.html-js .header.fixed-hidden {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.html-js .header.fixed-visible {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25)
}
.html-js .header.fixed-home {
position: relative;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.countries-nav .list-select-countries > ul > li::before {
margin: auto !important;
width: auto !important
}
}
.logo {
float: left;
text-align: center;
padding: 5px 0
}
.logo img {
display: block;
margin: 0 auto
}
.countries-nav {
float: left;
margin-left: 6px
}
.countries-nav .dropdown-toggler {
position: relative;
display: block;
height: 40px;
line-height: 40px;
line-height: 2.5rem;
text-align: center
}
.countries-nav .dropdown-toggler:hover {
color: #fff;
background: #464646
}
.countries-nav .dropdown-toggler span:first-child {
position: absolute;
left: -9999px;
overflow: hidden
}
.countries-nav .dropdown-toggler .current {
position: absolute;
top: 13px;
left: 14px;
display: block;
width: 20px;
height: 13px;
text-indent: -9999px;
overflow: hidden;
background: url(i/icons/flags.png) no-repeat 0 -13px
}
.countries-nav .dropdown {
color: #fff;
background: #111
}
.countries-nav .dropdown a {
color: #fff
}
.countries-nav .dropdown a:hover {
color: #c94c08
}
.countries-nav h3 {
margin-bottom: 12px;
margin-bottom: .75rem
}
.countries-nav .list-select-countries > ul {
-webkit-columns: 2;
-moz-columns: 2;
-ms-columns: 2;
-o-columns: 2;
columns: 2;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
-ms-column-gap: 2em;
-o-column-gap: 2em;
column-gap: 2em
}
.countries-nav .list-select-countries > ul > li:before {
float: left;
margin: 11px 12px 0px 0px;
margin: .6875rem .75rem 0rem 0rem;
content: ' ';
display: block;
width: 20px;
height: 13px;
background: url(i/icons/flags.png)
}
.countries-nav .list-select-countries > ul > li ul {
margin-bottom: 12px;
margin-bottom: .75rem
}
.countries-nav .list-select-countries > ul > li ul li {
display: inline;
width: auto
}
.countries-nav .list-select-countries > ul > li ul li a {
display: inline-block;
color: #9e9e9e;
padding-right: 1em;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important
}
.countries-nav .dropdown a {
display: block;
line-height: 36px;
line-height: 2.25rem;
white-space: nowrap;
overflow: hidden
}
.countries-nav .flag-empty1:before, .countries-nav .dropdown-toggler .current.flag-empty1 {
background-position: 0 0px !important
}
.countries-nav .flag-empty2:before, .countries-nav .dropdown-toggler .current.flag-empty2 {
background-position: 0 -13px !important
}
.countries-nav .flag-slovenia:before, .countries-nav .dropdown-toggler .current.flag-slovenia {
background-position: 0 -26px !important
}
.countries-nav .flag-slovakia:before, .countries-nav .dropdown-toggler .current.flag-slovakia {
background-position: 0 -39px !important
}
.countries-nav .flag-russia:before, .countries-nav .dropdown-toggler .current.flag-russia {
background-position: 0 -52px !important
}
.countries-nav .flag-south-africa:before, .countries-nav .dropdown-toggler .current.flag-south-africa {
background-position: 0 -65px !important
}
.countries-nav .flag-romania:before, .countries-nav .dropdown-toggler .current.flag-romania {
background-position: 0 -78px !important
}
.countries-nav .flag-uruguay:before, .countries-nav .dropdown-toggler .current.flag-uruguay {
background-position: 0 -91px !important
}
.countries-nav .flag-paraguay:before, .countries-nav .dropdown-toggler .current.flag-paraguay {
background-position: 0 -104px !important
}
.countries-nav .flag-united-arab-emirates:before, .countries-nav .dropdown-toggler .current.flag-united-arab-emirates {
background-position: 0 -117px !important
}
.countries-nav .flag-angola:before, .countries-nav .dropdown-toggler .current.flag-angola {
background-position: 0 -130px !important
}
.countries-nav .flag-albania:before, .countries-nav .dropdown-toggler .current.flag-albania {
background-position: 0 -143px !important
}
.countries-nav .flag-azerbaijan:before, .countries-nav .dropdown-toggler .current.flag-azerbaijan {
background-position: 0 -156px !important
}
.countries-nav .flag-australia:before, .countries-nav .dropdown-toggler .current.flag-australia {
background-position: 0 -169px !important
}
.countries-nav .flag-qatar:before, .countries-nav .dropdown-toggler .current.flag-qatar {
background-position: 0 -182px !important
}
.countries-nav .flag-bulgaria:before, .countries-nav .dropdown-toggler .current.flag-bulgaria {
background-position: 0 -195px !important
}
.countries-nav .flag-chile:before, .countries-nav .dropdown-toggler .current.flag-chile {
background-position: 0 -208px !important
}
.countries-nav .flag-switzerland:before, .countries-nav .dropdown-toggler .current.flag-switzerland {
background-position: 0 -221px !important
}
.countries-nav .flag-germany:before, .countries-nav .dropdown-toggler .current.flag-germany {
background-position: 0 -234px !important
}
.countries-nav .flag-czech-republic:before, .countries-nav .dropdown-toggler .current.flag-czech-republic {
background-position: 0 -247px !important
}
.countries-nav .flag-egypt:before, .countries-nav .dropdown-toggler .current.flag-egypt {
background-position: 0 -260px !important
}
.countries-nav .flag-ecuador:before, .countries-nav .dropdown-toggler .current.flag-ecuador {
background-position: 0 -273px !important
}
.countries-nav .flag-france:before, .countries-nav .dropdown-toggler .current.flag-france {
background-position: 0 -286px !important
}
.countries-nav .flag-finland:before, .countries-nav .dropdown-toggler .current.flag-finland {
background-position: 0 -299px !important
}
.countries-nav .flag-guam:before, .countries-nav .dropdown-toggler .current.flag-guam {
background-position: 0 -312px !important
}
.countries-nav .flag-greece:before, .countries-nav .dropdown-toggler .current.flag-greece {
background-position: 0 -325px !important
}
.countries-nav .flag-hungary:before, .countries-nav .dropdown-toggler .current.flag-hungary {
background-position: 0 -338px !important
}
.countries-nav .flag-haiti:before, .countries-nav .dropdown-toggler .current.flag-haiti {
background-position: 0 -351px !important
}
.countries-nav .flag-iran:before, .countries-nav .dropdown-toggler .current.flag-iran {
background-position: 0 -364px !important
}
.countries-nav .flag-india:before, .countries-nav .dropdown-toggler .current.flag-india {
background-position: 0 -377px !important
}
.countries-nav .flag-korea:before, .countries-nav .dropdown-toggler .current.flag-korea {
background-position: 0 -390px !important
}
.countries-nav .flag-kenya:before, .countries-nav .dropdown-toggler .current.flag-kenya {
background-position: 0 -403px !important
}
.countries-nav .flag-myanmar:before, .countries-nav .dropdown-toggler .current.flag-myanmar {
background-position: 0 -416px !important
}
.countries-nav .flag-morocco:before, .countries-nav .dropdown-toggler .current.flag-morocco {
background-position: 0 -429px !important
}
.countries-nav .flag-portugal:before, .countries-nav .dropdown-toggler .current.flag-portugal {
background-position: 0 -442px !important
}
.countries-nav .flag-mexico:before, .countries-nav .dropdown-toggler .current.flag-mexico {
background-position: 0 -455px !important
}
.countries-nav .flag-norway:before, .countries-nav .dropdown-toggler .current.flag-norway {
background-position: 0 -468px !important
}
.countries-nav .flag-netherlands:before, .countries-nav .dropdown-toggler .current.flag-netherlands {
background-position: 0 -481px !important
}
.countries-nav .flag-philippines:before, .countries-nav .dropdown-toggler .current.flag-philippines {
background-position: 0 -494px !important
}
.countries-nav .flag-peru:before, .countries-nav .dropdown-toggler .current.flag-peru {
background-position: 0 -507px !important
}
.countries-nav .flag-serbia:before, .countries-nav .dropdown-toggler .current.flag-serbia {
background-position: 0 -520px !important
}
.countries-nav .flag-thailand:before, .countries-nav .dropdown-toggler .current.flag-thailand {
background-position: 0 -533px !important
}
.countries-nav .flag-suriname:before, .countries-nav .dropdown-toggler .current.flag-suriname {
background-position: 0 -546px !important
}
.countries-nav .flag-singapore:before, .countries-nav .dropdown-toggler .current.flag-singapore {
background-position: 0 -559px !important
}
.countries-nav .flag-sweden:before, .countries-nav .dropdown-toggler .current.flag-sweden {
background-position: 0 -572px !important
}
.countries-nav .flag-vietnam:before, .countries-nav .dropdown-toggler .current.flag-vietnam {
background-position: 0 -585px !important
}
.countries-nav .flag-x1x:before, .countries-nav .dropdown-toggler .current.flag-x1x {
background-position: 0 -598px !important
}
.countries-nav .flag-usa:before, .countries-nav .dropdown-toggler .current.flag-usa {
background-position: 0 -611px !important
}
.countries-nav .flag-uganda:before, .countries-nav .dropdown-toggler .current.flag-uganda {
background-position: 0 -624px !important
}
.countries-nav .flag-ukraine:before, .countries-nav .dropdown-toggler .current.flag-ukraine {
background-position: 0 -637px !important
}
.countries-nav .flag-tanzania:before, .countries-nav .dropdown-toggler .current.flag-tanzania {
background-position: 0 -650px !important
}
.countries-nav .flag-argentina:before, .countries-nav .dropdown-toggler .current.flag-argentina {
background-position: 0 -663px !important
}
.countries-nav .flag-austria:before, .countries-nav .dropdown-toggler .current.flag-austria {
background-position: 0 -676px !important
}
.countries-nav .flag-bangladesh:before, .countries-nav .dropdown-toggler .current.flag-bangladesh {
background-position: 0 -689px !important
}
.countries-nav .flag-belgium:before, .countries-nav .dropdown-toggler .current.flag-belgium {
background-position: 0 -702px !important
}
.countries-nav .flag-brazil:before, .countries-nav .dropdown-toggler .current.flag-brazil {
background-position: 0 -715px !important
}
.countries-nav .flag-canada:before, .countries-nav .dropdown-toggler .current.flag-canada {
background-position: 0 -728px !important
}
.countries-nav .flag-china:before, .countries-nav .dropdown-toggler .current.flag-china {
background-position: 0 -741px !important
}
.countries-nav .flag-colombia:before, .countries-nav .dropdown-toggler .current.flag-colombia {
background-position: 0 -754px !important
}
.countries-nav .flag-denmark:before, .countries-nav .dropdown-toggler .current.flag-denmark {
background-position: 0 -767px !important
}
.countries-nav .flag-algeria:before, .countries-nav .dropdown-toggler .current.flag-algeria {
background-position: 0 -780px !important
}
.countries-nav .flag-spain:before, .countries-nav .dropdown-toggler .current.flag-spain {
background-position: 0 -793px !important
}
.countries-nav .flag-ethiopia:before, .countries-nav .dropdown-toggler .current.flag-ethiopia {
background-position: 0 -806px !important
}
.countries-nav .flag-uk:before, .countries-nav .dropdown-toggler .current.flag-uk {
background-position: 0 -819px !important
}
.countries-nav .flag-ghana:before, .countries-nav .dropdown-toggler .current.flag-ghana {
background-position: 0 -832px !important
}
.countries-nav .flag-x2x:before, .countries-nav .dropdown-toggler .current.flag-x2x {
background-position: 0 -845px !important
}
.countries-nav .flag-croatia:before, .countries-nav .dropdown-toggler .current.flag-croatia {
background-position: 0 -858px !important
}
.countries-nav .flag-indonesia:before, .countries-nav .dropdown-toggler .current.flag-indonesia {
background-position: 0 -871px !important
}
.countries-nav .flag-ireland:before, .countries-nav .dropdown-toggler .current.flag-ireland {
background-position: 0 -884px !important
}
.countries-nav .flag-italy:before, .countries-nav .dropdown-toggler .current.flag-italy {
background-position: 0 -897px !important
}
.countries-nav .flag-japan:before, .countries-nav .dropdown-toggler .current.flag-japan {
background-position: 0 -910px !important
}
.countries-nav .flag-sri-lanka:before, .countries-nav .dropdown-toggler .current.flag-sri-lanka {
background-position: 0 -923px !important
}
.countries-nav .flag-latvia:before, .countries-nav .dropdown-toggler .current.flag-latvia {
background-position: 0 -936px !important
}
.countries-nav .flag-mongolia:before, .countries-nav .dropdown-toggler .current.flag-mongolia {
background-position: 0 -949px !important
}
.countries-nav .flag-mauritius:before, .countries-nav .dropdown-toggler .current.flag-mauritius {
background-position: 0 -962px !important
}
.countries-nav .flag-mozambique:before, .countries-nav .dropdown-toggler .current.flag-mozambique {
background-position: 0 -975px !important
}
.countries-nav .flag-nigeria:before, .countries-nav .dropdown-toggler .current.flag-nigeria {
background-position: 0 -988px !important
}
.countries-nav .flag-new-zealand:before, .countries-nav .dropdown-toggler .current.flag-new-zealand {
background-position: 0 -1001px !important
}
.countries-nav .flag-panama:before, .countries-nav .dropdown-toggler .current.flag-panama {
background-position: 0 -1014px !important
}
.countries-nav .flag-pakistan:before, .countries-nav .dropdown-toggler .current.flag-pakistan {
background-position: 0 -1027px !important
}
.countries-nav .flag-poland:before, .countries-nav .dropdown-toggler .current.flag-poland {
background-position: 0 -1040px !important
}
.countries-nav .flag-malaysia:before, .countries-nav .dropdown-toggler .current.flag-malaysia {
background-position: 0 -1053px !important
}
.countries-nav .flag-cameroon:before, .countries-nav .dropdown-toggler .current.flag-cameroon {
background-position: 0 -1066px !important
}
.countries-nav .flag-turkey:before, .countries-nav .dropdown-toggler .current.flag-turkey {
background-position: 0 -1079px !important
}
.countries-nav .flag-tunisia:before, .countries-nav .dropdown-toggler .current.flag-tunisia {
background-position: 0 -1092px !important
}
.countries-nav .flag-global:before {
background: url(i/icons/flag-global-white.png) no-repeat 0 0 !important
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.countries-nav .flag-global:before {
background-image: url("i/icons/flag-global-white-@2x.png") !important;
background-size: 29px 14px !important
}
}
.countries-nav .dropdown-toggler .current.flag-global, .countries-nav .dropdown-toggler .current.flag-taiwan, .countries-nav .dropdown-toggler .current.flag-hong-kong {
top: 12px;
left: 10px;
width: 29px;
height: 14px;
background: url(i/icons/flag-global-black.png) no-repeat 0 0 !important
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.countries-nav .dropdown-toggler .current.flag-global, .countries-nav .dropdown-toggler .current.flag-taiwan, .countries-nav .dropdown-toggler .current.flag-hong-kong {
background-image: url("i/icons/flag-global-black-@2x.png") !important;
background-size: 29px 14px !important
}
}
.countries-nav .flag-middle-east:before, .countries-nav .dropdown-toggler .current.flag-middle-east {
background: url(i/icons/flag-middle-east.gif) no-repeat 0 0 !important
}
.countries-nav .flag-latin-america:before, .countries-nav .dropdown-toggler .current.flag-latin-america {
background: url(i/icons/flag-latin-america.gif) no-repeat 0 0 !important
}
.countries-nav .flag-caspian:before, .countries-nav .dropdown-toggler .current.flag-caspian {
background: url(i/icons/flag-caspian.gif) no-repeat -5px 0 !important
}
.skipper .dropdown-toggler .current {
position: absolute;
top: 13px;
left: 14px;
display: block;
width: 20px;
height: 13px;
text-indent: -9999px;
overflow: hidden;
background: url(i/icons/flags.png) no-repeat 0 -13px
}
.skipper .dropdown-toggler .current .flag-global {
background: url(i/icons/flag-global-black.png) no-repeat 0 0 !important
}
.skipper .flag-empty1:before, .skipper .dropdown-toggler .current.flag-empty1 {
background-position: 0 0px !important
}
.skipper .flag-empty2:before, .skipper .dropdown-toggler .current.flag-empty2 {
background-position: 0 -13px !important
}
.skipper .flag-slovenia:before, .skipper .dropdown-toggler .current.flag-slovenia {
background-position: 0 -26px !important
}
.skipper .flag-slovakia:before, .skipper .dropdown-toggler .current.flag-slovakia {
background-position: 0 -39px !important
}
.skipper .flag-russia:before, .skipper .dropdown-toggler .current.flag-russia {
background-position: 0 -52px !important
}
.skipper .flag-south-africa:before, .skipper .dropdown-toggler .current.flag-south-africa {
background-position: 0 -65px !important
}
.skipper .flag-romania:before, .skipper .dropdown-toggler .current.flag-romania {
background-position: 0 -78px !important
}
.skipper .flag-uruguay:before, .skipper .dropdown-toggler .current.flag-uruguay {
background-position: 0 -91px !important
}
.skipper .flag-paraguay:before, .skipper .dropdown-toggler .current.flag-paraguay {
background-position: 0 -104px !important
}
.skipper .flag-united-arab-emirates:before, .skipper .dropdown-toggler .current.flag-united-arab-emirates {
background-position: 0 -117px !important
}
.skipper .flag-angola:before, .skipper .dropdown-toggler .current.flag-angola {
background-position: 0 -130px !important
}
.skipper .flag-albania:before, .skipper .dropdown-toggler .current.flag-albania {
background-position: 0 -143px !important
}
.skipper .flag-azerbaijan:before, .skipper .dropdown-toggler .current.flag-azerbaijan {
background-position: 0 -156px !important
}
.skipper .flag-australia:before, .skipper .dropdown-toggler .current.flag-australia {
background-position: 0 -169px !important
}
.skipper .flag-qatar:before, .skipper .dropdown-toggler .current.flag-qatar {
background-position: 0 -182px !important
}
.skipper .flag-bulgaria:before, .skipper .dropdown-toggler .current.flag-bulgaria {
background-position: 0 -195px !important
}
.skipper .flag-chile:before, .skipper .dropdown-toggler .current.flag-chile {
background-position: 0 -208px !important
}
.skipper .flag-switzerland:before, .skipper .dropdown-toggler .current.flag-switzerland {
background-position: 0 -221px !important
}
.skipper .flag-germany:before, .skipper .dropdown-toggler .current.flag-germany {
background-position: 0 -234px !important
}
.skipper .flag-czech-republic:before, .skipper .dropdown-toggler .current.flag-czech-republic {
background-position: 0 -247px !important
}
.skipper .flag-egypt:before, .skipper .dropdown-toggler .current.flag-egypt {
background-position: 0 -260px !important
}
.skipper .flag-ecuador:before, .skipper .dropdown-toggler .current.flag-ecuador {
background-position: 0 -273px !important
}
.skipper .flag-france:before, .skipper .dropdown-toggler .current.flag-france {
background-position: 0 -286px !important
}
.skipper .flag-finland:before, .skipper .dropdown-toggler .current.flag-finland {
background-position: 0 -299px !important
}
.skipper .flag-guam:before, .skipper .dropdown-toggler .current.flag-guam {
background-position: 0 -312px !important
}
.skipper .flag-greece:before, .skipper .dropdown-toggler .current.flag-greece {
background-position: 0 -325px !important
}
.skipper .flag-hungary:before, .skipper .dropdown-toggler .current.flag-hungary {
background-position: 0 -338px !important
}
.skipper .flag-haiti:before, .skipper .dropdown-toggler .current.flag-haiti {
background-position: 0 -351px !important
}
.skipper .flag-iran:before, .skipper .dropdown-toggler .current.flag-iran {
background-position: 0 -364px !important
}
.skipper .flag-india:before, .skipper .dropdown-toggler .current.flag-india {
background-position: 0 -377px !important
}
.skipper .flag-korea:before, .skipper .dropdown-toggler .current.flag-korea {
background-position: 0 -390px !important
}
.skipper .flag-kenya:before, .skipper .dropdown-toggler .current.flag-kenya {
background-position: 0 -403px !important
}
.skipper .flag-myanmar:before, .skipper .dropdown-toggler .current.flag-myanmar {
background-position: 0 -416px !important
}
.skipper .flag-morocco:before, .skipper .dropdown-toggler .current.flag-morocco {
background-position: 0 -429px !important
}
.skipper .flag-portugal:before, .skipper .dropdown-toggler .current.flag-portugal {
background-position: 0 -442px !important
}
.skipper .flag-mexico:before, .skipper .dropdown-toggler .current.flag-mexico {
background-position: 0 -455px !important
}
.skipper .flag-norway:before, .skipper .dropdown-toggler .current.flag-norway {
background-position: 0 -468px !important
}
.skipper .flag-netherlands:before, .skipper .dropdown-toggler .current.flag-netherlands {
background-position: 0 -481px !important
}
.skipper .flag-philippines:before, .skipper .dropdown-toggler .current.flag-philippines {
background-position: 0 -494px !important
}
.skipper .flag-peru:before, .skipper .dropdown-toggler .current.flag-peru {
background-position: 0 -507px !important
}
.skipper .flag-serbia:before, .skipper .dropdown-toggler .current.flag-serbia {
background-position: 0 -520px !important
}
.skipper .flag-thailand:before, .skipper .dropdown-toggler .current.flag-thailand {
background-position: 0 -533px !important
}
.skipper .flag-suriname:before, .skipper .dropdown-toggler .current.flag-suriname {
background-position: 0 -546px !important
}
.skipper .flag-singapore:before, .skipper .dropdown-toggler .current.flag-singapore {
background-position: 0 -559px !important
}
.skipper .flag-sweden:before, .skipper .dropdown-toggler .current.flag-sweden {
background-position: 0 -572px !important
}
.skipper .flag-vietnam:before, .skipper .dropdown-toggler .current.flag-vietnam {
background-position: 0 -585px !important
}
.skipper .flag-x1x:before, .skipper .dropdown-toggler .current.flag-x1x {
background-position: 0 -598px !important
}
.skipper .flag-usa:before, .skipper .dropdown-toggler .current.flag-usa {
background-position: 0 -611px !important
}
.skipper .flag-uganda:before, .skipper .dropdown-toggler .current.flag-uganda {
background-position: 0 -624px !important
}
.skipper .flag-ukraine:before, .skipper .dropdown-toggler .current.flag-ukraine {
background-position: 0 -637px !important
}
.skipper .flag-tanzania:before, .skipper .dropdown-toggler .current.flag-tanzania {
background-position: 0 -650px !important
}
.skipper .flag-argentina:before, .skipper .dropdown-toggler .current.flag-argentina {
background-position: 0 -663px !important
}
.skipper .flag-austria:before, .skipper .dropdown-toggler .current.flag-austria {
background-position: 0 -676px !important
}
.skipper .flag-bangladesh:before, .skipper .dropdown-toggler .current.flag-bangladesh {
background-position: 0 -689px !important
}
.skipper .flag-belgium:before, .skipper .dropdown-toggler .current.flag-belgium {
background-position: 0 -702px !important
}
.skipper .flag-brazil:before, .skipper .dropdown-toggler .current.flag-brazil {
background-position: 0 -715px !important
}
.skipper .flag-canada:before, .skipper .dropdown-toggler .current.flag-canada {
background-position: 0 -728px !important
}
.skipper .flag-china:before, .skipper .dropdown-toggler .current.flag-china {
background-position: 0 -741px !important
}
.skipper .flag-colombia:before, .skipper .dropdown-toggler .current.flag-colombia {
background-position: 0 -754px !important
}
.skipper .flag-denmark:before, .skipper .dropdown-toggler .current.flag-denmark {
background-position: 0 -767px !important
}
.skipper .flag-algeria:before, .skipper .dropdown-toggler .current.flag-algeria {
background-position: 0 -780px !important
}
.skipper .flag-spain:before, .skipper .dropdown-toggler .current.flag-spain {
background-position: 0 -793px !important
}
.skipper .flag-ethiopia:before, .skipper .dropdown-toggler .current.flag-ethiopia {
background-position: 0 -806px !important
}
.skipper .flag-uk:before, .skipper .dropdown-toggler .current.flag-uk {
background-position: 0 -819px !important
}
.skipper .flag-ghana:before, .skipper .dropdown-toggler .current.flag-ghana {
background-position: 0 -832px !important
}
.skipper .flag-x2x:before, .skipper .dropdown-toggler .current.flag-x2x {
background-position: 0 -845px !important
}
.skipper .flag-croatia:before, .skipper .dropdown-toggler .current.flag-croatia {
background-position: 0 -858px !important
}
.skipper .flag-indonesia:before, .skipper .dropdown-toggler .current.flag-indonesia {
background-position: 0 -871px !important
}
.skipper .flag-ireland:before, .skipper .dropdown-toggler .current.flag-ireland {
background-position: 0 -884px !important
}
.skipper .flag-italy:before, .skipper .dropdown-toggler .current.flag-italy {
background-position: 0 -897px !important
}
.skipper .flag-japan:before, .skipper .dropdown-toggler .current.flag-japan {
background-position: 0 -910px !important
}
.skipper .flag-sri-lanka:before, .skipper .dropdown-toggler .current.flag-sri-lanka {
background-position: 0 -923px !important
}
.skipper .flag-latvia:before, .skipper .dropdown-toggler .current.flag-latvia {
background-position: 0 -936px !important
}
.skipper .flag-mongolia:before, .skipper .dropdown-toggler .current.flag-mongolia {
background-position: 0 -949px !important
}
.skipper .flag-mauritius:before, .skipper .dropdown-toggler .current.flag-mauritius {
background-position: 0 -962px !important
}
.skipper .flag-mozambique:before, .skipper .dropdown-toggler .current.flag-mozambique {
background-position: 0 -975px !important
}
.skipper .flag-nigeria:before, .skipper .dropdown-toggler .current.flag-nigeria {
background-position: 0 -988px !important
}
.skipper .flag-new-zealand:before, .skipper .dropdown-toggler .current.flag-new-zealand {
background-position: 0 -1001px !important
}
.skipper .flag-panama:before, .skipper .dropdown-toggler .current.flag-panama {
background-position: 0 -1014px !important
}
.skipper .flag-pakistan:before, .skipper .dropdown-toggler .current.flag-pakistan {
background-position: 0 -1027px !important
}
.skipper .flag-poland:before, .skipper .dropdown-toggler .current.flag-poland {
background-position: 0 -1040px !important
}
.skipper .flag-malaysia:before, .skipper .dropdown-toggler .current.flag-malaysia {
background-position: 0 -1053px !important
}
.skipper .flag-cameroon:before, .skipper .dropdown-toggler .current.flag-cameroon {
background-position: 0 -1066px !important
}
.skipper .flag-turkey:before, .skipper .dropdown-toggler .current.flag-turkey {
background-position: 0 -1079px !important
}
.skipper .flag-tunisia:before, .skipper .dropdown-toggler .current.flag-tunisia {
background-position: 0 -1092px !important
}
.skipper .flag-global:before {
background: url(i/icons/flag-global-white.png) no-repeat 0 0 !important
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.skipper .flag-global:before {
background-image: url("i/icons/flag-global-white-@2x.png") !important;
background-size: 29px 14px !important
}
}
.skipper .dropdown-toggler .current.flag-global, .skipper .dropdown-toggler .current.flag-taiwan, .skipper .dropdown-toggler .current.flag-hong-kong {
left: 10px;
width: 29px;
height: 14px;
background: url(i/icons/flag-global-black.png) no-repeat 0 0 !important
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.skipper .dropdown-toggler .current.flag-global, .skipper .dropdown-toggler .current.flag-taiwan, .skipper .dropdown-toggler .current.flag-hong-kong {
background-image: url("i/icons/flag-global-black-@2x.png") !important;
background-size: 29px 14px !important
}
}
.skipper .flag-middle-east:before, .skipper .dropdown-toggler .current.flag-middle-east {
background: url(i/icons/flag-middle-east.gif) no-repeat 0 0 !important
}
.skipper .flag-latin-america:before, .skipper .dropdown-toggler .current.flag-latin-america {
background: url(i/icons/flag-latin-america.gif) no-repeat 0 0 !important
}
.skipper .flag-caspian:before, .skipper .dropdown-toggler .current.flag-caspian {
background: url(i/icons/flag-caspian.gif) no-repeat -5px 0 !important
}
footer .countries-nav .dropdown-toggler {
display: none !important
}
footer .countries-nav .dropdown {
display: block !important;
text-align: left;
position: static;
top: 0
}
#main-search {
float: left;
margin-left: 32px
}
#main-search h3 {
position: absolute;
left: -9999px;
overflow: hidden
}
.search-input-autosuggest {
float: left;
overflow: hidden;
position: relative
}
.search-input-autosuggest .field-input-button {
padding: 0
}
.search-input-autosuggest .autosuggest-results {
position: absolute;
width: 100%;
color: #fff;
background: #464646;
z-index: 2;
padding: .25em 0;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
right: -9999px;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.search-input-autosuggest .autosuggest-results .group:not(:first-child) {
border-top: 1px solid #363636
}
.search-input-autosuggest .autosuggest-results h4 {
display: block;
padding: 4px 16px;
padding: .25rem 1rem
}
.search-input-autosuggest .autosuggest-results ul {
padding: 4px 0px 12px;
padding: .25rem 0rem .75rem
}
.search-input-autosuggest .autosuggest-results li {
display: block;
padding: 4px 16px;
padding: .25rem 1rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.search-input-autosuggest .autosuggest-results li:hover {
cursor: pointer;
color: #c94c08
}
@media only screen and (max-width: 799px) {
.search-input-autosuggest .autosuggest-results {
width: 100%
}
.search-input-autosuggest .autosuggest-results li {
padding: .75em 1em
}
}
@media only screen and (min-width: 800px) {
.search-input-autosuggest .autosuggest-results {
width: 300px
}
}
.search-input-autosuggest .autosuggest-results.visible {
right: 0;
opacity: 1
}
.skipper a.active {
color: #fff;
background-color: #363636 !important
}
.country-current {
padding-bottom: 12px;
padding-bottom: .75rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
border-bottom: 1px solid #464646
}
.country-current:after {
content: '';
display: table;
clear: both
}
.country-current h3, .country-current a {
float: left;
display: inline-block;
vertical-align: bottom;
margin-right: .5em
}
.country-current a {
padding-right: 24px;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 2.125em !important;
height: 36px;
padding: 0 .5em
}
.country-current a.current {
position: relative;
font-weight: bold;
border: 1px solid #c94c08;
top: -1px;
overflow: visible
}
.country-current a.current:after {
content: ' ';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -6px;
display: block;
width: 0;
height: 0;
overflow: hidden;
text-indent: -9999px;
border: 6px solid #464646;
border-color: transparent transparent #464646 transparent !important
}
.country-current .pipe {
display: none
}
@media only screen and (max-width: 1199px) {
.html-modal .skipper, .html-iframe .skipper {
position: absolute;
left: -9999px;
overflow: hidden
}
.header .grid {
height: 56px;
height: 3.5rem
}
.logo {
position: absolute;
top: 0;
left: 0;
width: 140px;
padding: 16px 8px 0px;
padding: 1rem .5rem 0rem
}
.logo img {
margin: 0 auto;
height: auto !important;
width: auto !important
}
.top-navigation {
position: relative;
float: none;
clear: both;
width: 100%;
padding: 0
}
#main-search {
margin: 0;
display: none;
padding: 12px;
padding: .75rem;
background: #363636 !important
}
.html-serpV2 #main-search, .html-serp #main-search, #main-search:target, #main-search.visible {
position: absolute;
top: 56px !important;
top: 3.5rem !important;
left: 0;
display: block;
width: 100%;
background: #e4e4e4;
z-index: 100
}
.html-serpV2 #main-search .search-input-autosuggest, .html-serp #main-search .search-input-autosuggest, #main-search:target .search-input-autosuggest, #main-search.visible .search-input-autosuggest {
width: 100%
}
.skipper a {
display: block;
top: 0;
left: auto;
width: 50px;
height: 56px;
line-height: 40px;
line-height: 2.5rem;
overflow: hidden;
text-indent: -9999px;
z-index: 100;
background-color: #fff;
position: relative;
float: right
}
.skipper #website-languages-toggler, .skipper #content-toggler {
top: -9999px;
left: -9999px
}
.skipper #contact-toggler, .skipper #search-toggler, .skipper #main-nav-toggler {
background: #fff url(i/icons/mobile-nav-icons.png) no-repeat
}
}
@media only screen and (max-width: 1199px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-resolution: 1.3dppx) {
.skipper #contact-toggler, .skipper #search-toggler, .skipper #main-nav-toggler {
background-image: url("i/icons/mobile-nav-icons-@2x.png") !important;
background-size: 400px 200px !important
}
}
@media only screen and (max-width: 1199px) {
.skipper #contact-toggler {
background-position: -82px 22px
}
.skipper #contact-toggler:hover {
background-position: -82px -78px
}
.skipper #search-toggler {
background-position: -182px 21px
}
.skipper #search-toggler:hover {
background-position: -182px -79px
}
.skipper #search-toggler.active {
background-position: -281px -79px
}
.skipper #main-nav-toggler {
right: 0;
background-position: 17px 21px
}
.skipper #main-nav-toggler:hover {
background-position: 17px -79px
}
.skipper #main-nav-toggler.active {
background-position: -282px -79px
}
.skipper .dropdown-toggler {
display: block !important
}
.skipper .dropdown-toggler .current {
top: 21px;
left: 15px
}
.skipper .dropdown-toggler .current.flag-global {
left: 0;
width: 100%;
background-position: 50% 50% !important
}
.skipper .dropdown-toggler.active {
background-color: #363636 !important
}
.skipper .dropdown-toggler.active .current.flag-global, .skipper .dropdown-toggler.active .current.flag-taiwan, .skipper .dropdown-toggler.active .current.flag-hong-kong {
background: url(i/icons/flag-global-white.png) no-repeat 50% 50% !important
}
}
@media only screen and (max-width: 1199px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-resolution: 1.3dppx) {
.skipper .dropdown-toggler.active .current.flag-global, .skipper .dropdown-toggler.active .current.flag-taiwan, .skipper .dropdown-toggler.active .current.flag-hong-kong {
background-image: url("i/icons/flag-global-white-@2x.png") !important;
background-size: 29px 14px !important
}
}
@media only screen and (max-width: 1199px) {
.skipper.active .dropdown-toggler .current.flag-global, .skipper.active .dropdown-toggler .current.flag-taiwan, .skipper.active .dropdown-toggler .current.flag-hong-kong, .skipper .dropdown-toggler:hover .current.flag-global, .skipper .dropdown-toggler:hover .current.flag-taiwan, .skipper .dropdown-toggler:hover .current.flag-hong-kong {
background: url(i/icons/flag-global-white.png) no-repeat 50% 50% !important
}
}
@media only screen and (max-width: 1199px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-resolution: 1.3dppx) {
.skipper.active .dropdown-toggler .current.flag-global, .skipper.active .dropdown-toggler .current.flag-taiwan, .skipper.active .dropdown-toggler .current.flag-hong-kong, .skipper .dropdown-toggler:hover .current.flag-global, .skipper .dropdown-toggler:hover .current.flag-taiwan, .skipper .dropdown-toggler:hover .current.flag-hong-kong {
background-image: url("i/icons/flag-global-white-@2x.png") !important;
background-size: 29px 14px !important
}
}
@media only screen and (max-width: 1199px) {
#contact-toggler:hover, #search-toggler:hover, #main-nav-toggler:hover, #websites-nav .dropdown-toggler:hover, .skipper .dropdown-toggler:hover {
color: #000 !important;
background-color: #363636 !important
}
.html-website-down .skipper a {
position: absolute;
left: -9999px;
overflow: hidden
}
#websites-nav .dropdown-toggler {
position: absolute;
top: 0;
right: 150px;
width: 50px;
height: 56px;
background: #fff;
text-indent: -9999px;
overflow: hidden;
display: none !important
}
#websites-nav .dropdown-toggler .current {
top: 21px;
left: 15px
}
#websites-nav .dropdown-toggler .current.flag-global {
left: 0;
width: 100%;
background-position: 50% 50% !important
}
#websites-nav .dropdown-toggler.active {
background-color: #363636 !important
}
#websites-nav.active .dropdown-toggler .current.flag-global, #websites-nav .dropdown-toggler:hover .current.flag-global {
background: url(i/icons/flag-global-white.png) no-repeat 50% 50% !important
}
}
@media only screen and (max-width: 1199px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 1199px) and (min-resolution: 1.3dppx) {
#websites-nav.active .dropdown-toggler .current.flag-global, #websites-nav .dropdown-toggler:hover .current.flag-global {
background-image: url("i/icons/flag-global-white-@2x.png") !important;
background-size: 29px 14px !important
}
}
@media only screen and (max-width: 1199px) {
#websites-nav .dropdown {
background: #363636 !important;
left: 0;
top: 56px !important;
top: 3.5rem !important;
padding: 18px 24px;
padding: 1.125rem 1.5rem
}
#websites-nav h3 {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.42857em !important
}
#websites-nav .country-current {
padding-bottom: 12px;
padding-bottom: .75rem
}
#websites-nav .country-current h3 {
width: 100%
}
#websites-nav .country-current a.current:after {
bottom: -15px
}
#websites-nav .list-select-countries > ul > li {
display: inline-block;
width: 100%
}
#websites-nav .list-select-countries ul ul li {
display: block
}
#websites-nav .list-select-countries ul ul li a {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
#top-navigation #nav-main-dropdown-2016, #top-navigation #main-nav, #websites-nav .dropdown {
overflow-y: auto;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media only screen and (min-width: 750px) {
.countries-nav .list-select-countries > ul {
-webkit-columns: 3;
-moz-columns: 3;
-ms-columns: 3;
-o-columns: 3;
columns: 3;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
-ms-column-gap: 2em;
-o-column-gap: 2em;
column-gap: 2em
}
}
@media only screen and (min-width: 1200px) {
.logo {
padding: 53.5px 24px;
padding: 3.34375rem 1.5rem;
background: url(/img/logo.png) no-repeat 24px 53.5px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
.logo {
background-image: url("i/logo.png") !important;
}
}
@media only screen and (min-width: 1200px) {
.logo img {
visibility: hidden
}
.top-navigation {
float: right;
padding: 60px 48px 60px 80px;
padding: 3.75rem 3rem 3.75rem 5rem
}
.countries-nav {
margin: 0
}
.countries-nav .dropdown-toggler {
position: relative;
height: 37px;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2.14286em !important;
padding-top: 5px;
padding-bottom: 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0);
padding-right: 20px;
color: #c94c08
}
.countries-nav .dropdown-toggler:hover, .countries-nav .dropdown-toggler:active {
color: #000;
background: none
}
.countries-nav .dropdown-toggler.active {
color: #c94c08;
background: none
}
.countries-nav .dropdown-toggler:hover {
border-bottom-color: #c94c08
}
.countries-nav .dropdown-toggler .current {
float: left;
position: static;
top: auto !important;
left: auto !important;
margin-right: .5em;
margin-top: 8.5px
}
.countries-nav .dropdown-toggler.active:before {
content: '';
display: block;
width: 0;
height: 0;
border: 9px solid #111;
border-color: transparent transparent #111 transparent;
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -7px;
margin-left: -.4375rem
}
.countries-nav .dropdown-toggler:after {
content: '+';
position: absolute;
top: 18px;
right: 0;
display: block;
width: 0;
height: 0;
overflow: hidden;
text-indent: -9999px;
border: 6px solid #000;
border-color: #000 transparent transparent transparent !important
}
.countries-nav .dropdown-toggler.active {
padding-right: 0 !important;
margin-right: 20px !important
}
.countries-nav .dropdown-toggler.active:after {
content: none
}
.countries-nav .dropdown {
width: 100%;
top: 125px;
padding: 36px 48px;
padding: 2.25rem 3rem
}
.countries-nav .country-current {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.countries-nav .country-current h3 {
text-transform: uppercase;
margin-bottom: 0
}
.countries-nav .country-current a.current:after {
bottom: -26px
}
.countries-nav .country-others h4 {
font-weight: normal
}
.countries-nav .list-select-countries > ul {
-webkit-columns: 4;
-moz-columns: 4;
-ms-columns: 4;
-o-columns: 4;
columns: 4;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
-ms-column-gap: 2em;
-o-column-gap: 2em;
column-gap: 2em
}
.countries-nav .list-select-countries > ul ul {
padding-left: 32px
}
#main-search {
float: right
}
#main-search .input-text {
width: 300px
}
}
.link-close-dropdown {
position: absolute;
top: 21px;
right: 24px
}
.link-close-dropdown a {
color: #fff;
display: block;
height: 25px;
line-height: 25px;
padding-right: 25px;
text-align: right;
font-weight: normal;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
background: url(i/icons/close-tiny-white.png) no-repeat 100% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.link-close-dropdown a {
background-image: url("i/icons/close-tiny-white-@2x.png") !important;
background-size: 13px 13px !important
}
}
.link-close-dropdown a:hover {
color: #c94c08;
background-image: url(i/icons/close-tiny-orange.png)
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.link-close-dropdown a:hover {
background-image: url("i/icons/close-tiny-orange-@2x.png") !important;
background-size: 13px 13px !important
}
}
@media only screen and (min-width: 1200px) {
.link-close-dropdown {
top: 41px;
right: 48px
}
}
.sgs-header-2019 {
height: 56px
}
.sgs-header-2019 .grid {
background: #fff;
padding: 0
}
.sgs-header-2019 #main-nav-dropdown .dropdown-toggler {
display: none
}
.sgs-header-2019 #nav-main-dropdown-2016 {
top: 56px
}
.sgs-header-2019 #share-toolbar {
top: 56px;
height: 56px
}
.sgs-header-2019 #share-toolbar #share-toggler {
top: -56px;
right: 200px
}
@media only screen and (min-width: 1200px) {
.sgs-header-2019 {
height: auto
}
.sgs-header-2019 .grid {
background: #fff;
padding: 24px 48px
}
.sgs-header-2019 .logo {
float: left;
width: 113px;
height: 48px;
padding: 0;
margin-left: 10px;
background-position: 0 0
}
.sgs-header-2019 .top-navigation {
float: right;
width: auto;
padding: 4px 0;
display: table-row
}
.sgs-header-2019 .countries-nav {
display: inline-block;
display: table-cell
}
.sgs-header-2019 .countries-nav .dropdown-toggler {
display: block;
height: 40px;
line-height: 40px !important;
padding-top: 0 !important
}
.sgs-header-2019 .countries-nav .dropdown-toggler .current {
display: block;
float: left;
position: static;
top: auto !important;
left: auto !important;
margin-right: .5em;
margin-top: 13px
}
.sgs-header-2019 .countries-nav .dropdown.visible {
top: 100%
}
.sgs-header-2019 .user-account-links {
display: inline-block;
display: table-cell;
padding-left: 24px
}
.sgs-header-2019 form {
display: inline-block;
display: table-cell;
padding-left: 24px;
float: none
}
.sgs-header-2019 #nav-main-dropdown-2016 {
top: 0
}
.sgs-header-2019 #main-nav-dropdown .dropdown-toggler {
float: left;
display: block;
position: static;
left: 0;
padding: 0 18px 0 40px;
height: 40px;
line-height: 40px;
background-color: #f2f2f2;
background-image: url("i/icons/hamburger-@2x.png") !important;
background-size: 16px 13px !important;
background-repeat: no-repeat;
background-position: 16px 50%
}
.sgs-header-2019 #main-nav-dropdown .dropdown-toggler:hover, .sgs-header-2019 #main-nav-dropdown .dropdown-toggler:focus {
color: #fff;
background-color: #c94c08;
background-image: url("i/icons/hamburger-white-@2x.png") !important
}
.sgs-header-2019 .sgs-main-navigation {
display: inline-block;
display: table-cell;
padding-left: 24px
}
}
.footer {
clear: both;
text-align: center
}
.footer .grid {
color: #fff;
background: #111
}
.footer a {
color: #fff
}
.footer .connect-with-us {
padding: 60px 0px 0px;
padding: 3.75rem 0rem 0rem
}
.footer .connect-with-us .list-social-networks ul {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0
}
@media only screen and (max-width: 600px) {
.footer .connect-with-us .list-social-networks ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
}
.footer .connect-with-us .list-social-networks li {
display: inline-block;
padding: 0px 8px 16px;
padding: 0rem .5rem 1rem
}
.footer .connect-with-us .list-social-networks a {
background: url(i/icons/social-footer.png);
display: block;
width: 40px;
height: 40px;
text-indent: -9999px;
overflow: hidden;
border: 1px solid #242424
}
.footer .connect-with-us .list-social-networks a:hover {
border-color: #fff
}
.footer .connect-with-us .list-social-networks .link-linkedin a {
background-position: 0 0
}
.footer .connect-with-us .list-social-networks .link-twitter a {
background-position: -40px 0
}
.footer .connect-with-us .list-social-networks .link-facebook a {
background-position: -80px 0
}
.footer .connect-with-us .list-social-networks .link-google a {
background-position: -120px 0
}
.footer .connect-with-us .list-social-networks .link-youtube a {
background-position: -160px 0
}
.footer .connect-with-us .list-social-networks .link-slideshare a {
background-position: -200px 0
}
.footer .connect-with-us .list-social-networks .link-weibo a {
background-position: -240px 0
}
.footer .connect-with-us .list-social-networks .link-wechat a {
background-position: -280px 0
}
.footer .connect-with-us .list-social-networks .link-instagram a {
background-position: -320px 0
}
.footer .connect-with-us .list-social-networks .link-vkontakte a {
background-position: -360px 0
}
.footer .copyright {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
padding: 36px 0px 60px;
padding: 2.25rem 0rem 3.75rem;
color: #e4e4e4
}
.footer .list-nav-legal {
padding: 24px 0px;
padding: 1.5rem 0rem;
background: #242424
}
.footer .list-nav-legal ul {
margin: 0
}
.footer .list-nav-legal li {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.footer .list-nav-legal a {
display: block;
color: #e4e4e4;
padding: 6px 8px;
padding: .375rem .5rem
}
.footer .list-nav-legal a:hover {
color: #fff
}
@media only screen and (min-width: 750px) {
.footer .list-nav-legal li {
display: inline-block
}
.footer .list-nav-legal a {
padding: 0px 8px;
padding: 0rem .5rem
}
}
.footer-reduced .grid {
color: #9e9e9e
}
.footer-reduced .copyright {
padding: 24px 0px;
padding: 1.5rem 0rem
}
@media only screen and (min-width: 1200px) {
.footer-reduced .copyright {
float: left;
padding: 12px 24px;
padding: .75rem 1.5rem
}
.footer-reduced .list-nav-legal {
float: right;
padding: 12px 24px;
padding: .75rem 1.5rem;
background: none
}
.footer-reduced .list-nav-legal a {
color: #9e9e9e
}
.footer-reduced .list-nav-legal a:hover {
color: #fff
}
}
body > form {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
body > form .content {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-o-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
body > form .content > .grid {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-o-flex: 1 0 auto;
flex: 1 0 auto
}
body > form .header, body > form footer, body > form .footer {
position: relative
}
.html-ppc body > form {
min-height: 0
}
.grid {
position: relative;
max-width: 1200px;
margin: 0 auto
}
.grid:after {
content: '';
display: table;
clear: both
}
.content .grid {
background: #fff
}
.grid#browser-detection-grid .browser-detection {
padding: 0;
background-color: #fff;
overflow: hidden
}
.grid#browser-detection-grid .browser-detection p {
text-align: center;
font-size: 14px;
margin-bottom: 16px
}
.grid#browser-detection-grid .browser-detection .warning {
color: red
}
.col {
width: 100%
}
@media only screen and (min-width: 1200px) {
.columns:after {
content: '';
display: table;
clear: both
}
.columns .col {
float: left;
width: 100%
}
.columns .col-20, .columns .col-25, .columns .col-33, .columns .col-50, .columns .col-66, .columns .col-75, .columns .col-80 {
float: left
}
.columns .col-20 {
width: 20%
}
.columns .col-25 {
width: 25%
}
.columns .col-33 {
width: 33.33333333%
}
.columns .col-50 {
width: 50%
}
.columns .col-66 {
width: 66.66666666%
}
.columns .col-75 {
width: 75%
}
.columns .col-80 {
width: 80%
}
.columns .col-33:nth-child(3n+1) {
clear: both
}
}
.multicolumn {
-webkit-columns: 12em;
-moz-columns: 12em;
-ms-columns: 12em;
-o-columns: 12em;
columns: 12em;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
-ms-column-gap: 48px;
-o-column-gap: 48px;
column-gap: 48px;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.multicolumn + * {
margin-top: 24px;
margin-top: 1.5rem
}
.multicolumn > ol, .multicolumn > ul {
margin-top: 0 !important;
overflow: visible !important
}
.multicolumn > ol > li, .multicolumn > ul > li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
padding: 6px 0px !important;
padding: .375rem 0rem !important
}
.multicolumn > ol > li:before, .multicolumn > ul > li:before {
content: none
}
.grid {
max-width: 1200px
}
@media only screen and (min-width: 750px) {
.boxes-newsstand:after, .columns-2:after {
content: '';
display: table;
clear: both
}
.boxes-newsstand .col, .columns-2 .col {
float: left;
width: 50%
}
.boxes-newsstand .col:nth-child(2n+1), .columns-2 .col:nth-child(2n+1) {
clear: both
}
.boxes-newsstand .col:nth-child(odd) .card, .columns-2 .col:nth-child(odd) .card {
margin: 0px 12px 24px 0px !important;
margin: 0rem .75rem 1.5rem 0rem !important
}
.boxes-newsstand .col:nth-child(even) .card, .columns-2 .col:nth-child(even) .card {
margin: 0px 0px 24px 12px !important;
margin: 0rem 0rem 1.5rem .75rem !important
}
.boxes-featured-numbers:after, .homepage-secondary-slot:after, .columns-3:after {
content: '';
display: table;
clear: both
}
.boxes-featured-numbers .col, .homepage-secondary-slot .col, .columns-3 .col {
float: left;
width: 33.33333333%
}
.boxes-featured-numbers .col:nth-child(3n+1), .homepage-secondary-slot .col:nth-child(3n+1), .columns-3 .col:nth-child(3n+1) {
clear: both
}
.columns-4:after {
content: '';
display: table;
clear: both
}
.columns-4 .col {
float: left;
width: 25%
}
.columns-4 .col:nth-child(4n+1) {
clear: both
}
.columns-5:after {
content: '';
display: table;
clear: both
}
.columns-5 .col {
float: left;
width: 20%
}
.columns-5 .col:nth-child(5n+1) {
clear: both
}
.multicolumn-2 {
-webkit-columns: 20em;
-moz-columns: 20em;
-ms-columns: 20em;
-o-columns: 20em;
columns: 20em
}
.list-newsletter-profile-actions {
-webkit-columns: 12em;
-moz-columns: 12em;
-ms-columns: 12em;
-o-columns: 12em;
columns: 12em
}
.multicolumn-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3
}
.multicolumn-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
-ms-column-count: 4;
-o-column-count: 4;
column-count: 4
}
.multicolumn-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
-ms-column-count: 5;
-o-column-count: 5;
column-count: 5
}
.multicolumn-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
-ms-column-count: 6;
-o-column-count: 6;
column-count: 6
}
}
.grid-service ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns:1fr 1fr
}
.grid-service a {
background: #fff;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
flex-grow: 1;
justify-content: center;
align-items: center;
padding: 24px;
padding: 1.5rem;
height: 100%;
min-height: 140px;
min-height: 8.75rem
}
.grid-service .grid-service-title {
text-align: center;
display: block;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.22222em !important;
text-transform: uppercase;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
@media only screen and (min-width: 600px) {
.grid-service a {
min-height: 160px;
min-height: 10rem
}
}
@media only screen and (min-width: 750px) {
.grid-service ul {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns:repeat(3, 1fr)
}
.grid-service a {
padding: 40px;
padding: 2.5rem
}
.grid-service .grid-service-title {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important
}
}
.grid-service.grid-view .grid-service-item-2 a, .grid-service.grid-view .grid-service-item-3 a, .grid-service.grid-view .grid-service-item-6 a, .grid-service.grid-view .grid-service-item-7 a, .grid-service.grid-view .grid-service-item-10 a, .grid-service.grid-view .grid-service-item-11 a, .grid-service.grid-view .grid-service-item-14 a, .grid-service.grid-view .grid-service-item-15 a {
background: #e4e4e4
}
@media only screen and (min-width: 750px) {
.grid-service.grid-view .grid-service-item a {
background: #fff !important
}
.grid-service.grid-view .grid-service-item:nth-child(2n+1) a {
background: #e4e4e4 !important
}
.grid-service.grid-view .grid-service-item a {
transition: all .2s ease-in-out
}
.grid-service.grid-view .grid-service-item a:hover {
background: #c94c08 !important
}
.grid-service.grid-view .grid-service-item a:hover strong {
color: #fff !important
}
}
@media only screen and (min-width: 750px) and (-ms-high-contrast: none) {
.grid-service.grid-view .grid-service-item-1 {
-ms-grid-column: 1
}
.grid-service.grid-view .grid-service-item-2 {
-ms-grid-column: 2
}
.grid-service.grid-view .grid-service-item-3 {
-ms-grid-column: 3
}
.grid-service.grid-view .grid-service-item-4 {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.grid-service.grid-view .grid-service-item-5 {
-ms-grid-row: 2;
-ms-grid-column: 2
}
.grid-service.grid-view .grid-service-item-6 {
-ms-grid-row: 2;
-ms-grid-column: 3
}
.grid-service.grid-view .grid-service-item-7 {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.grid-service.grid-view .grid-service-item-8 {
-ms-grid-row: 3;
-ms-grid-column: 2
}
.grid-service.grid-view .grid-service-item-9 {
-ms-grid-row: 3;
-ms-grid-column: 3
}
.grid-service.grid-view .grid-service-item-10 {
-ms-grid-row: 4;
-ms-grid-column: 1
}
.grid-service.grid-view .grid-service-item-11 {
-ms-grid-row: 4;
-ms-grid-column: 2
}
.grid-service.grid-view .grid-service-item-12 {
-ms-grid-row: 4;
-ms-grid-column: 3
}
.grid-service.grid-view .grid-service-item-13 {
-ms-grid-row: 5;
-ms-grid-column: 1
}
.grid-service.grid-view .grid-service-item-14 {
-ms-grid-row: 5;
-ms-grid-column: 2
}
.grid-service.grid-view .grid-service-item-15 {
-ms-grid-row: 5;
-ms-grid-column: 3
}
.grid-service.grid-view .grid-service-item-16 {
-ms-grid-row: 6;
-ms-grid-column: 1
}
.grid-service.grid-view .grid-service-item-17 {
-ms-grid-row: 6;
-ms-grid-column: 2
}
.grid-service.grid-view .grid-service-item-18 {
-ms-grid-row: 6;
-ms-grid-column: 3
}
}
.grid-service.mosaic-view .grid-service-item a strong {
color: #111
}
.grid-service.mosaic-view .grid-service-item-image a {
position: relative
}
.grid-service.mosaic-view .grid-service-item-image a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(17, 17, 17, 0.4)
}
.grid-service.mosaic-view .grid-service-item-image a .grid-service-content {
z-index: 2
}
@media only screen and (max-width: 749px) {
.grid-service.mosaic-view .grid-service-item-4 a, .grid-service.mosaic-view .grid-service-item-7 a, .grid-service.mosaic-view .grid-service-item-12 a, .grid-service.mosaic-view .grid-service-item-16 a, .grid-service.mosaic-view .grid-service-item-19 a, .grid-service.mosaic-view .grid-service-item-24 a {
background: #d5d5d5
}
.grid-service.mosaic-view .grid-service-item-3 a, .grid-service.mosaic-view .grid-service-item-5 a, .grid-service.mosaic-view .grid-service-item-8 a, .grid-service.mosaic-view .grid-service-item-11 a, .grid-service.mosaic-view .grid-service-item-15 a, .grid-service.mosaic-view .grid-service-item-17 a, .grid-service.mosaic-view .grid-service-item-20 a, .grid-service.mosaic-view .grid-service-item-23 a {
background: #363636
}
.grid-service.mosaic-view .grid-service-item-3 a strong, .grid-service.mosaic-view .grid-service-item-5 a strong, .grid-service.mosaic-view .grid-service-item-8 a strong, .grid-service.mosaic-view .grid-service-item-11 a strong, .grid-service.mosaic-view .grid-service-item-15 a strong, .grid-service.mosaic-view .grid-service-item-17 a strong, .grid-service.mosaic-view .grid-service-item-20 a strong, .grid-service.mosaic-view .grid-service-item-23 a strong {
color: #f2f2f2
}
.grid-service.mosaic-view .grid-service-item-2 a, .grid-service.mosaic-view .grid-service-item-9 a, .grid-service.mosaic-view .grid-service-item-10 a, .grid-service.mosaic-view .grid-service-item-14 a, .grid-service.mosaic-view .grid-service-item-21 a, .grid-service.mosaic-view .grid-service-item-22 a {
background: #000
}
.grid-service.mosaic-view .grid-service-item-2 a strong, .grid-service.mosaic-view .grid-service-item-9 a strong, .grid-service.mosaic-view .grid-service-item-10 a strong, .grid-service.mosaic-view .grid-service-item-14 a strong, .grid-service.mosaic-view .grid-service-item-21 a strong, .grid-service.mosaic-view .grid-service-item-22 a strong {
color: #f2f2f2
}
.grid-service.mosaic-view .grid-service-item-2 {
grid-row-start: 1;
grid-row-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item-9 {
grid-row-start: 5;
grid-row-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item-14 {
grid-row-start: 8;
grid-row-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item-21 {
grid-row-start: 12;
grid-row-end: span 2;
grid-column-start: 2
}
}
@media only screen and (min-width: 750px) {
.grid-service.mosaic-view .grid-service-item-3 a, .grid-service.mosaic-view .grid-service-item-6 a, .grid-service.mosaic-view .grid-service-item-12 a, .grid-service.mosaic-view .grid-service-item-13 a, .grid-service.mosaic-view .grid-service-item-17 a, .grid-service.mosaic-view .grid-service-item-18 a, .grid-service.mosaic-view .grid-service-item-24 a {
background: #d5d5d5
}
.grid-service.mosaic-view .grid-service-item-4 a, .grid-service.mosaic-view .grid-service-item-8 a, .grid-service.mosaic-view .grid-service-item-11 a, .grid-service.mosaic-view .grid-service-item-16 a, .grid-service.mosaic-view .grid-service-item-20 a, .grid-service.mosaic-view .grid-service-item-23 a {
background: #363636
}
.grid-service.mosaic-view .grid-service-item-4 a strong, .grid-service.mosaic-view .grid-service-item-8 a strong, .grid-service.mosaic-view .grid-service-item-11 a strong, .grid-service.mosaic-view .grid-service-item-16 a strong, .grid-service.mosaic-view .grid-service-item-20 a strong, .grid-service.mosaic-view .grid-service-item-23 a strong {
color: #f2f2f2
}
.grid-service.mosaic-view .grid-service-item-2 a, .grid-service.mosaic-view .grid-service-item-9 a, .grid-service.mosaic-view .grid-service-item-10 a, .grid-service.mosaic-view .grid-service-item-14 a, .grid-service.mosaic-view .grid-service-item-21 a, .grid-service.mosaic-view .grid-service-item-22 a {
background: #000
}
.grid-service.mosaic-view .grid-service-item-2 a strong, .grid-service.mosaic-view .grid-service-item-9 a strong, .grid-service.mosaic-view .grid-service-item-10 a strong, .grid-service.mosaic-view .grid-service-item-14 a strong, .grid-service.mosaic-view .grid-service-item-21 a strong, .grid-service.mosaic-view .grid-service-item-22 a strong {
color: #f2f2f2
}
.grid-service.mosaic-view .grid-service-item-2 {
grid-row-start: 1;
grid-row-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item-9 {
grid-row-start: 4;
grid-row-end: span 2;
grid-column-start: 1
}
.grid-service.mosaic-view .grid-service-item-10 {
grid-row-start: 4;
grid-column-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item-14 {
grid-row-start: 6;
grid-row-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item-21 {
grid-row-start: 9;
grid-row-end: span 2;
grid-column-start: 1
}
.grid-service.mosaic-view .grid-service-item-22 {
grid-row-start: 9;
grid-column-end: span 2;
grid-column-start: 2
}
.grid-service.mosaic-view .grid-service-item a {
transition: all .2s ease-in-out
}
.grid-service.mosaic-view .grid-service-item a:hover {
background: #c94c08
}
.grid-service.mosaic-view .grid-service-item a:hover strong {
color: #fff
}
.grid-service.mosaic-view .grid-service-item-image a:hover {
background-position: top left !important
}
}
@media only screen and (min-width: 750px) and (-ms-high-contrast: none) {
.grid-service.mosaic-view .grid-service-item-1 {
-ms-grid-column: 1
}
.grid-service.mosaic-view .grid-service-item-2 {
-ms-grid-column: 2;
-ms-grid-row-span: 2
}
.grid-service.mosaic-view .grid-service-item-3 {
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-4 {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.grid-service.mosaic-view .grid-service-item-5 {
-ms-grid-row: 2;
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-6 {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.grid-service.mosaic-view .grid-service-item-7 {
-ms-grid-row: 3;
-ms-grid-column: 2
}
.grid-service.mosaic-view .grid-service-item-8 {
-ms-grid-row: 3;
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-9 {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-row-span: 2
}
.grid-service.mosaic-view .grid-service-item-10 {
-ms-grid-row: 4;
-ms-grid-column: 2;
-ms-grid-column-span: 2
}
.grid-service.mosaic-view .grid-service-item-11 {
-ms-grid-row: 5;
-ms-grid-column: 2
}
.grid-service.mosaic-view .grid-service-item-12 {
-ms-grid-row: 5;
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-13 {
-ms-grid-row: 6;
-ms-grid-column: 1
}
.grid-service.mosaic-view .grid-service-item-14 {
-ms-grid-row: 6;
-ms-grid-column: 2;
-ms-grid-row-span: 2
}
.grid-service.mosaic-view .grid-service-item-15 {
-ms-grid-row: 6;
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-16 {
-ms-grid-row: 7;
-ms-grid-column: 1
}
.grid-service.mosaic-view .grid-service-item-17 {
-ms-grid-row: 7;
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-18 {
-ms-grid-row: 8;
-ms-grid-column: 1
}
.grid-service.mosaic-view .grid-service-item-19 {
-ms-grid-row: 8;
-ms-grid-column: 2
}
.grid-service.mosaic-view .grid-service-item-20 {
-ms-grid-row: 8;
-ms-grid-column: 3
}
.grid-service.mosaic-view .grid-service-item-21 {
-ms-grid-row: 9;
-ms-grid-column: 1;
-ms-grid-row-span: 2
}
.grid-service.mosaic-view .grid-service-item-22 {
-ms-grid-row: 9;
-ms-grid-column: 2;
-ms-grid-column-span: 2
}
.grid-service.mosaic-view .grid-service-item-23 {
-ms-grid-row: 10;
-ms-grid-column: 2
}
.grid-service.mosaic-view .grid-service-item-24 {
-ms-grid-row: 10;
-ms-grid-column: 3
}
}
.main-content {
background: #fff
}
.main-content:after {
content: '';
display: table;
clear: both
}
.sidebar {
background: #363636
}
.body-content, .supplementary-content {
max-width: 800px;
margin: 0 auto
}
.body-content {
padding: 36px 24px 24px;
padding: 2.25rem 1.5rem 1.5rem;
background: #fff
}
.body-content.body-content-iframe {
padding: 0px 12px;
padding: 0rem .75rem;
overflow: hidden
}
@media only screen and (min-width: 1200px) {
.body-content {
padding: 0px 80px 48px;
padding: 0rem 5rem 3rem
}
}
.supplementary-content {
padding: 0px 24px;
padding: 0rem 1.5rem;
overflow: hidden
}
.supplementary-content:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 1200px) {
.supplementary-content {
padding: 0px 80px;
padding: 0rem 5rem
}
}
#product-recalls-results .pagination {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
@media only screen and (min-width: 1200px) {
.top-navigation {
width: 70%
}
.body-content, .supplementary-content {
max-width: 100%;
margin: 0 auto
}
.layout-side-main .main-content {
width: 70%
}
.layout-side-main .sidebar {
width: 30%
}
.layout-side-main .grid {
background-image: -webkit-linear-gradient(left, #363636 0, #363636 30%, transparent 30%, transparent 100%);
background-image: -moz-linear-gradient(left, #363636 0, #363636 30%, transparent 30%, transparent 100%);
background-image: -ms-linear-gradient(left, #363636 0, #363636 30%, transparent 30%, transparent 100%);
background-image: -o-linear-gradient(left, #363636 0, #363636 30%, transparent 30%, transparent 100%);
background-image: linear-gradient(left, #363636 0, #363636 30%, transparent 30%, transparent 100%);
background: url(i/chrome-faux-column.png) repeat-y 0 0
}
@supports (display: flex) {
.layout-side-main .grid {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
}.layout-side-main .sidebar {
float: left;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.layout-side-main .main-content {
float: right;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
}
@media only screen and (min-width: 1200px) {
.layout-article-aside:after, .layout-aside-article:after {
content: '';
display: table;
clear: both
}
.layout-article-aside .body-content, .layout-aside-article .body-content {
width: 70.65217391%;
padding: 60px 80px 48px !important;
padding: 3.75rem 5rem 3rem !important
}
.layout-article-aside .supplementary-content, .layout-aside-article .supplementary-content {
width: 29.34782609%;
padding: 24px 48px;
padding: 1.5rem 3rem
}
.layout-article-aside .body-content {
float: left;
padding-right: 24px !important;
padding-right: 1.5rem !important
}
.layout-article-aside .supplementary-content {
float: right
}
.layout-aside-article .supplementary-content {
float: left
}
.layout-aside-article .body-content {
float: right;
padding-left: 24px !important;
padding-left: 1.5rem !important
}
}
@media only screen and (min-width: 750px) {
.layout-columns-main-sidebar {
margin: 0px -80px;
margin: 0rem -5rem
}
.layout-columns-main-sidebar:after {
content: '';
display: table;
clear: both
}
.layout-columns-main-sidebar .column-main {
float: left;
width: 70.65217391%;
padding: 0px 80px 48px !important;
padding: 0rem 5rem 3rem !important
}
.layout-columns-main-sidebar .column-sidebar {
float: right;
width: 29.34782609%;
padding: 24px 36px;
padding: 1.5rem 2.25rem;
margin: -24px 0px -48px;
margin: -1.5rem 0rem -3rem
}
}
.section .grid {
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1200px) {
.section .grid {
padding: 48px;
padding: 3rem
}
}
.section-gray .grid {
background: #e4e4e4
}
.body-content:after {
content: '';
display: table;
clear: both
}
.body-content .metadata {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.body-content .intro {
padding-bottom: 4px;
padding-bottom: .25rem
}
.body-content .intro p {
margin-bottom: 20px;
margin-bottom: 1.25rem
}
.body-content .intro a {
color: #c94c08
}
.body-content .intro a:hover, .body-content .intro a:focus {
text-decoration: underline
}
@media only screen and (min-width: 1200px) {
.body-content .intro {
padding-bottom: 16px;
padding-bottom: 1rem
}
}
.body-content .action-bar {
overflow: visible;
width: 100%;
padding: 0px 0px 18px;
padding: 0rem 0rem 1.125rem
}
.body-content .action-bar:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.body-content .metadata + .action-bar {
margin: -64px 0px 18px;
margin: -4rem 0rem 1.125rem
}
.body-content .event-summary + .action-bar {
margin: 0px 0px 18px;
margin: 0rem 0rem 1.125rem
}
}
.body-content.body-content-hero-image > .body-copy {
min-height: 176px;
min-height: 11rem
}
.body-content .body-copy:after {
content: '';
display: table;
clear: both
}
.body-content .body-copy img {
width: 100%
}
.body-content .body-copy a {
color: #c94c08
}
.body-content .body-copy a:hover, .body-content .body-copy a:focus {
text-decoration: underline
}
.body-content .body-copy a:visited {
color: #c50
}
.body-content .body-copy > figure, .body-content .body-copy p, .body-content .body-copy ul, .body-content .body-copy ol, .body-content .body-copy dl {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.body-content .body-copy > ul ul {
margin-bottom: 12px;
margin-bottom: .75rem
}
.body-content .body-copy > ul ul > li:last-child {
margin-bottom: 0px;
margin-bottom: 0rem
}
.body-content .body-copy p {
widows: 2;
orphans: 2
}
.body-content .body-copy ul, .body-content .body-copy ol {
overflow: hidden
}
.body-content .body-copy ul, .body-content .body-copy ol, .body-content .body-copy dl {
margin-top: 12px;
margin-top: .75rem
}
.body-content .body-copy li {
margin-bottom: 12px;
margin-bottom: .75rem
}
.body-content .body-copy ul > li {
padding-left: 36px;
padding-left: 2.25rem
}
.body-content .body-copy ul > li:before {
float: left;
content: '–';
color: #c94c08;
margin-left: -1em
}
.body-content .body-copy ol > li {
margin-left: 36px;
margin-left: 2.25rem;
list-style: decimal outside
}
.body-content .body-copy * + h2, .body-content .body-copy * + h3 {
margin-top: 48px;
margin-top: 3rem
}
.body-content .body-copy .table-wrapper tr:hover {
background: none
}
.body-content .body-copy .table-wrapper td > ul, .body-content .body-copy .table-wrapper td > ol {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.body-content .body-copy .table-wrapper td > p + ul, .body-content .body-copy .table-wrapper td > p + ol {
margin-top: -12px;
margin-top: -.75rem
}
.body-content .body-copy .table-wrapper td > ul > li {
padding-left: 24px !important;
padding-left: 1.5rem !important
}
.body-content .body-copy .table-wrapper td > ul > li:before {
content: '–' !important
}
.body-content .body-copy .table-wrapper td > ol > li {
margin-left: 24px !important;
margin-left: 1.5rem !important
}
.body-content.product-recalls-record img {
max-height: 300px;
width: auto !important
}
.body-content.product-recalls-record a {
color: #c94c08
}
.body-content.product-recalls-record a:hover {
text-decoration: underline
}
@media only screen and (min-width: 1200px) {
.body-content .hero-image + .body-copy {
padding-top: 36px;
padding-top: 2.25rem
}
.body-content.body-content-hero-image .body-copy {
padding: 36px 36px 0px;
padding: 2.25rem 2.25rem 0rem;
margin: -176px -36px 0px;
margin: -11rem -2.25rem 0rem;
position: relative;
background: #fff
}
.body-content.body-content-hero-image .body-copy:before {
content: '';
display: block;
width: 16px;
height: 160px;
background: rgba(0, 0, 0, 0.25);
position: absolute;
left: -16px;
top: 16px
}
.body-content .body-copy-column {
float: left
}
.body-content .body-copy-column.body-copy-column-main {
width: 60%;
-webkit-padding-right: 24px;
-moz-padding-right: 24px;
-ms-padding-right: 24px;
-o-padding-right: 24px;
padding-right: 24px
}
.body-content .body-copy-column.body-copy-column-supplementary {
width: 40%;
-webkit-padding-left: 24px;
-moz-padding-left: 24px;
-ms-padding-left: 24px;
-o-padding-left: 24px;
padding-left: 24px
}
}
.body-content-full-width .body-copy {
padding: 24px 0px 0px;
padding: 1.5rem 0rem 0rem
}
@media only screen and (min-width: 600px) {
.body-content-full-width .body-copy {
padding: 32px 16px 16px;
padding: 2rem 1rem 1rem
}
}
@media only screen and (min-width: 1000px) {
.body-content-full-width {
max-width: none
}
.body-content-full-width .body-copy {
padding: 0px 16px 16px;
padding: 0rem 1rem 1rem;
padding-right: 20%
}
.body-content-full-width .body-copy.adjusted-padding {
padding-top: 40px;
padding-top: 2.5rem
}
.body-content-full-width .body-copy.adjusted-padding:before {
display: none
}
.body-content-full-width .body-copy:before {
content: "";
display: block;
float: right;
width: 60px;
width: 3.75rem;
height: 60px;
height: 3.75rem;
margin-right: 18%
}
}
@media only screen and (min-width: 1200px) {
.body-content-full-width .body-copy {
margin: 0px -80px !important;
margin: 0rem -5rem !important;
padding: 0px 80px 36px 80px !important;
padding: 0rem 5rem 2.25rem 5rem !important;
padding-right: 25% !important;
font-size: 115%
}
.body-content-full-width .body-copy h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.36364em !important
}
.body-content-full-width .body-copy:before {
content: "";
display: block;
position: relative !important;
float: right !important;
width: 24% !important;
background: none !important;
height: 60px !important;
height: 3.75rem !important;
margin-right: 0 !important
}
}
.decorative-image {
width: auto;
margin: 0px -24px 24px;
margin: 0rem -1.5rem 1.5rem
}
.decorative-image img {
width: 100%
}
@media only screen and (min-width: 600px) {
.decorative-image {
float: left;
width: 50% !important;
margin: 0px 36px 24px -24px;
margin: 0rem 2.25rem 1.5rem -1.5rem
}
}
@media only screen and (min-width: 1200px) {
.decorative-image {
float: left;
width: 400px !important;
border: 1px solid #ccc;
border-left: 0;
margin: 0px 80px 24px -80px;
margin: 0rem 5rem 1.5rem -5rem
}
.decorative-image img {
width: 344px !important;
margin: 24px 0px 24px 80px;
margin: 1.5rem 0rem 1.5rem 5rem
}
}
.newsletter-issue-header {
color: #000 !important;
width: 100%;
clear: both;
margin-bottom: 12px !important;
margin-bottom: .75rem !important
}
.newsletter-issue-header:after {
content: '';
display: table;
clear: both
}
.newsletter-issue-header .newsletter-issue-title a {
display: inline-block;
line-height: 1.5 !important;
border-bottom: 1px solid #ffffff
}
.newsletter-issue-header .newsletter-issue-title a:hover {
color: inherit;
border-bottom: 1px solid #c94c08
}
.safeguards-header {
width: 100%;
clear: both;
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.safeguards-header:after {
content: '';
display: table;
clear: both
}
.safeguards-header .safeguards-issue-no {
float: right
}
.body-content-phototiles {
padding-bottom: 0 !important
}
.list-phototiles {
clear: both;
width: auto !important;
position: relative;
margin-left: -24px;
margin-left: -1.5rem;
margin-right: -24px;
margin-right: -1.5rem
}
.list-phototiles img {
width: 100%
}
@media only screen and (min-width: 1200px) {
.list-phototiles {
margin-left: -80px;
margin-left: -5rem;
margin-right: -80px;
margin-right: -5rem
}
}
.list-phototiles:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.list-phototiles .col {
float: left;
width: 50%
}
.list-phototiles .col:nth-child(2n+1) {
clear: both
}
.list-phototiles .col:nth-child(odd) .phototile-card {
margin: 0px 1px 2px 0px !important;
margin: 0rem .0625rem .125rem 0rem !important
}
.list-phototiles .col:nth-child(even) .phototile-card {
margin: 0px 0px 2px 1px !important;
margin: 0rem 0rem .125rem .0625rem !important
}
}
.list-phototiles .phototile-card {
position: relative;
margin-bottom: 2px !important;
margin-bottom: .125rem !important
}
.wf-roboto-n4-active .list-phototiles .phototile-card {
text-rendering: optimizeLegibility
}
.list-phototiles .phototile-card figure {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 50% !important;
background: #000
}
.list-phototiles .phototile-card figure:after {
content: '';
display: table;
clear: both
}
.list-phototiles .phototile-card figure img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.list-phototiles .phototile-card .phototile-card-content {
display: none;
padding: 0px 24px 24px !important;
padding: 0rem 1.5rem 1.5rem !important;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.list-phototiles .phototile-card .phototile-card-wrap {
text-align: center;
color: #fff
}
@media only screen and (min-width: 750px) {
.list-phototiles .phototile-card .phototile-card-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%
}
}
.list-phototiles .phototile-card .phototile-card-wrap .phototile-card-head {
position: absolute;
text-align: center;
width: 100%;
height: 0;
background: rgba(0, 0, 0, 0.5);
top: 0%;
padding-bottom: 50%
}
.list-phototiles .phototile-card .phototile-card-wrap .phototile-card-head .phototile-card-title {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0px 24px;
padding: 0rem 1.5rem
}
.list-phototiles .phototile-card .phototile-card-wrap .phototile-card-head .phototile-card-title .metadata {
text-transform: uppercase;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.list-phototiles .phototile-card .phototile-card-wrap .phototile-card-head h2 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.72727em !important;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.015em
}
.list-phototiles .phototile-card .phototile-card-wrap .phototile-card-head h2, .list-phototiles .phototile-card .phototile-card-wrap .phototile-card-head p {
margin-bottom: 0
}
.list-phototiles .phototile-card .phototile-card-wrap .abstract {
padding: 0 20px
}
.list-phototiles .phototile-card .phototile-card-wrap .cta a {
display: block;
color: #fff
}
.list-phototiles .phototile-card .phototile-card-wrap .cta a span {
border-bottom: 1px solid #c94c08
}
.list-phototiles .phototile-card:hover .phototile-card-wrap {
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, #000 51%, #000 100%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, #000 51%, #000 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, #000 51%, #000 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, #000 51%, #000 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, #000 51%, #000 100%);
border-bottom: 2px solid #000
}
@media only screen and (min-width: 750px) {
.list-phototiles .phototile-card:hover .phototile-card-wrap {
height: 200%;
z-index: 10
}
}
.list-phototiles .phototile-card:hover .phototile-card-wrap .phototile-card-content {
display: block;
background: #000
}
@media only screen and (min-width: 750px) {
.list-phototiles .phototile-card:hover .phototile-card-wrap .phototile-card-content {
background: transparent
}
}
.list-phototiles .phototile-card:hover .phototile-card-wrap .phototile-card-head {
background: rgba(0, 0, 0, 0.25);
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%)
}
@media only screen and (min-width: 750px) {
.list-phototiles .phototile-card:hover .phototile-card-wrap .phototile-card-head {
position: static;
top: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
background: none;
padding-bottom: 30%
}
}
.supplementary-content .section, .related-block, .hero-image {
clear: both;
width: auto !important;
position: relative;
margin-left: -24px;
margin-left: -1.5rem;
margin-right: -24px;
margin-right: -1.5rem;
margin-bottom: 0px !important;
margin-bottom: 0rem !important
}
.supplementary-content .section img, .related-block img, .hero-image img {
width: 100%;
display: block
}
@media only screen and (min-width: 1200px) {
.supplementary-content .section, .related-block, .hero-image {
margin-left: -80px;
margin-left: -5rem;
margin-right: -80px;
margin-right: -5rem
}
}
.hero-image {
background: #000
}
@media only screen and (min-width: 450px) {
.hero-image {
min-height: 280px
}
}
.related-training-sessions {
padding: 0px 24px;
padding: 0rem 1.5rem
}
@media only screen and (min-width: 1200px) {
.related-training-sessions {
padding: 0px 80px;
padding: 0rem 5rem
}
}
.related-downloads {
padding: 36px 24px;
padding: 2.25rem 1.5rem;
background: #f2f2f2
}
.related-downloads > header > h3 {
padding: 0px 24px 24px;
padding: 0rem 1.5rem 1.5rem
}
@media only screen and (min-width: 1200px) {
.related-downloads > header > h3 {
padding: 0px 0px 24px;
padding: 0rem 0rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.related-downloads {
padding: 36px 80px 36px;
padding: 2.25rem 5rem 2.25rem
}
}
.related-downloads-alt-language {
padding: 0px 24px 36px;
padding: 0rem 1.5rem 2.25rem;
background: #f2f2f2
}
.related-downloads-alt-language a {
color: #c94c08
}
.related-downloads-alt-language a:hover, .related-downloads-alt-language a:focus {
text-decoration: underline
}
.related-downloads-alt-language > header > h3 {
padding: 0px 24px 24px;
padding: 0rem 1.5rem 1.5rem
}
@media only screen and (min-width: 1200px) {
.related-downloads-alt-language > header > h3 {
padding: 0px 0px 24px;
padding: 0rem 0rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.related-downloads-alt-language {
padding: 0px 80px 80px;
padding: 0rem 5rem 5rem
}
}
.related-links {
color: #fff;
background: #1c1c1c;
padding: 36px 24px;
padding: 2.25rem 1.5rem
}
.related-links li {
border-bottom: 1px solid #777 !important;
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.related-links a {
display: block;
color: #c94c08;
position: relative;
padding: 6px 48px 6px 0px;
padding: .375rem 3rem .375rem 0rem
}
.related-links a:hover {
color: #fff
}
.related-links a.link-external:after {
position: absolute !important;
bottom: 5px;
right: 0
}
@media only screen and (min-width: 1200px) {
.related-links {
background: #1c1c1c url(i/bg-related-links.png) no-repeat 100% 50%;
padding: 60px 80px;
padding: 3.75rem 5rem
}
.related-links ul {
max-width: 320px;
max-width: 20rem
}
}
.related-news, .related-news-events {
background: #fff;
border-top: 1px solid #ccc;
padding: 36px 24px 36px;
padding: 2.25rem 1.5rem 2.25rem
}
.related-news:after, .related-news-events:after {
content: '';
display: table;
clear: both
}
.related-downloads + .related-news, .related-links + .related-news, .related-downloads + .related-news-events, .related-links + .related-news-events {
border-top: 0
}
@media only screen and (min-width: 1200px) {
.related-news, .related-news-events {
padding: 60px 80px;
padding: 3.75rem 5rem
}
.related-news .columns, .related-news-events .columns {
margin: 0px -12px;
margin: 0rem -.75rem
}
}
.body-content .bc-snippet-feefo img {
display: block;
width: auto;
margin: 0 auto
}
.body-content .bc-snippet-force-wrap {
word-wrap: break-word
}
.body-content .bc-snippet-references {
padding-left: 16px;
padding-left: 1rem;
-ms-word-break: break-all;
word-break: break-all
}
.body-content .bc-snippet-references a {
margin-top: 10px;
margin-top: .625rem;
display: inline-block
}
.body-content .bc-snippet-references sup {
float: left;
margin: 10px 0px 0px -16px;
margin: .625rem 0rem 0rem -1rem
}
.list-select-training-countries > ul {
column-count: 4;
column-width: auto
}
.list-select-training-countries > ul > li::before {
content: none !important;
margin-left: 0 pximportant;
margin-left: 0 remimportant
}
.body-content .bc-snippet-items-to-show {
margin-right: -8px;
margin-right: -.5rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.57143em !important;
color: #8e8e8e
}
.body-content .bc-snippet-items-to-show .column-results {
width: 50%;
float: left
}
.body-content .bc-snippet-items-to-show .column-filter {
width: 50%;
float: right;
text-align: right
}
.body-content .bc-snippet-items-to-show p, .body-content .bc-snippet-items-to-show ul {
display: inline
}
.body-content .bc-snippet-items-to-show strong {
color: #555
}
.body-content .bc-snippet-items-to-show li {
display: inline-block;
margin-right: -4px;
margin-right: -.25rem
}
.body-content .bc-snippet-items-to-show li:before {
content: "";
border-left: 1px solid #f2f2f2
}
.body-content .bc-snippet-items-to-show li:first-child {
margin-left: 4px;
margin-left: .25rem
}
.body-content .bc-snippet-items-to-show li:first-child:before {
display: none
}
.body-content .bc-snippet-items-to-show a {
color: #c94c08;
padding: 0px 8px;
padding: 0rem .5rem
}
.body-content .bc-snippet-items-to-show a.active {
color: #363636;
font-weight: bold
}
.bc-snippet-list-links ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-top: 1px
}
.bc-snippet-list-links li {
padding: 0 !important;
margin: 0 !important;
display: block
}
.bc-snippet-list-links li:before {
display: none
}
.bc-snippet-list-links a {
display: flex;
align-items: center;
position: relative;
z-index: 1;
padding: 10px 50px 10px 10px;
padding: .625rem 3.125rem .625rem .625rem;
min-height: 60px;
min-height: 3.75rem;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.3em !important;
color: #000 !important;
font-weight: 500;
background: url("i/arrows/arrow-right-long-bold@2x.png") no-repeat right 10px center;
background-size: 19px 12px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: -1px;
margin-top: -.0625rem;
transition: all ease-out .25s
}
.bc-snippet-list-links a:hover, .bc-snippet-list-links a:focus {
background-position: right 0 center;
color: #c94c08 !important;
outline: none;
z-index: 10;
text-decoration: none !important;
border-top: 1px solid #c94c08;
border-bottom: 1px solid #c94c08
}
.bc-snippet-list-links .image {
display: block;
flex-shrink: 0;
width: 38px;
width: 2.375rem;
height: 38px;
height: 2.375rem;
margin-right: 14px;
margin-right: .875rem;
border-radius: 3px;
background-size: cover
}
.body-content #office-directory-loader {
text-align: center
}
.table-wrapper {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.page-header + .table-wrapper {
margin-top: 36px;
margin-top: 2.25rem
}
.table-wrapper a {
color: #c94c08
}
.table-wrapper table {
width: 100%;
border-collapse: collapse
}
.table-wrapper tr:hover {
background: #f2f2f2
}
.table-wrapper th, .table-wrapper td {
text-align: left;
vertical-align: top;
font-weight: normal;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.57143em !important;
border-bottom: 1px solid #d5d5d5;
padding: 12px;
padding: .75rem
}
.table-wrapper th p, .table-wrapper td p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.table-wrapper th ul, .table-wrapper th ol, .table-wrapper td ul, .table-wrapper td ol {
margin: 0
}
.table-wrapper th li, .table-wrapper td li {
margin: 0
}
.table-wrapper th > img, .table-wrapper td > img {
min-width: 120px;
min-width: 7.5rem
}
.table-wrapper th.filesize, .table-wrapper th.number, .table-wrapper th.actions, .table-wrapper th.date, .table-wrapper td.filesize, .table-wrapper td.number, .table-wrapper td.actions, .table-wrapper td.date {
text-align: right
}
.table-wrapper th.date, .table-wrapper th.actions, .table-wrapper th.file-type, .table-wrapper td.date, .table-wrapper td.actions, .table-wrapper td.file-type {
white-space: nowrap
}
@media only screen and (min-width: 1200px) {
.table-wrapper .table-thumbnail {
padding-right: 24px
}
.table-wrapper .table-thumbnail img {
width: 100%
}
}
.table-wrapper th strong {
display: block
}
.table-wrapper thead th:first-child {
text-align: left
}
.table-wrapper thead th {
border-top: 1px solid #9e9e9e;
text-transform: uppercase;
font-weight: bold
}
.table-wrapper tbody tr:first-child th, .table-wrapper tbody tr:first-child td {
border-top: 1px solid #9e9e9e
}
@media only screen and (min-width: 1200px) {
.table-wrapper {
margin: 0px -12px 36px;
margin: 0rem -.75rem 2.25rem
}
}
.table-wrapper-pairs tbody th {
width: 200px;
font-weight: bold
}
.table-wrapper-pairs tbody td {
text-align: left
}
.table-wrapper-empty {
height: 688px;
background: url(i/table-empty-placeholder.png) no-repeat
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.table-wrapper-empty {
background-image: url("i/table-empty-placeholder-@2x.png") !important;
background-size: 784px 344px !important
}
}
.table-wrapper-stocks-overview thead th:first-child {
text-align: left !important
}
.table-style-tiles {
overflow: auto
}
.table-style-tiles th, .table-style-tiles td {
background: #f2f2f2;
border: 2px solid #fff !important
}
.table-style-tiles tr:hover th, .table-style-tiles tr:hover td {
background: #e4e4e4
}
.table-wrapper-filtered-product-recalls img {
width: auto !important;
min-width: 0 !important;
max-height: 100px
}
.table-wrapper-filterable-publications tbody th, .table-wrapper-filterable-downloads tbody th, .table-wrapper-filterable-bio-database tbody th, .table-wrapper-filterable-events-ir-upcoming tbody th, .table-wrapper-filterable-events-ir-past tbody th, .table-wrapper-filterable-events-upcoming tbody th, .table-wrapper-filterable-events-past tbody th {
min-width: 33.333333333%
}
.table-wrapper-filterable-services-by-type tbody td {
min-width: 33.333333333%
}
.table-wrapper-filterable-financial-reports tbody th {
width: auto;
text-align: left
}
@media only screen and (max-width: 750px) {
.table-wrapper-pairs {
width: auto;
min-width: 100%
}
.table-wrapper-pairs table {
width: 100%;
table-layout: fixed
}
.table-wrapper-pairs th, .table-wrapper-pairs td {
width: 50% !important;
text-align: left !important
}
.body-content .table-wrapper {
overflow: auto
}
.table-wrapper-filterable-events-upcoming, .table-wrapper-filterable-events-past, .table-wrapper-filterable-analyst-reports, .table-wrapper-filterable-news, .table-wrapper-filterable-office-directory, .table-wrapper-filterable-office-directories, .table-wrapper-filterable-product-recalls, .table-wrapper-financial-reports, .table-wrapper-analyst-reports, .table-wrapper-database-method, .table-wrapper-filterable-press-room, .table-wrapper-filterable-whitepapers, .table-wrapper-filterable-downloads, .table-wrapper-filterable-sustainability-reports, .table-wrapper-filterable-publications, .table-wrapper-filterable-events-ir-past, .table-wrapper-filterable-events-ir-upcoming, .table-wrapper-upcoming-training-sessions, .table-wrapper-filterable-events-upcoming, .table-wrapper-filterable-training-schedule, .table-wrapper-filterable-financial-reports, .table-wrapper-terms-and-conditions, .table-yes-no-answers, .table-radio-buttons, .table-wrapper-filterable-bio-database, .table-wrapper-filterable-food-certification-marks, .table-wrapper-filterable-services-by-type, .table-wrapper-electrical-products {
margin: 0px -24px 24px;
margin: 0rem -1.5rem 1.5rem
}
.table-wrapper-filterable-events-upcoming table, .table-wrapper-filterable-events-upcoming thead, .table-wrapper-filterable-events-upcoming tbody, .table-wrapper-filterable-events-upcoming th, .table-wrapper-filterable-events-upcoming td, .table-wrapper-filterable-events-upcoming tr, .table-wrapper-filterable-events-past table, .table-wrapper-filterable-events-past thead, .table-wrapper-filterable-events-past tbody, .table-wrapper-filterable-events-past th, .table-wrapper-filterable-events-past td, .table-wrapper-filterable-events-past tr, .table-wrapper-filterable-analyst-reports table, .table-wrapper-filterable-analyst-reports thead, .table-wrapper-filterable-analyst-reports tbody, .table-wrapper-filterable-analyst-reports th, .table-wrapper-filterable-analyst-reports td, .table-wrapper-filterable-analyst-reports tr, .table-wrapper-filterable-news table, .table-wrapper-filterable-news thead, .table-wrapper-filterable-news tbody, .table-wrapper-filterable-news th, .table-wrapper-filterable-news td, .table-wrapper-filterable-news tr, .table-wrapper-filterable-office-directory table, .table-wrapper-filterable-office-directory thead, .table-wrapper-filterable-office-directory tbody, .table-wrapper-filterable-office-directory th, .table-wrapper-filterable-office-directory td, .table-wrapper-filterable-office-directory tr, .table-wrapper-filterable-office-directories table, .table-wrapper-filterable-office-directories thead, .table-wrapper-filterable-office-directories tbody, .table-wrapper-filterable-office-directories th, .table-wrapper-filterable-office-directories td, .table-wrapper-filterable-office-directories tr, .table-wrapper-filterable-product-recalls table, .table-wrapper-filterable-product-recalls thead, .table-wrapper-filterable-product-recalls tbody, .table-wrapper-filterable-product-recalls th, .table-wrapper-filterable-product-recalls td, .table-wrapper-filterable-product-recalls tr, .table-wrapper-financial-reports table, .table-wrapper-financial-reports thead, .table-wrapper-financial-reports tbody, .table-wrapper-financial-reports th, .table-wrapper-financial-reports td, .table-wrapper-financial-reports tr, .table-wrapper-analyst-reports table, .table-wrapper-analyst-reports thead, .table-wrapper-analyst-reports tbody, .table-wrapper-analyst-reports th, .table-wrapper-analyst-reports td, .table-wrapper-analyst-reports tr, .table-wrapper-database-method table, .table-wrapper-database-method thead, .table-wrapper-database-method tbody, .table-wrapper-database-method th, .table-wrapper-database-method td, .table-wrapper-database-method tr, .table-wrapper-filterable-press-room table, .table-wrapper-filterable-press-room thead, .table-wrapper-filterable-press-room tbody, .table-wrapper-filterable-press-room th, .table-wrapper-filterable-press-room td, .table-wrapper-filterable-press-room tr, .table-wrapper-filterable-whitepapers table, .table-wrapper-filterable-whitepapers thead, .table-wrapper-filterable-whitepapers tbody, .table-wrapper-filterable-whitepapers th, .table-wrapper-filterable-whitepapers td, .table-wrapper-filterable-whitepapers tr, .table-wrapper-filterable-downloads table, .table-wrapper-filterable-downloads thead, .table-wrapper-filterable-downloads tbody, .table-wrapper-filterable-downloads th, .table-wrapper-filterable-downloads td, .table-wrapper-filterable-downloads tr, .table-wrapper-filterable-sustainability-reports table, .table-wrapper-filterable-sustainability-reports thead, .table-wrapper-filterable-sustainability-reports tbody, .table-wrapper-filterable-sustainability-reports th, .table-wrapper-filterable-sustainability-reports td, .table-wrapper-filterable-sustainability-reports tr, .table-wrapper-filterable-publications table, .table-wrapper-filterable-publications thead, .table-wrapper-filterable-publications tbody, .table-wrapper-filterable-publications th, .table-wrapper-filterable-publications td, .table-wrapper-filterable-publications tr, .table-wrapper-filterable-events-ir-past table, .table-wrapper-filterable-events-ir-past thead, .table-wrapper-filterable-events-ir-past tbody, .table-wrapper-filterable-events-ir-past th, .table-wrapper-filterable-events-ir-past td, .table-wrapper-filterable-events-ir-past tr, .table-wrapper-filterable-events-ir-upcoming table, .table-wrapper-filterable-events-ir-upcoming thead, .table-wrapper-filterable-events-ir-upcoming tbody, .table-wrapper-filterable-events-ir-upcoming th, .table-wrapper-filterable-events-ir-upcoming td, .table-wrapper-filterable-events-ir-upcoming tr, .table-wrapper-upcoming-training-sessions table, .table-wrapper-upcoming-training-sessions thead, .table-wrapper-upcoming-training-sessions tbody, .table-wrapper-upcoming-training-sessions th, .table-wrapper-upcoming-training-sessions td, .table-wrapper-upcoming-training-sessions tr, .table-wrapper-filterable-events-upcoming table, .table-wrapper-filterable-events-upcoming thead, .table-wrapper-filterable-events-upcoming tbody, .table-wrapper-filterable-events-upcoming th, .table-wrapper-filterable-events-upcoming td, .table-wrapper-filterable-events-upcoming tr, .table-wrapper-filterable-training-schedule table, .table-wrapper-filterable-training-schedule thead, .table-wrapper-filterable-training-schedule tbody, .table-wrapper-filterable-training-schedule th, .table-wrapper-filterable-training-schedule td, .table-wrapper-filterable-training-schedule tr, .table-wrapper-filterable-financial-reports table, .table-wrapper-filterable-financial-reports thead, .table-wrapper-filterable-financial-reports tbody, .table-wrapper-filterable-financial-reports th, .table-wrapper-filterable-financial-reports td, .table-wrapper-filterable-financial-reports tr, .table-wrapper-terms-and-conditions table, .table-wrapper-terms-and-conditions thead, .table-wrapper-terms-and-conditions tbody, .table-wrapper-terms-and-conditions th, .table-wrapper-terms-and-conditions td, .table-wrapper-terms-and-conditions tr, .table-yes-no-answers table, .table-yes-no-answers thead, .table-yes-no-answers tbody, .table-yes-no-answers th, .table-yes-no-answers td, .table-yes-no-answers tr, .table-radio-buttons table, .table-radio-buttons thead, .table-radio-buttons tbody, .table-radio-buttons th, .table-radio-buttons td, .table-radio-buttons tr, .table-wrapper-filterable-bio-database table, .table-wrapper-filterable-bio-database thead, .table-wrapper-filterable-bio-database tbody, .table-wrapper-filterable-bio-database th, .table-wrapper-filterable-bio-database td, .table-wrapper-filterable-bio-database tr, .table-wrapper-filterable-food-certification-marks table, .table-wrapper-filterable-food-certification-marks thead, .table-wrapper-filterable-food-certification-marks tbody, .table-wrapper-filterable-food-certification-marks th, .table-wrapper-filterable-food-certification-marks td, .table-wrapper-filterable-food-certification-marks tr, .table-wrapper-filterable-services-by-type table, .table-wrapper-filterable-services-by-type thead, .table-wrapper-filterable-services-by-type tbody, .table-wrapper-filterable-services-by-type th, .table-wrapper-filterable-services-by-type td, .table-wrapper-filterable-services-by-type tr, .table-wrapper-electrical-products table, .table-wrapper-electrical-products thead, .table-wrapper-electrical-products tbody, .table-wrapper-electrical-products th, .table-wrapper-electrical-products td, .table-wrapper-electrical-products tr {
display: block
}
.table-wrapper-filterable-events-upcoming thead, .table-wrapper-filterable-events-past thead, .table-wrapper-filterable-analyst-reports thead, .table-wrapper-filterable-news thead, .table-wrapper-filterable-office-directory thead, .table-wrapper-filterable-office-directories thead, .table-wrapper-filterable-product-recalls thead, .table-wrapper-financial-reports thead, .table-wrapper-analyst-reports thead, .table-wrapper-database-method thead, .table-wrapper-filterable-press-room thead, .table-wrapper-filterable-whitepapers thead, .table-wrapper-filterable-downloads thead, .table-wrapper-filterable-sustainability-reports thead, .table-wrapper-filterable-publications thead, .table-wrapper-filterable-events-ir-past thead, .table-wrapper-filterable-events-ir-upcoming thead, .table-wrapper-upcoming-training-sessions thead, .table-wrapper-filterable-events-upcoming thead, .table-wrapper-filterable-training-schedule thead, .table-wrapper-filterable-financial-reports thead, .table-wrapper-terms-and-conditions thead, .table-yes-no-answers thead, .table-radio-buttons thead, .table-wrapper-filterable-bio-database thead, .table-wrapper-filterable-food-certification-marks thead, .table-wrapper-filterable-services-by-type thead, .table-wrapper-electrical-products thead {
position: absolute;
left: -9999px;
overflow: hidden
}
.table-wrapper-filterable-events-upcoming table, .table-wrapper-filterable-events-past table, .table-wrapper-filterable-analyst-reports table, .table-wrapper-filterable-news table, .table-wrapper-filterable-office-directory table, .table-wrapper-filterable-office-directories table, .table-wrapper-filterable-product-recalls table, .table-wrapper-financial-reports table, .table-wrapper-analyst-reports table, .table-wrapper-database-method table, .table-wrapper-filterable-press-room table, .table-wrapper-filterable-whitepapers table, .table-wrapper-filterable-downloads table, .table-wrapper-filterable-sustainability-reports table, .table-wrapper-filterable-publications table, .table-wrapper-filterable-events-ir-past table, .table-wrapper-filterable-events-ir-upcoming table, .table-wrapper-upcoming-training-sessions table, .table-wrapper-filterable-events-upcoming table, .table-wrapper-filterable-training-schedule table, .table-wrapper-filterable-financial-reports table, .table-wrapper-terms-and-conditions table, .table-yes-no-answers table, .table-radio-buttons table, .table-wrapper-filterable-bio-database table, .table-wrapper-filterable-food-certification-marks table, .table-wrapper-filterable-services-by-type table, .table-wrapper-electrical-products table {
border-bottom: 1px solid #ccc
}
.table-wrapper-filterable-events-upcoming tr, .table-wrapper-filterable-events-past tr, .table-wrapper-filterable-analyst-reports tr, .table-wrapper-filterable-news tr, .table-wrapper-filterable-office-directory tr, .table-wrapper-filterable-office-directories tr, .table-wrapper-filterable-product-recalls tr, .table-wrapper-financial-reports tr, .table-wrapper-analyst-reports tr, .table-wrapper-database-method tr, .table-wrapper-filterable-press-room tr, .table-wrapper-filterable-whitepapers tr, .table-wrapper-filterable-downloads tr, .table-wrapper-filterable-sustainability-reports tr, .table-wrapper-filterable-publications tr, .table-wrapper-filterable-events-ir-past tr, .table-wrapper-filterable-events-ir-upcoming tr, .table-wrapper-upcoming-training-sessions tr, .table-wrapper-filterable-events-upcoming tr, .table-wrapper-filterable-training-schedule tr, .table-wrapper-filterable-financial-reports tr, .table-wrapper-terms-and-conditions tr, .table-yes-no-answers tr, .table-radio-buttons tr, .table-wrapper-filterable-bio-database tr, .table-wrapper-filterable-food-certification-marks tr, .table-wrapper-filterable-services-by-type tr, .table-wrapper-electrical-products tr {
padding: 12px 18px;
padding: .75rem 1.125rem;
border-top: 1px solid #ccc
}
.table-wrapper-filterable-events-upcoming tr:after, .table-wrapper-filterable-events-past tr:after, .table-wrapper-filterable-analyst-reports tr:after, .table-wrapper-filterable-news tr:after, .table-wrapper-filterable-office-directory tr:after, .table-wrapper-filterable-office-directories tr:after, .table-wrapper-filterable-product-recalls tr:after, .table-wrapper-financial-reports tr:after, .table-wrapper-analyst-reports tr:after, .table-wrapper-database-method tr:after, .table-wrapper-filterable-press-room tr:after, .table-wrapper-filterable-whitepapers tr:after, .table-wrapper-filterable-downloads tr:after, .table-wrapper-filterable-sustainability-reports tr:after, .table-wrapper-filterable-publications tr:after, .table-wrapper-filterable-events-ir-past tr:after, .table-wrapper-filterable-events-ir-upcoming tr:after, .table-wrapper-upcoming-training-sessions tr:after, .table-wrapper-filterable-events-upcoming tr:after, .table-wrapper-filterable-training-schedule tr:after, .table-wrapper-filterable-financial-reports tr:after, .table-wrapper-terms-and-conditions tr:after, .table-yes-no-answers tr:after, .table-radio-buttons tr:after, .table-wrapper-filterable-bio-database tr:after, .table-wrapper-filterable-food-certification-marks tr:after, .table-wrapper-filterable-services-by-type tr:after, .table-wrapper-electrical-products tr:after {
content: '';
display: table;
clear: both
}
.table-wrapper-filterable-events-upcoming th, .table-wrapper-filterable-events-upcoming td, .table-wrapper-filterable-events-past th, .table-wrapper-filterable-events-past td, .table-wrapper-filterable-analyst-reports th, .table-wrapper-filterable-analyst-reports td, .table-wrapper-filterable-news th, .table-wrapper-filterable-news td, .table-wrapper-filterable-office-directory th, .table-wrapper-filterable-office-directory td, .table-wrapper-filterable-office-directories th, .table-wrapper-filterable-office-directories td, .table-wrapper-filterable-product-recalls th, .table-wrapper-filterable-product-recalls td, .table-wrapper-financial-reports th, .table-wrapper-financial-reports td, .table-wrapper-analyst-reports th, .table-wrapper-analyst-reports td, .table-wrapper-database-method th, .table-wrapper-database-method td, .table-wrapper-filterable-press-room th, .table-wrapper-filterable-press-room td, .table-wrapper-filterable-whitepapers th, .table-wrapper-filterable-whitepapers td, .table-wrapper-filterable-downloads th, .table-wrapper-filterable-downloads td, .table-wrapper-filterable-sustainability-reports th, .table-wrapper-filterable-sustainability-reports td, .table-wrapper-filterable-publications th, .table-wrapper-filterable-publications td, .table-wrapper-filterable-events-ir-past th, .table-wrapper-filterable-events-ir-past td, .table-wrapper-filterable-events-ir-upcoming th, .table-wrapper-filterable-events-ir-upcoming td, .table-wrapper-upcoming-training-sessions th, .table-wrapper-upcoming-training-sessions td, .table-wrapper-filterable-events-upcoming th, .table-wrapper-filterable-events-upcoming td, .table-wrapper-filterable-training-schedule th, .table-wrapper-filterable-training-schedule td, .table-wrapper-filterable-financial-reports th, .table-wrapper-filterable-financial-reports td, .table-wrapper-terms-and-conditions th, .table-wrapper-terms-and-conditions td, .table-yes-no-answers th, .table-yes-no-answers td, .table-radio-buttons th, .table-radio-buttons td, .table-wrapper-filterable-bio-database th, .table-wrapper-filterable-bio-database td, .table-wrapper-filterable-food-certification-marks th, .table-wrapper-filterable-food-certification-marks td, .table-wrapper-filterable-services-by-type th, .table-wrapper-filterable-services-by-type td, .table-wrapper-electrical-products th, .table-wrapper-electrical-products td {
padding: 6px;
padding: .375rem;
width: 100% !important;
border: 0 !important
}
.table-wrapper-filterable-events-upcoming th strong, .table-wrapper-filterable-events-upcoming th p, .table-wrapper-filterable-events-upcoming th ul, .table-wrapper-filterable-events-upcoming th ol, .table-wrapper-filterable-events-upcoming td strong, .table-wrapper-filterable-events-upcoming td p, .table-wrapper-filterable-events-upcoming td ul, .table-wrapper-filterable-events-upcoming td ol, .table-wrapper-filterable-events-past th strong, .table-wrapper-filterable-events-past th p, .table-wrapper-filterable-events-past th ul, .table-wrapper-filterable-events-past th ol, .table-wrapper-filterable-events-past td strong, .table-wrapper-filterable-events-past td p, .table-wrapper-filterable-events-past td ul, .table-wrapper-filterable-events-past td ol, .table-wrapper-filterable-analyst-reports th strong, .table-wrapper-filterable-analyst-reports th p, .table-wrapper-filterable-analyst-reports th ul, .table-wrapper-filterable-analyst-reports th ol, .table-wrapper-filterable-analyst-reports td strong, .table-wrapper-filterable-analyst-reports td p, .table-wrapper-filterable-analyst-reports td ul, .table-wrapper-filterable-analyst-reports td ol, .table-wrapper-filterable-news th strong, .table-wrapper-filterable-news th p, .table-wrapper-filterable-news th ul, .table-wrapper-filterable-news th ol, .table-wrapper-filterable-news td strong, .table-wrapper-filterable-news td p, .table-wrapper-filterable-news td ul, .table-wrapper-filterable-news td ol, .table-wrapper-filterable-office-directory th strong, .table-wrapper-filterable-office-directory th p, .table-wrapper-filterable-office-directory th ul, .table-wrapper-filterable-office-directory th ol, .table-wrapper-filterable-office-directory td strong, .table-wrapper-filterable-office-directory td p, .table-wrapper-filterable-office-directory td ul, .table-wrapper-filterable-office-directory td ol, .table-wrapper-filterable-office-directories th strong, .table-wrapper-filterable-office-directories th p, .table-wrapper-filterable-office-directories th ul, .table-wrapper-filterable-office-directories th ol, .table-wrapper-filterable-office-directories td strong, .table-wrapper-filterable-office-directories td p, .table-wrapper-filterable-office-directories td ul, .table-wrapper-filterable-office-directories td ol, .table-wrapper-filterable-product-recalls th strong, .table-wrapper-filterable-product-recalls th p, .table-wrapper-filterable-product-recalls th ul, .table-wrapper-filterable-product-recalls th ol, .table-wrapper-filterable-product-recalls td strong, .table-wrapper-filterable-product-recalls td p, .table-wrapper-filterable-product-recalls td ul, .table-wrapper-filterable-product-recalls td ol, .table-wrapper-financial-reports th strong, .table-wrapper-financial-reports th p, .table-wrapper-financial-reports th ul, .table-wrapper-financial-reports th ol, .table-wrapper-financial-reports td strong, .table-wrapper-financial-reports td p, .table-wrapper-financial-reports td ul, .table-wrapper-financial-reports td ol, .table-wrapper-analyst-reports th strong, .table-wrapper-analyst-reports th p, .table-wrapper-analyst-reports th ul, .table-wrapper-analyst-reports th ol, .table-wrapper-analyst-reports td strong, .table-wrapper-analyst-reports td p, .table-wrapper-analyst-reports td ul, .table-wrapper-analyst-reports td ol, .table-wrapper-database-method th strong, .table-wrapper-database-method th p, .table-wrapper-database-method th ul, .table-wrapper-database-method th ol, .table-wrapper-database-method td strong, .table-wrapper-database-method td p, .table-wrapper-database-method td ul, .table-wrapper-database-method td ol, .table-wrapper-filterable-press-room th strong, .table-wrapper-filterable-press-room th p, .table-wrapper-filterable-press-room th ul, .table-wrapper-filterable-press-room th ol, .table-wrapper-filterable-press-room td strong, .table-wrapper-filterable-press-room td p, .table-wrapper-filterable-press-room td ul, .table-wrapper-filterable-press-room td ol, .table-wrapper-filterable-whitepapers th strong, .table-wrapper-filterable-whitepapers th p, .table-wrapper-filterable-whitepapers th ul, .table-wrapper-filterable-whitepapers th ol, .table-wrapper-filterable-whitepapers td strong, .table-wrapper-filterable-whitepapers td p, .table-wrapper-filterable-whitepapers td ul, .table-wrapper-filterable-whitepapers td ol, .table-wrapper-filterable-downloads th strong, .table-wrapper-filterable-downloads th p, .table-wrapper-filterable-downloads th ul, .table-wrapper-filterable-downloads th ol, .table-wrapper-filterable-downloads td strong, .table-wrapper-filterable-downloads td p, .table-wrapper-filterable-downloads td ul, .table-wrapper-filterable-downloads td ol, .table-wrapper-filterable-sustainability-reports th strong, .table-wrapper-filterable-sustainability-reports th p, .table-wrapper-filterable-sustainability-reports th ul, .table-wrapper-filterable-sustainability-reports th ol, .table-wrapper-filterable-sustainability-reports td strong, .table-wrapper-filterable-sustainability-reports td p, .table-wrapper-filterable-sustainability-reports td ul, .table-wrapper-filterable-sustainability-reports td ol, .table-wrapper-filterable-publications th strong, .table-wrapper-filterable-publications th p, .table-wrapper-filterable-publications th ul, .table-wrapper-filterable-publications th ol, .table-wrapper-filterable-publications td strong, .table-wrapper-filterable-publications td p, .table-wrapper-filterable-publications td ul, .table-wrapper-filterable-publications td ol, .table-wrapper-filterable-events-ir-past th strong, .table-wrapper-filterable-events-ir-past th p, .table-wrapper-filterable-events-ir-past th ul, .table-wrapper-filterable-events-ir-past th ol, .table-wrapper-filterable-events-ir-past td strong, .table-wrapper-filterable-events-ir-past td p, .table-wrapper-filterable-events-ir-past td ul, .table-wrapper-filterable-events-ir-past td ol, .table-wrapper-filterable-events-ir-upcoming th strong, .table-wrapper-filterable-events-ir-upcoming th p, .table-wrapper-filterable-events-ir-upcoming th ul, .table-wrapper-filterable-events-ir-upcoming th ol, .table-wrapper-filterable-events-ir-upcoming td strong, .table-wrapper-filterable-events-ir-upcoming td p, .table-wrapper-filterable-events-ir-upcoming td ul, .table-wrapper-filterable-events-ir-upcoming td ol, .table-wrapper-upcoming-training-sessions th strong, .table-wrapper-upcoming-training-sessions th p, .table-wrapper-upcoming-training-sessions th ul, .table-wrapper-upcoming-training-sessions th ol, .table-wrapper-upcoming-training-sessions td strong, .table-wrapper-upcoming-training-sessions td p, .table-wrapper-upcoming-training-sessions td ul, .table-wrapper-upcoming-training-sessions td ol, .table-wrapper-filterable-events-upcoming th strong, .table-wrapper-filterable-events-upcoming th p, .table-wrapper-filterable-events-upcoming th ul, .table-wrapper-filterable-events-upcoming th ol, .table-wrapper-filterable-events-upcoming td strong, .table-wrapper-filterable-events-upcoming td p, .table-wrapper-filterable-events-upcoming td ul, .table-wrapper-filterable-events-upcoming td ol, .table-wrapper-filterable-training-schedule th strong, .table-wrapper-filterable-training-schedule th p, .table-wrapper-filterable-training-schedule th ul, .table-wrapper-filterable-training-schedule th ol, .table-wrapper-filterable-training-schedule td strong, .table-wrapper-filterable-training-schedule td p, .table-wrapper-filterable-training-schedule td ul, .table-wrapper-filterable-training-schedule td ol, .table-wrapper-filterable-financial-reports th strong, .table-wrapper-filterable-financial-reports th p, .table-wrapper-filterable-financial-reports th ul, .table-wrapper-filterable-financial-reports th ol, .table-wrapper-filterable-financial-reports td strong, .table-wrapper-filterable-financial-reports td p, .table-wrapper-filterable-financial-reports td ul, .table-wrapper-filterable-financial-reports td ol, .table-wrapper-terms-and-conditions th strong, .table-wrapper-terms-and-conditions th p, .table-wrapper-terms-and-conditions th ul, .table-wrapper-terms-and-conditions th ol, .table-wrapper-terms-and-conditions td strong, .table-wrapper-terms-and-conditions td p, .table-wrapper-terms-and-conditions td ul, .table-wrapper-terms-and-conditions td ol, .table-yes-no-answers th strong, .table-yes-no-answers th p, .table-yes-no-answers th ul, .table-yes-no-answers th ol, .table-yes-no-answers td strong, .table-yes-no-answers td p, .table-yes-no-answers td ul, .table-yes-no-answers td ol, .table-radio-buttons th strong, .table-radio-buttons th p, .table-radio-buttons th ul, .table-radio-buttons th ol, .table-radio-buttons td strong, .table-radio-buttons td p, .table-radio-buttons td ul, .table-radio-buttons td ol, .table-wrapper-filterable-bio-database th strong, .table-wrapper-filterable-bio-database th p, .table-wrapper-filterable-bio-database th ul, .table-wrapper-filterable-bio-database th ol, .table-wrapper-filterable-bio-database td strong, .table-wrapper-filterable-bio-database td p, .table-wrapper-filterable-bio-database td ul, .table-wrapper-filterable-bio-database td ol, .table-wrapper-filterable-food-certification-marks th strong, .table-wrapper-filterable-food-certification-marks th p, .table-wrapper-filterable-food-certification-marks th ul, .table-wrapper-filterable-food-certification-marks th ol, .table-wrapper-filterable-food-certification-marks td strong, .table-wrapper-filterable-food-certification-marks td p, .table-wrapper-filterable-food-certification-marks td ul, .table-wrapper-filterable-food-certification-marks td ol, .table-wrapper-filterable-services-by-type th strong, .table-wrapper-filterable-services-by-type th p, .table-wrapper-filterable-services-by-type th ul, .table-wrapper-filterable-services-by-type th ol, .table-wrapper-filterable-services-by-type td strong, .table-wrapper-filterable-services-by-type td p, .table-wrapper-filterable-services-by-type td ul, .table-wrapper-filterable-services-by-type td ol, .table-wrapper-electrical-products th strong, .table-wrapper-electrical-products th p, .table-wrapper-electrical-products th ul, .table-wrapper-electrical-products th ol, .table-wrapper-electrical-products td strong, .table-wrapper-electrical-products td p, .table-wrapper-electrical-products td ul, .table-wrapper-electrical-products td ol {
margin-bottom: 12px
}
.table-wrapper-filterable-events-upcoming th.table-thumbnail, .table-wrapper-filterable-events-upcoming td.table-thumbnail, .table-wrapper-filterable-events-past th.table-thumbnail, .table-wrapper-filterable-events-past td.table-thumbnail, .table-wrapper-filterable-analyst-reports th.table-thumbnail, .table-wrapper-filterable-analyst-reports td.table-thumbnail, .table-wrapper-filterable-news th.table-thumbnail, .table-wrapper-filterable-news td.table-thumbnail, .table-wrapper-filterable-office-directory th.table-thumbnail, .table-wrapper-filterable-office-directory td.table-thumbnail, .table-wrapper-filterable-office-directories th.table-thumbnail, .table-wrapper-filterable-office-directories td.table-thumbnail, .table-wrapper-filterable-product-recalls th.table-thumbnail, .table-wrapper-filterable-product-recalls td.table-thumbnail, .table-wrapper-financial-reports th.table-thumbnail, .table-wrapper-financial-reports td.table-thumbnail, .table-wrapper-analyst-reports th.table-thumbnail, .table-wrapper-analyst-reports td.table-thumbnail, .table-wrapper-database-method th.table-thumbnail, .table-wrapper-database-method td.table-thumbnail, .table-wrapper-filterable-press-room th.table-thumbnail, .table-wrapper-filterable-press-room td.table-thumbnail, .table-wrapper-filterable-whitepapers th.table-thumbnail, .table-wrapper-filterable-whitepapers td.table-thumbnail, .table-wrapper-filterable-downloads th.table-thumbnail, .table-wrapper-filterable-downloads td.table-thumbnail, .table-wrapper-filterable-sustainability-reports th.table-thumbnail, .table-wrapper-filterable-sustainability-reports td.table-thumbnail, .table-wrapper-filterable-publications th.table-thumbnail, .table-wrapper-filterable-publications td.table-thumbnail, .table-wrapper-filterable-events-ir-past th.table-thumbnail, .table-wrapper-filterable-events-ir-past td.table-thumbnail, .table-wrapper-filterable-events-ir-upcoming th.table-thumbnail, .table-wrapper-filterable-events-ir-upcoming td.table-thumbnail, .table-wrapper-upcoming-training-sessions th.table-thumbnail, .table-wrapper-upcoming-training-sessions td.table-thumbnail, .table-wrapper-filterable-events-upcoming th.table-thumbnail, .table-wrapper-filterable-events-upcoming td.table-thumbnail, .table-wrapper-filterable-training-schedule th.table-thumbnail, .table-wrapper-filterable-training-schedule td.table-thumbnail, .table-wrapper-filterable-financial-reports th.table-thumbnail, .table-wrapper-filterable-financial-reports td.table-thumbnail, .table-wrapper-terms-and-conditions th.table-thumbnail, .table-wrapper-terms-and-conditions td.table-thumbnail, .table-yes-no-answers th.table-thumbnail, .table-yes-no-answers td.table-thumbnail, .table-radio-buttons th.table-thumbnail, .table-radio-buttons td.table-thumbnail, .table-wrapper-filterable-bio-database th.table-thumbnail, .table-wrapper-filterable-bio-database td.table-thumbnail, .table-wrapper-filterable-food-certification-marks th.table-thumbnail, .table-wrapper-filterable-food-certification-marks td.table-thumbnail, .table-wrapper-filterable-services-by-type th.table-thumbnail, .table-wrapper-filterable-services-by-type td.table-thumbnail, .table-wrapper-electrical-products th.table-thumbnail, .table-wrapper-electrical-products td.table-thumbnail {
float: left;
width: 100px;
min-width: 120px;
max-width: 120px
}
.table-wrapper-filterable-events-upcoming th.filesize, .table-wrapper-filterable-events-upcoming th.number, .table-wrapper-filterable-events-upcoming th.actions, .table-wrapper-filterable-events-upcoming th.date, .table-wrapper-filterable-events-upcoming td.filesize, .table-wrapper-filterable-events-upcoming td.number, .table-wrapper-filterable-events-upcoming td.actions, .table-wrapper-filterable-events-upcoming td.date, .table-wrapper-filterable-events-past th.filesize, .table-wrapper-filterable-events-past th.number, .table-wrapper-filterable-events-past th.actions, .table-wrapper-filterable-events-past th.date, .table-wrapper-filterable-events-past td.filesize, .table-wrapper-filterable-events-past td.number, .table-wrapper-filterable-events-past td.actions, .table-wrapper-filterable-events-past td.date, .table-wrapper-filterable-analyst-reports th.filesize, .table-wrapper-filterable-analyst-reports th.number, .table-wrapper-filterable-analyst-reports th.actions, .table-wrapper-filterable-analyst-reports th.date, .table-wrapper-filterable-analyst-reports td.filesize, .table-wrapper-filterable-analyst-reports td.number, .table-wrapper-filterable-analyst-reports td.actions, .table-wrapper-filterable-analyst-reports td.date, .table-wrapper-filterable-news th.filesize, .table-wrapper-filterable-news th.number, .table-wrapper-filterable-news th.actions, .table-wrapper-filterable-news th.date, .table-wrapper-filterable-news td.filesize, .table-wrapper-filterable-news td.number, .table-wrapper-filterable-news td.actions, .table-wrapper-filterable-news td.date, .table-wrapper-filterable-office-directory th.filesize, .table-wrapper-filterable-office-directory th.number, .table-wrapper-filterable-office-directory th.actions, .table-wrapper-filterable-office-directory th.date, .table-wrapper-filterable-office-directory td.filesize, .table-wrapper-filterable-office-directory td.number, .table-wrapper-filterable-office-directory td.actions, .table-wrapper-filterable-office-directory td.date, .table-wrapper-filterable-office-directories th.filesize, .table-wrapper-filterable-office-directories th.number, .table-wrapper-filterable-office-directories th.actions, .table-wrapper-filterable-office-directories th.date, .table-wrapper-filterable-office-directories td.filesize, .table-wrapper-filterable-office-directories td.number, .table-wrapper-filterable-office-directories td.actions, .table-wrapper-filterable-office-directories td.date, .table-wrapper-filterable-product-recalls th.filesize, .table-wrapper-filterable-product-recalls th.number, .table-wrapper-filterable-product-recalls th.actions, .table-wrapper-filterable-product-recalls th.date, .table-wrapper-filterable-product-recalls td.filesize, .table-wrapper-filterable-product-recalls td.number, .table-wrapper-filterable-product-recalls td.actions, .table-wrapper-filterable-product-recalls td.date, .table-wrapper-financial-reports th.filesize, .table-wrapper-financial-reports th.number, .table-wrapper-financial-reports th.actions, .table-wrapper-financial-reports th.date, .table-wrapper-financial-reports td.filesize, .table-wrapper-financial-reports td.number, .table-wrapper-financial-reports td.actions, .table-wrapper-financial-reports td.date, .table-wrapper-analyst-reports th.filesize, .table-wrapper-analyst-reports th.number, .table-wrapper-analyst-reports th.actions, .table-wrapper-analyst-reports th.date, .table-wrapper-analyst-reports td.filesize, .table-wrapper-analyst-reports td.number, .table-wrapper-analyst-reports td.actions, .table-wrapper-analyst-reports td.date, .table-wrapper-database-method th.filesize, .table-wrapper-database-method th.number, .table-wrapper-database-method th.actions, .table-wrapper-database-method th.date, .table-wrapper-database-method td.filesize, .table-wrapper-database-method td.number, .table-wrapper-database-method td.actions, .table-wrapper-database-method td.date, .table-wrapper-filterable-press-room th.filesize, .table-wrapper-filterable-press-room th.number, .table-wrapper-filterable-press-room th.actions, .table-wrapper-filterable-press-room th.date, .table-wrapper-filterable-press-room td.filesize, .table-wrapper-filterable-press-room td.number, .table-wrapper-filterable-press-room td.actions, .table-wrapper-filterable-press-room td.date, .table-wrapper-filterable-whitepapers th.filesize, .table-wrapper-filterable-whitepapers th.number, .table-wrapper-filterable-whitepapers th.actions, .table-wrapper-filterable-whitepapers th.date, .table-wrapper-filterable-whitepapers td.filesize, .table-wrapper-filterable-whitepapers td.number, .table-wrapper-filterable-whitepapers td.actions, .table-wrapper-filterable-whitepapers td.date, .table-wrapper-filterable-downloads th.filesize, .table-wrapper-filterable-downloads th.number, .table-wrapper-filterable-downloads th.actions, .table-wrapper-filterable-downloads th.date, .table-wrapper-filterable-downloads td.filesize, .table-wrapper-filterable-downloads td.number, .table-wrapper-filterable-downloads td.actions, .table-wrapper-filterable-downloads td.date, .table-wrapper-filterable-sustainability-reports th.filesize, .table-wrapper-filterable-sustainability-reports th.number, .table-wrapper-filterable-sustainability-reports th.actions, .table-wrapper-filterable-sustainability-reports th.date, .table-wrapper-filterable-sustainability-reports td.filesize, .table-wrapper-filterable-sustainability-reports td.number, .table-wrapper-filterable-sustainability-reports td.actions, .table-wrapper-filterable-sustainability-reports td.date, .table-wrapper-filterable-publications th.filesize, .table-wrapper-filterable-publications th.number, .table-wrapper-filterable-publications th.actions, .table-wrapper-filterable-publications th.date, .table-wrapper-filterable-publications td.filesize, .table-wrapper-filterable-publications td.number, .table-wrapper-filterable-publications td.actions, .table-wrapper-filterable-publications td.date, .table-wrapper-filterable-events-ir-past th.filesize, .table-wrapper-filterable-events-ir-past th.number, .table-wrapper-filterable-events-ir-past th.actions, .table-wrapper-filterable-events-ir-past th.date, .table-wrapper-filterable-events-ir-past td.filesize, .table-wrapper-filterable-events-ir-past td.number, .table-wrapper-filterable-events-ir-past td.actions, .table-wrapper-filterable-events-ir-past td.date, .table-wrapper-filterable-events-ir-upcoming th.filesize, .table-wrapper-filterable-events-ir-upcoming th.number, .table-wrapper-filterable-events-ir-upcoming th.actions, .table-wrapper-filterable-events-ir-upcoming th.date, .table-wrapper-filterable-events-ir-upcoming td.filesize, .table-wrapper-filterable-events-ir-upcoming td.number, .table-wrapper-filterable-events-ir-upcoming td.actions, .table-wrapper-filterable-events-ir-upcoming td.date, .table-wrapper-upcoming-training-sessions th.filesize, .table-wrapper-upcoming-training-sessions th.number, .table-wrapper-upcoming-training-sessions th.actions, .table-wrapper-upcoming-training-sessions th.date, .table-wrapper-upcoming-training-sessions td.filesize, .table-wrapper-upcoming-training-sessions td.number, .table-wrapper-upcoming-training-sessions td.actions, .table-wrapper-upcoming-training-sessions td.date, .table-wrapper-filterable-events-upcoming th.filesize, .table-wrapper-filterable-events-upcoming th.number, .table-wrapper-filterable-events-upcoming th.actions, .table-wrapper-filterable-events-upcoming th.date, .table-wrapper-filterable-events-upcoming td.filesize, .table-wrapper-filterable-events-upcoming td.number, .table-wrapper-filterable-events-upcoming td.actions, .table-wrapper-filterable-events-upcoming td.date, .table-wrapper-filterable-training-schedule th.filesize, .table-wrapper-filterable-training-schedule th.number, .table-wrapper-filterable-training-schedule th.actions, .table-wrapper-filterable-training-schedule th.date, .table-wrapper-filterable-training-schedule td.filesize, .table-wrapper-filterable-training-schedule td.number, .table-wrapper-filterable-training-schedule td.actions, .table-wrapper-filterable-training-schedule td.date, .table-wrapper-filterable-financial-reports th.filesize, .table-wrapper-filterable-financial-reports th.number, .table-wrapper-filterable-financial-reports th.actions, .table-wrapper-filterable-financial-reports th.date, .table-wrapper-filterable-financial-reports td.filesize, .table-wrapper-filterable-financial-reports td.number, .table-wrapper-filterable-financial-reports td.actions, .table-wrapper-filterable-financial-reports td.date, .table-wrapper-terms-and-conditions th.filesize, .table-wrapper-terms-and-conditions th.number, .table-wrapper-terms-and-conditions th.actions, .table-wrapper-terms-and-conditions th.date, .table-wrapper-terms-and-conditions td.filesize, .table-wrapper-terms-and-conditions td.number, .table-wrapper-terms-and-conditions td.actions, .table-wrapper-terms-and-conditions td.date, .table-yes-no-answers th.filesize, .table-yes-no-answers th.number, .table-yes-no-answers th.actions, .table-yes-no-answers th.date, .table-yes-no-answers td.filesize, .table-yes-no-answers td.number, .table-yes-no-answers td.actions, .table-yes-no-answers td.date, .table-radio-buttons th.filesize, .table-radio-buttons th.number, .table-radio-buttons th.actions, .table-radio-buttons th.date, .table-radio-buttons td.filesize, .table-radio-buttons td.number, .table-radio-buttons td.actions, .table-radio-buttons td.date, .table-wrapper-filterable-bio-database th.filesize, .table-wrapper-filterable-bio-database th.number, .table-wrapper-filterable-bio-database th.actions, .table-wrapper-filterable-bio-database th.date, .table-wrapper-filterable-bio-database td.filesize, .table-wrapper-filterable-bio-database td.number, .table-wrapper-filterable-bio-database td.actions, .table-wrapper-filterable-bio-database td.date, .table-wrapper-filterable-food-certification-marks th.filesize, .table-wrapper-filterable-food-certification-marks th.number, .table-wrapper-filterable-food-certification-marks th.actions, .table-wrapper-filterable-food-certification-marks th.date, .table-wrapper-filterable-food-certification-marks td.filesize, .table-wrapper-filterable-food-certification-marks td.number, .table-wrapper-filterable-food-certification-marks td.actions, .table-wrapper-filterable-food-certification-marks td.date, .table-wrapper-filterable-services-by-type th.filesize, .table-wrapper-filterable-services-by-type th.number, .table-wrapper-filterable-services-by-type th.actions, .table-wrapper-filterable-services-by-type th.date, .table-wrapper-filterable-services-by-type td.filesize, .table-wrapper-filterable-services-by-type td.number, .table-wrapper-filterable-services-by-type td.actions, .table-wrapper-filterable-services-by-type td.date, .table-wrapper-electrical-products th.filesize, .table-wrapper-electrical-products th.number, .table-wrapper-electrical-products th.actions, .table-wrapper-electrical-products th.date, .table-wrapper-electrical-products td.filesize, .table-wrapper-electrical-products td.number, .table-wrapper-electrical-products td.actions, .table-wrapper-electrical-products td.date {
text-align: left
}
.table-wrapper-filterable-events-upcoming th .button, .table-wrapper-filterable-events-upcoming td .button, .table-wrapper-filterable-events-past th .button, .table-wrapper-filterable-events-past td .button, .table-wrapper-filterable-analyst-reports th .button, .table-wrapper-filterable-analyst-reports td .button, .table-wrapper-filterable-news th .button, .table-wrapper-filterable-news td .button, .table-wrapper-filterable-office-directory th .button, .table-wrapper-filterable-office-directory td .button, .table-wrapper-filterable-office-directories th .button, .table-wrapper-filterable-office-directories td .button, .table-wrapper-filterable-product-recalls th .button, .table-wrapper-filterable-product-recalls td .button, .table-wrapper-financial-reports th .button, .table-wrapper-financial-reports td .button, .table-wrapper-analyst-reports th .button, .table-wrapper-analyst-reports td .button, .table-wrapper-database-method th .button, .table-wrapper-database-method td .button, .table-wrapper-filterable-press-room th .button, .table-wrapper-filterable-press-room td .button, .table-wrapper-filterable-whitepapers th .button, .table-wrapper-filterable-whitepapers td .button, .table-wrapper-filterable-downloads th .button, .table-wrapper-filterable-downloads td .button, .table-wrapper-filterable-sustainability-reports th .button, .table-wrapper-filterable-sustainability-reports td .button, .table-wrapper-filterable-publications th .button, .table-wrapper-filterable-publications td .button, .table-wrapper-filterable-events-ir-past th .button, .table-wrapper-filterable-events-ir-past td .button, .table-wrapper-filterable-events-ir-upcoming th .button, .table-wrapper-filterable-events-ir-upcoming td .button, .table-wrapper-upcoming-training-sessions th .button, .table-wrapper-upcoming-training-sessions td .button, .table-wrapper-filterable-events-upcoming th .button, .table-wrapper-filterable-events-upcoming td .button, .table-wrapper-filterable-training-schedule th .button, .table-wrapper-filterable-training-schedule td .button, .table-wrapper-filterable-financial-reports th .button, .table-wrapper-filterable-financial-reports td .button, .table-wrapper-terms-and-conditions th .button, .table-wrapper-terms-and-conditions td .button, .table-yes-no-answers th .button, .table-yes-no-answers td .button, .table-radio-buttons th .button, .table-radio-buttons td .button, .table-wrapper-filterable-bio-database th .button, .table-wrapper-filterable-bio-database td .button, .table-wrapper-filterable-food-certification-marks th .button, .table-wrapper-filterable-food-certification-marks td .button, .table-wrapper-filterable-services-by-type th .button, .table-wrapper-filterable-services-by-type td .button, .table-wrapper-electrical-products th .button, .table-wrapper-electrical-products td .button {
display: block;
clear: both;
white-space: normal
}
.table-yes-no-answers tr {
padding-left: 0 !important;
padding-right: 0 !important
}
.table-wrapper-filterable-bio-database th, .table-wrapper-filterable-bio-database td, .table-wrapper-filterable-food-certification-marks th, .table-wrapper-filterable-food-certification-marks td, .table-wrapper-filterable-services-by-type th, .table-wrapper-filterable-services-by-type td, .table-wrapper-electrical-products th, .table-wrapper-electrical-products td {
position: relative;
padding-left: 50% !important
}
.table-wrapper-filterable-bio-database th:after, .table-wrapper-filterable-bio-database td:after, .table-wrapper-filterable-food-certification-marks th:after, .table-wrapper-filterable-food-certification-marks td:after, .table-wrapper-filterable-services-by-type th:after, .table-wrapper-filterable-services-by-type td:after, .table-wrapper-electrical-products th:after, .table-wrapper-electrical-products td:after {
content: '';
display: table;
clear: both
}
.table-wrapper-filterable-bio-database th:before, .table-wrapper-filterable-bio-database td:before, .table-wrapper-filterable-food-certification-marks th:before, .table-wrapper-filterable-food-certification-marks td:before, .table-wrapper-filterable-services-by-type th:before, .table-wrapper-filterable-services-by-type td:before, .table-wrapper-electrical-products th:before, .table-wrapper-electrical-products td:before {
float: left;
margin-left: -100%;
width: 80%
}
.table-wrapper-filterable-bio-database th:nth-of-type(1):before {
content: "Brief Description or Compound Name"
}
.table-wrapper-filterable-bio-database td:nth-of-type(1):before {
content: "Product"
}
.table-wrapper-filterable-bio-database td:nth-of-type(2):before {
content: "Service"
}
.table-wrapper-filterable-bio-database td:nth-of-type(3):before {
content: "Technique"
}
.table-wrapper-filterable-bio-database td:nth-of-type(4):before {
content: "Quality Standard"
}
.table-wrapper-filterable-food-certification-marks th:nth-of-type(1):before {
content: "Program Name"
}
.table-wrapper-filterable-food-certification-marks td:nth-of-type(1):before {
content: "Country"
}
.table-wrapper-filterable-food-certification-marks td:nth-of-type(2):before {
content: "Customer Name"
}
.table-wrapper-filterable-food-certification-marks td:nth-of-type(3):before {
content: "Certificate Number"
}
.table-wrapper-filterable-services-by-type th:nth-of-type(1):before {
content: "Service name"
}
.table-wrapper-filterable-services-by-type td:nth-of-type(1):before {
content: "Choose an Industry"
}
.table-wrapper-filterable-services-by-type td:nth-of-type(2):before {
content: "Choose a Theme"
}
.table-wrapper-electrical-products th:nth-of-type(1):before {
content: "Company Name"
}
.table-wrapper-electrical-products td:nth-of-type(1):before {
content: "Trade Name"
}
.table-wrapper-electrical-products td:nth-of-type(2):before {
content: "Certified Product"
}
.table-wrapper-electrical-products td:nth-of-type(3):before {
content: "Model No."
}
.table-wrapper-electrical-products td:nth-of-type(4):before {
content: "Certificate No."
}
.table-wrapper-electrical-products td:nth-of-type(5):before {
content: "Certification Type"
}
.table-wrapper-filterable-whitepapers tbody th {
float: left;
width: 120px;
margin: 0px 16px 12px 0px;
margin: 0rem 1rem .75rem 0rem;
padding-right: 0 !important
}
.table-wrapper-filterable-whitepapers tbody th img {
min-width: 0;
width: 100%
}
.table-wrapper-filterable-whitepapers .everything-but-date-subject-topic-and-cta {
display: none
}
.table-wrapper-filterable-downloads .country, .table-wrapper-filterable-downloads .language, .table-wrapper-filterable-downloads .topic, .table-wrapper-filterable-downloads .type {
display: none
}
.table-wrapper-filterable-sustainability-reports img {
display: none
}
.table-wrapper-filterable-publications .topic {
display: none
}
.table-wrapper-filterable-events-ir-past .topic, .table-wrapper-filterable-events-ir-past .type, .table-wrapper-filterable-events-ir-upcoming .topic, .table-wrapper-filterable-events-ir-upcoming .type, .table-wrapper-filterable-events-upcoming .topic, .table-wrapper-filterable-events-upcoming .type {
display: none
}
}
.filter-bar {
margin: 36px -24px;
margin: 2.25rem -1.5rem;
overflow: hidden
}
.filter-bar fieldset {
padding: 0px 24px;
padding: 0rem 1.5rem
}
.filter-bar label {
display: block;
width: 100%;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.filter-bar a {
color: #c94c08
}
.filter-bar .button, .filter-bar button {
margin: 0px 8px 0px 0px !important;
margin: 0rem .5rem 0rem 0rem !important
}
.filter-bar .field-input-button-pair-wrapper .button, .filter-bar .field-input-button-pair-wrapper button {
margin: 0 !important
}
.filter-bar:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 600px) {
.filter-bar {
margin: 36px -24px 0px -24px;
margin: 2.25rem -1.5rem 0rem -1.5rem
}
.filter-bar fieldset {
position: relative;
padding: 0px 12px;
padding: 0rem .75rem
}
.html-modal .filter-bar fieldset {
padding: 0px 24px !important;
padding: 0rem 1.5rem !important
}
.filter-bar fieldset > .field {
float: left;
width: 50%;
overflow: hidden;
clear: none;
border: 0;
padding: 0px 8px 36px 0px;
padding: 0rem .5rem 2.25rem 0rem;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-o-flex: 1 0 auto;
flex: 1 0 auto
}
.filter-bar fieldset > .field-inline-search {
width: 50%;
max-width: 100% !important;
-webkit-flex: 2 0 auto;
-moz-flex: 2 0 auto;
-ms-flex: 2 0 auto;
-o-flex: 2 0 auto;
flex: 2 0 auto
}
.filter-bar fieldset > .field-inline-search .field-input-button {
margin-top: auto;
width: 100%
}
.filter-bar fieldset > .buttons {
float: left;
white-space: nowrap;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding: 24px 0px 36px;
padding: 1.5rem 0rem 2.25rem
}
.filter-bar label {
padding-left: 12px;
padding-left: .75rem
}
.filter-bar .select-wrapper {
margin-top: auto;
display: block;
width: 100%
}
.filter-bar select {
width: 100%;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.filter-bar .link-rss {
display: block;
padding-top: 38px;
padding-top: 2.375rem
}
}
@media only screen and (min-width: 750px) {
#product-recalls-results .filter-bar .field {
width: 33.33333333%;
padding: 0px 8px 18px 0px;
padding: 0rem .5rem 1.125rem 0rem
}
#product-recalls-results .filter-bar .field-inline-search .field {
width: 100%;
padding-right: 0
}
#product-recalls-results .filter-bar fieldset > .buttons {
padding-top: 24px;
padding-top: 1.5rem;
float: right
}
#product-recalls-results .filter-bar .button-reset {
text-indent: 0;
width: auto;
background: #fff !important
}
#product-recalls-results .filter-bar .button-reset:hover, #product-recalls-results .filter-bar .button-reset:focus {
color: #fff !important;
background: #b5b5b5 !important;
border-color: #b5b5b5 !important
}
}
@media only screen and (min-width: 1200px) {
.filter-bar {
margin: 36px -80px 0px -80px;
margin: 2.25rem -5rem 0rem -5rem
}
.filter-bar fieldset {
padding: 0px 68px;
padding: 0rem 4.25rem
}
.html-modal .filter-bar fieldset {
padding: 0px 72px 0px 80px !important;
padding: 0rem 4.5rem 0rem 5rem !important
}
}
.html-js .filter-bar .buttons .button-primary {
display: none
}
.pagination {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin: 0px -24px;
margin: 0rem -1.5rem;
overflow: hidden
}
.pagination ul:after {
content: '';
display: table;
clear: both
}
.pagination ul li {
padding: 0 !important;
display: none
}
.pagination ul li:before {
content: none !important
}
.pagination ul li.prev, .pagination ul li.next {
display: inline;
width: 50%;
text-align: center
}
.pagination ul li.prev {
float: left;
border-right: 1px solid #ccc
}
.pagination ul li.next {
float: right;
border-left: 1px solid #fff
}
.pagination ul a, .pagination ul span {
color: #000 !important;
display: block;
background: #e4e4e4;
padding: 0px 16px;
padding: 0rem 1rem;
line-height: 40px;
line-height: 2.5rem;
height: 40px;
height: 2.5rem
}
.pagination ul a:hover {
color: #fff !important;
background: #c94c08
}
.pagination ul li.current a, .pagination ul li.current span {
color: #fff !important;
background: #000
}
@media only screen and (min-width: 600px) {
.pagination {
margin: 0;
text-align: center
}
.pagination ul {
display: table;
margin: 0 auto;
text-align: center;
padding: 1.5em 0;
list-style: none
}
.pagination ul li {
float: none !important;
display: table-cell !important;
padding: 0 1px !important;
border: 0 !important;
width: auto !important
}
.pagination ul li.prev a, .pagination ul li.next a {
position: relative;
text-indent: -9999px;
text-align: left;
width: 45px
}
.pagination ul li.prev a:before, .pagination ul li.prev a:after, .pagination ul li.next a:before, .pagination ul li.next a:after {
position: absolute;
top: -1px;
left: 0;
text-indent: 0;
display: block;
width: 100%;
height: 40px;
text-align: center;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 4em !important
}
.pagination ul li.prev a:before {
content: '◀\FE0E'
}
.pagination ul li.next a:after {
content: '▶\FE0E'
}
}
li {
list-style: none
}
dt {
font-weight: bold;
margin-top: 24px;
margin-top: 1.5rem
}
dt:first-child {
margin: 0
}
.list-links a, .list-entities a {
color: #c94c08
}
.list-links a:hover, .list-links a:focus {
text-decoration: underline
}
.list-featured-downloads > ul > li, .list-key-publications > ul > li, .list-check > ul > li, .list-radio > ul > li, .list-gallery-slideshow > ul > li, .table-wrapper td > ul > li, .nav > ul > li, .list-related-entities > ul > li, .list-news > ul > li, .list-events > ul > li, .list-steps > ul > li, .list-entities > ul > li, .list-gallery > ul > li, .list-grid > ul > li, .list-oc-directors > ul > li, .list-links > ul > li, .list-checkbox > ul > li, .list-pseudo-checkbox > ul > li, .list-radio > ul > li {
padding-left: 0 !important
}
.list-featured-downloads > ul > li:before, .list-key-publications > ul > li:before, .list-check > ul > li:before, .list-radio > ul > li:before, .list-gallery-slideshow > ul > li:before, .table-wrapper td > ul > li:before, .nav > ul > li:before, .list-related-entities > ul > li:before, .list-news > ul > li:before, .list-events > ul > li:before, .list-steps > ul > li:before, .list-entities > ul > li:before, .list-gallery > ul > li:before, .list-grid > ul > li:before, .list-oc-directors > ul > li:before, .list-links > ul > li:before, .list-checkbox > ul > li:before, .list-pseudo-checkbox > ul > li:before, .list-radio > ul > li:before {
content: none !important
}
li.col {
padding: 0 !important;
margin-bottom: 0 !important
}
li.col:before {
content: none !important
}
.list-steps ol {
counter-reset: item;
margin: 0
}
.list-steps ol:after {
content: '';
display: table;
clear: both
}
.list-steps li {
margin: 0 !important;
position: relative;
list-style: none !important;
position: absolute;
left: -9999px;
overflow: hidden
}
.list-steps li a {
color: #c94c08;
text-decoration: underline
}
.list-steps li a:hover {
text-decoration: none
}
.list-steps li.current {
position: static;
left: auto
}
.list-steps li:before {
content: counter(item);
counter-increment: item
}
.list-steps li.current:before {
content: "Step " counter(item) " of 3: ";
font-weight: bold
}
.list-steps li.future {
color: #ccc
}
.list-steps li.future:before {
background: #d5d5d5
}
@media only screen and (min-width: 1200px) {
.list-steps li {
float: left;
display: inline-block;
width: 33.33333333%;
position: static;
left: auto
}
.list-steps li a, .list-steps li strong, .list-steps li span {
display: block;
text-align: center;
padding: 6px 0px;
padding: .375rem 0rem
}
.list-steps li:before {
display: block;
text-align: center;
color: #fff;
background: #c94c08;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.list-steps li.current:before {
content: counter(item);
background: #000;
font-weight: normal
}
}
.list-entities > ul > li {
margin: 0
}
.list-points li:before {
content: '—';
color: #c94c08;
margin-right: .5em
}
.list-benefits li:before {
content: '✔';
color: #c94c08;
margin-right: .5em
}
.list-gallery {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.list-gallery ul:after {
content: '';
display: table;
clear: both
}
.list-gallery li {
float: left;
width: 25%;
padding: 0
}
.list-gallery li:before {
content: none
}
.list-gallery li:nth-child(4n+1) {
clear: both
}
.list-gallery a {
display: block
}
.list-gallery img {
display: block;
width: 100% !important
}
.col .list-definitions {
padding-right: 36px;
padding-right: 2.25rem
}
.list-downloads > ul > li {
margin: 0
}
.list-downloads a {
display: block;
padding: 12px 0px;
padding: .75rem 0rem
}
.list-related-downloads ul {
margin: 0 !important
}
.list-related-downloads li {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.list-related-downloads .download-item {
clear: both;
overflow: hidden;
background: #fff
}
.list-related-downloads .download-item:after {
content: '';
display: table;
clear: both
}
.list-related-downloads .download-item a {
color: #000
}
.list-related-downloads .download-item figure {
width: auto;
height: 0;
padding-top: 100%;
position: relative;
background: #000
}
.list-related-downloads .download-item figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .45
}
.list-related-downloads .download-item .box-content {
padding: 24px;
padding: 1.5rem;
color: #000
}
.list-related-downloads .download-item .metadata {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2.28571em !important;
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.list-related-downloads .download-item .metadata strong {
font-weight: inherit
}
.list-related-downloads .download-item h3 {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.list-related-downloads .download-item .button {
color: #c94c08 !important;
border-color: #c94c08
}
.list-related-downloads .download-item a:hover h3, .list-related-downloads .download-item a:focus h3 {
color: #c94c08
}
.list-related-downloads .download-item a:hover .button, .list-related-downloads .download-item a:focus .button {
color: #fff !important;
background: #c94c08 !important;
border-color: #c94c08 !important
}
@media only screen and (min-width: 600px) {
.list-related-downloads .download-item figure {
float: left;
width: 33.33333333%;
padding-top: 33.33333333%;
height: 0;
margin: 0;
overflow: hidden
}
.list-related-downloads .download-item figure:before {
content: '';
width: 0;
height: 0;
position: absolute;
left: auto;
right: 0;
top: 50%;
margin-top: -5px;
border: 10px solid #fff;
border-color: transparent #fff transparent transparent;
z-index: 10
}
.list-related-downloads .download-item .box-content {
float: left;
width: 66.66666666%;
text-align: left;
padding: 24px 36px 12px;
padding: 1.5rem 2.25rem .75rem
}
.list-related-downloads .download-item .metadata {
margin-bottom: 10px;
margin-bottom: .625rem
}
}
@media only screen and (min-width: 1200px) {
.list-related-downloads .download-item .metadata {
margin-bottom: 18px;
margin-bottom: 1.125rem
}
}
@media only screen and (min-width: 750px) {
.list-related-downloads .download-item-regular {
border: 0;
border-bottom: 1px solid #d5d5d5;
margin: 0;
background: none
}
.list-related-downloads .download-item-regular .box-content {
text-align: left;
float: none;
width: 100%;
display: table;
padding: 24px 0px !important;
padding: 1.5rem 0rem !important
}
.list-related-downloads .download-item-regular .box-content .metadata {
display: table-cell;
width: 33.33333333%;
vertical-align: top;
text-align: right;
border-right: 1px solid #d5d5d5;
padding-right: 36px;
padding-right: 2.25rem;
color: #a1a1a1
}
.list-related-downloads .download-item-regular .box-content h3 {
display: table-cell;
width: 66.66666666%;
vertical-align: top;
padding: 0px 36px;
padding: 0rem 2.25rem
}
}
.list-related-downloads .download-item-no-icon figure:after {
content: none
}
.list-related-downloads .download-item-no-icon figure img {
opacity: 1
}
.whitepaper-downloads p {
margin-bottom: 1.5em
}
.whitepaper-downloads .list-related-downloads {
margin-bottom: 48px;
margin-bottom: 3rem
}
.whitepaper-downloads .download-item-fancy {
border: 1px solid #ccc
}
.whitepaper-downloads header {
margin-top: 48px;
margin-top: 3rem
}
.list-custom-report-steps ol {
counter-reset: item;
padding-top: 24px;
padding-top: 1.5rem
}
.list-custom-report-steps ol:after {
content: '';
display: table;
clear: both
}
.list-custom-report-steps li {
display: block;
margin: 48px 0px 0px !important;
margin: 3rem 0rem 0rem !important;
position: relative;
text-align: center
}
.list-custom-report-steps li:before {
content: counter(item);
counter-increment: item;
position: relative;
display: block;
text-align: center;
color: #fff;
background: #000;
margin: 0 auto;
margin-top: -24px;
margin-top: -1.5rem;
margin-bottom: 12px;
margin-bottom: .75rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
z-index: 2
}
.list-custom-report-steps li a, .list-custom-report-steps li strong, .list-custom-report-steps li span {
display: block;
text-align: center;
padding: 6px 0px;
padding: .375rem 0rem
}
.list-custom-report-steps li a {
color: #c94c08
}
.list-custom-report-steps li.current:before {
background: #000
}
.list-custom-report-steps li.future:before {
background: #d5d5d5
}
.list-custom-report-steps li:after {
position: absolute;
top: 24px;
left: 50%;
margin-left: -100px;
content: ' ';
display: block;
width: 200px;
border-top: 1px solid #ccc;
z-index: 1
}
.anchors-multicolumn {
-webkit-margin-bottom: 48px;
-moz-margin-bottom: 48px;
-ms-margin-bottom: 48px;
-o-margin-bottom: 48px;
margin-bottom: 48px
}
.anchors-multicolumn h4 {
-webkit-margin-bottom: 12px;
-moz-margin-bottom: 12px;
-ms-margin-bottom: 12px;
-o-margin-bottom: 12px;
margin-bottom: 12px
}
@media only screen and (min-width: 750px) {
.anchors-multicolumn {
border: 1px solid #e4e4e4;
position: relative;
-webkit-padding: 18px 24px 18px;
-moz-padding: 18px 24px 18px;
-ms-padding: 18px 24px 18px;
-o-padding: 18px 24px 18px;
padding: 18px 24px 18px
}
}
.anchors-multicolumn ul {
margin: 0
}
.anchors-multicolumn li {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin-bottom: 0px;
margin-bottom: 0rem
}
.list-entities-social-media li a, .list-entities-sitemap li a {
color: #c94c08
}
.list-entities-social-media li:after {
content: '';
display: table;
clear: both
}
.list-entities-social-media li h3 {
clear: left
}
@media only screen and (min-width: 750px) {
.list-entities-social-media li h3 {
width: 33%;
float: left
}
}
.list-entities-social-media li h3:before {
content: ' ';
display: block;
float: left;
width: 32px;
height: 32px;
background-size: 32px 32px;
margin-right: .5em
}
.list-entities-social-media .list-links {
float: left;
clear: left;
padding-left: 46px;
padding-left: 2.875rem;
padding-top: 12px;
padding-top: .75rem
}
@media only screen and (min-width: 750px) {
.list-entities-social-media .list-links {
width: 66%;
float: right;
clear: none
}
}
.list-entities-social-media .group-social-media-linkedin h3:before {
background-image: url(/img/misc/icon-social-linkedin.png)
}
.list-entities-social-media .group-social-media-facebook h3:before {
background-image: url(/img/misc/icon-social-facebook.png)
}
.list-entities-social-media .group-social-media-twitter h3:before {
background-image: url(/img/misc/icon-social-twitter.png)
}
.list-entities-social-media .group-social-media-google- h3:before {
background-image: url(/img/misc/icon-social-google-plus.png)
}
.list-entities-social-media .group-social-media-slideshare h3:before {
background-image: url(/img/misc/icon-social-linkedin.png)
}
.list-entities-social-media .group-social-media-youtube h3:before {
background-image: url(/img/misc/icon-social-youtube.png)
}
.list-entities-social-media .group-social-media-weibo h3:before {
background-image: url(/img/misc/icon-social-weibo.png)
}
.list-entities-social-media .group-social-media-wechat h3:before {
background-image: url(/img/misc/icon-social-wechat.png)
}
.list-entities-social-media .group-social-media-instagram h3:before {
background-image: url(/img/misc/icon-social-instagram.png)
}
.list-entities-social-media .group-social-media-vkontakte h3:before {
background-image: url(/img/misc/icon-social-vkontakte.png)
}
.sustainability-materiality-process-steps ol {
counter-reset: item
}
.sustainability-materiality-process-steps ol:after {
content: '';
display: table;
clear: both
}
.sustainability-materiality-process-steps ol > li {
display: inline-block;
margin: 0 !important;
position: relative;
color: #fff
}
.sustainability-materiality-process-steps ol > li:before {
content: counter(item);
counter-increment: item;
display: block;
text-align: center;
color: #fff;
float: left;
width: 20%
}
.sustainability-materiality-process-steps ol > li > a, .sustainability-materiality-process-steps ol > li > strong, .sustainability-materiality-process-steps ol > li > span {
display: block;
text-align: center;
padding: 6px 0px;
padding: .375rem 0rem
}
.sustainability-materiality-process-steps ol > li a {
color: #c94c08
}
.sustainability-materiality-process-steps ol > li.step1 {
background-color: #d5d5d5
}
.sustainability-materiality-process-steps ol > li.step2 {
background-color: #9e9e9e
}
.sustainability-materiality-process-steps ol > li.step3 {
background-color: #464646
}
.sustainability-materiality-process-steps ol > li.step4 {
background-color: #c94c08
}
.sustainability-materiality-process-steps ol > li h1, .sustainability-materiality-process-steps ol > li .step-content {
width: 80%;
float: right
}
.list-entities-social-media h3, .list-entities-sitemap h3 {
padding-top: 18px;
padding-top: 1.125rem
}
.list-entities-checkerboard {
margin: 0px -24px;
margin: 0rem -1.5rem
}
.list-entities-checkerboard > ul > li {
background: #f1f1f1;
margin-bottom: 2px;
margin-bottom: .125rem
}
.list-entities-checkerboard > ul > li.even {
background: #f8f8f8
}
.list-entities-checkerboard dl {
padding: 24px;
padding: 1.5rem
}
.list-entities-checkerboard dl dt, .list-entities-checkerboard dl dd {
text-align: center;
text-transform: uppercase
}
.list-entities-checkerboard dl dt {
font-weight: bold;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
margin-bottom: 6px;
margin-bottom: .375rem
}
.list-entities-checkerboard dl dd {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.33333em !important
}
@media only screen and (min-width: 600px) and (max-width: 750px) {
.list-entities-checkerboard > ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.list-entities-checkerboard > ul > li {
float: left;
width: 50%;
clear: both;
background: #f1f1f1
}
.list-entities-checkerboard > ul > li.even {
clear: none;
border-left: 2px solid #fff;
background: #f1f1f1
}
.list-entities-checkerboard > ul > li:nth-child(4n-2), .list-entities-checkerboard > ul > li:nth-child(4n-1) {
background: #f8f8f8 !important
}
}
@media only screen and (min-width: 750px) {
.list-entities-checkerboard > ul > li {
float: left;
clear: none;
width: 33.33333333%;
height: 0;
margin-bottom: 0 !important;
padding: 0px 12px 0px 12px !important;
padding: 0rem .75rem 0rem .75rem !important;
padding-bottom: 25% !important;
border: 1px solid #fff;
background: #f1f1f1;
position: relative
}
.list-entities-checkerboard > ul > li:nth-child(3n+1) {
clear: both
}
.list-entities-checkerboard > ul > li.even {
background: #f8f8f8
}
.list-entities-checkerboard > ul > li dl {
padding: 48px 24px;
padding: 3rem 1.5rem
}
@supports (transform: translate(-50%, -50%)) {
.list-entities-checkerboard > ul > li dl {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
-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 only screen and (min-width: 1200px) {
.list-entities-checkerboard {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.list-key-publications ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
border: 1px solid #a1a1a1
}
.list-key-publications li {
width: 100%;
-webkit-flex: 0 1 auto;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-o-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 !important;
border-left: 1px solid #e4e4e4;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.list-key-publications li:first-child {
border: 0
}
.list-key-publications a {
display: block;
width: 100%;
text-align: center;
padding: 12px 24px 12px;
padding: .75rem 1.5rem .75rem
}
.list-key-publications a:hover {
color: #000
}
.list-featured-downloads ul {
margin: 0px -80px;
margin: 0rem -5rem
}
.list-featured-downloads ul:after {
content: '';
display: table;
clear: both
}
.list-featured-downloads .temp-inner {
-!important -padding: 24px;
padding: 24px
}
.list-featured-downloads li:first-child {
float: left;
width: 50%;
height: 500px;
color: #fff;
background: #000
}
.list-featured-downloads li:first-child + li {
float: right;
width: 50%;
height: 250px;
background: #e4e4e4
}
.list-featured-downloads li:first-child + li + li {
float: right;
width: 50%;
height: 250px
}
.cards {
padding: 0
}
.cards .card {
margin: 1% 0 0
}
.cards .card *:last-child {
margin-bottom: 0
}
.cards .card a {
background: #f2f2f2 url("i/arrow-right@2x.png") no-repeat right 20px center;
background-size: 12px 22px !important;
border-left: 5px solid #d5d5d5;
padding: 30px 52px 30px 20px;
padding: 1.875rem 3.25rem 1.875rem 1.25rem;
height: 100%
}
.cards .card a:hover {
background: #c94c08 url("i/arrow-right-white@2x.png") no-repeat right 20px center;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #913A0A
}
.cards .card a:hover h3, .cards .card a:hover p {
color: #f2f2f2
}
.cards .card h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.27273em !important;
color: #c94c08;
margin: 0px 0px 7px;
margin: 0rem 0rem .4375rem;
font-weight: 500;
text-transform: none
}
.cards .card p {
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.33333em !important;
color: #777
}
@media only screen and (max-width: 749px) {
.cards .card a {
min-height: auto !important
}
}
@media only screen and (min-width: 750px) {
.cards {
display: flex;
flex-wrap: wrap;
width: 101%;
position: relative;
left: -.5%
}
.cards .card {
width: 49%;
margin: .5%
}
.cards .card h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important
}
.cards.cards-theme-v2 .card h3 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.3em !important;
letter-spacing: -.3px
}
.cards.cards-theme-v2 .card.adjusted-height h3 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0px 52px 0px 23px;
padding: 0rem 3.25rem 0rem 1.4375rem;
transform: translateY(-50%)
}
.cards.cards-theme-v3 .card a {
border-left-color: #555
}
.cards.cards-theme-v3 .card h3 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.3em !important;
letter-spacing: -.3px
}
.cards.cards-theme-v3 .card.adjusted-height h3 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 25px 62px 25px 30px;
padding: 1.5625rem 3.875rem 1.5625rem 1.875rem;
transform: translateY(-50%)
}
}
@media only screen and (min-width: 1000px) {
.cards .card a {
background-position: right 30px center;
padding: 30px 72px 30px 40px;
padding: 1.875rem 4.5rem 1.875rem 2.5rem
}
.cards .card a:hover {
background-position: right 30px center
}
.cards.cards-theme-v2 .card, .cards.cards-theme-v3 .card {
width: 32.3%
}
.cards.cards-theme-v2 .card a, .cards.cards-theme-v3 .card a {
padding: 25px 62px 25px 30px;
padding: 1.5625rem 3.875rem 1.5625rem 1.875rem;
border-left-width: 3px
}
.cards.cards-theme-v2 .card.adjusted-height h3 {
padding: 0px 62px 0px 33px;
padding: 0rem 3.875rem 0rem 2.0625rem
}
.cards.cards-theme-v3 .card a {
padding: 40px;
padding: 2.5rem
}
.cards.cards-theme-v3 .card.adjusted-height h3 {
padding: 40px 62px 40px 43px;
padding: 2.5rem 3.875rem 2.5rem 2.6875rem
}
}
.featured-entities-wrapper {
overflow: hidden
}
.featured-entities-wrapper .featured-content-wrapper:after {
content: '';
display: table;
clear: both
}
.featured-entities-wrapper .featured-entities-header .page-header-supplementary {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.featured-entities-wrapper .featured-entities-header .page-header-supplementary a {
color: #c94c08
}
.featured-entities-wrapper .featured-entities-header .page-header-supplementary a:hover, .featured-entities-wrapper .featured-entities-header .page-header-supplementary a:focus {
text-decoration: underline
}
@media only screen and (min-width: 450px) {
.featured-entities-wrapper .featured-entities-header:after {
content: '';
display: table;
clear: both
}
.featured-entities-wrapper .featured-entities-header h1 {
float: left
}
.featured-entities-wrapper .featured-entities-header .page-header-supplementary {
float: right
}
}
@media only screen and (min-width: 1200px) {
.featured-entities-wrapper {
margin: 0px -80px;
margin: 0rem -5rem;
padding: 48px 44px 0px;
padding: 3rem 2.75rem 0rem;
background-size: 100% auto !important
}
.featured-entities-wrapper.featured-entites-news {
background: url(i/featured-entities/news.jpg) no-repeat
}
.featured-entities-wrapper.featured-entites-downloads {
background: url(i/featured-entities/downloads.jpg) no-repeat
}
.featured-entities-wrapper.featured-entites-events {
background: url(i/featured-entities/events.jpg) no-repeat
}
.featured-entities-wrapper.featured-entites-events-local {
background: url(i/featured-entities/events-local.jpg) no-repeat
}
.featured-entities-wrapper.featured-entites-training {
background: url(i/featured-entities/training.jpg) no-repeat
}
.featured-entities-wrapper.featured-entites-subscription {
background: url(i/featured-entities/training.jpg) no-repeat
}
.featured-entities-wrapper .featured-entities-header {
-webkit-padding: 0 36px;
-moz-padding: 0 36px;
-ms-padding: 0 36px;
-o-padding: 0 36px;
padding: 0 36px
}
.featured-entities-wrapper .featured-entities-header h1 {
text-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.featured-entities-wrapper .featured-content-wrapper {
background: #fff;
padding: 30px 36px 24px;
padding: 1.875rem 2.25rem 1.5rem;
-webkit-box-shadow: -16px 16px 0 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: -16px 16px 0 0 rgba(0, 0, 0, 0.25);
-ms-box-shadow: -16px 16px 0 0 rgba(0, 0, 0, 0.25);
-o-box-shadow: -16px 16px 0 0 rgba(0, 0, 0, 0.25);
box-shadow: -16px 16px 0 0 rgba(0, 0, 0, 0.25)
}
.featured-entities-wrapper h1 {
color: #fff
}
}
.featured-entities:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.featured-entities {
display: table-row
}
}
.featured-entity {
position: relative;
padding: 0px 0px 36px;
padding: 0rem 0rem 2.25rem
}
@media only screen and (min-width: 750px) {
.featured-entity {
display: table-cell;
padding: 0px 48px 0px 0px;
padding: 0rem 3rem 0rem 0rem;
width: 50%
}
.related-news .featured-entity, .related-news-events .featured-entity, .featured-news-feed .featured-entity {
width: 33.33333333%
}
}
.featured-entity a {
color: #000
}
.featured-entity a:hover h3 {
color: #c94c08
}
.featured-entity .inner {
display: table
}
.featured-entity h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important;
margin-top: 24px;
margin-top: 1.5rem;
clear: both;
font-weight: bold;
color: #000;
text-transform: none
}
.wf-robotocondensed-n3-active .featured-entity h3 {
text-rendering: optimizeLegibility;
font-weight: 300
}
.featured-entity .date-wrapper {
display: table-header-group;
width: 100% !important;
color: #000
}
.featured-entity .date {
position: relative
}
.featured-entity .date-inner {
margin-left: 53px !important;
display: table
}
.featured-entity .date-day {
position: absolute;
bottom: 0;
left: 0;
width: 53px
}
.featured-entity .date-day-month-year {
display: table-cell;
width: 100%;
height: 68px !important;
height: 4.25rem !important;
vertical-align: bottom;
padding-left: 12px;
padding-left: .75rem;
border-left: 1px solid #ccc
}
.featured-entity .location, .featured-entity .topic {
color: #000;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.featured-entity .event-type {
position: absolute;
top: 1px;
left: 61px;
color: #8e8e8e
}
.featured-entity .abstract {
color: #464646;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.featured-entity .abstract:after {
content: '\00A0›';
color: #c94c08
}
.featured-entity.featured-entity-event .location {
background: url(i/icons/location-black.svg) no-repeat 0 50%;
background-size: 14px auto;
padding-left: 22px
}
.featured-entity.featured-entity-event a:hover .location, .featured-entity.featured-entity-event a:focus .location {
background-image: url(i/icons/location-orange.svg)
}
.featured-entity.featured-entity-event .date-inner {
margin-left: 53px !important;
margin-left: 3.3125rem !important
}
.featured-entity.featured-entity-event .date-day {
color: #c94c08;
width: 53px
}
.featured-entity.featured-entity-event .date-day-start {
top: -4px;
bottom: auto
}
.featured-entity.featured-entity-event .date-day-dash {
position: absolute;
left: -9999px;
overflow: hidden
}
.featured-entity.featured-entity-download {
vertical-align: top;
height: 100%
}
.featured-entity.featured-entity-download a {
display: block;
width: 100%
}
.featured-entity.featured-entity-download .inner {
display: table;
width: 100%
}
.featured-entity.featured-entity-download .metadata {
display: table-header-group;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.featured-entity.featured-entity-download a:hover .button, .featured-entity.featured-entity-download a:focus .button {
color: #fff !important;
background: #c94c08 !important;
border-color: #c94c08
}
.featured-events-map .wrapper-media {
clear: both
}
.featured-events-map .wrapper-map {
padding-bottom: 33.33333333%
}
.featured-news-feed {
-webkit-padding-bottom: 24px;
-moz-padding-bottom: 24px;
-ms-padding-bottom: 24px;
-o-padding-bottom: 24px;
padding-bottom: 24px
}
@media only screen and (min-width: 750px) {
.featured-news-feed {
-webkit-margin: 0 -12px;
-moz-margin: 0 -12px;
-ms-margin: 0 -12px;
-o-margin: 0 -12px;
margin: 0 -12px
}
.featured-news-feed .featured-entity {
padding: 0px 36px 36px;
padding: 0rem 2.25rem 2.25rem
}
}
.card {
position: relative;
background: #fff;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.card:after {
content: '';
display: table;
clear: both
}
.card figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25% !important;
background: #000
}
.card figure img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.card figure:before {
content: ' ';
width: 0;
height: 0;
border: 10px solid #fff;
border-color: transparent transparent #fff transparent;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
z-index: 3
}
.card .card-content {
padding: 0px 24px 12px;
padding: 0rem 1.5rem .75rem;
background: #fff
}
.card .card-content h1, .card .card-content h2, .card .card-content h3, .card .card-content h4 {
color: #000;
margin-top: 24px !important;
margin-top: 1.5rem !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.card .card-content .metadata {
color: #000;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.5em !important;
font-style: normal;
margin-bottom: 12px;
margin-bottom: .75rem;
margin-top: auto
}
.card .card-content .metadata .date {
display: block
}
.card .card-content .metadata .date-range {
display: block
}
.card .card-content .metadata .category {
display: block
}
.card .card-content .metadata .country {
display: block
}
.card .card-content .metadata .date-day:after {
content: ', '
}
.card .card-content .start-date {
position: absolute;
top: 0;
left: -9999px;
color: #fff;
overflow: hidden
}
.card .card-content .start-date .date-day {
display: block;
color: #fff;
background: #c94c08;
float: left;
text-align: center !important;
margin-right: 20px
}
.card .card-content .start-date .date-day:after {
content: none
}
.card .card-content .abstract {
color: #464646;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.card .card-content .cta {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important;
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.card .card-content .cta label {
font-weight: normal
}
.card .card-content .cta a {
color: #c94c08
}
.card .card-content .cta a:hover, .card .card-content .cta a:focus {
text-decoration: underline
}
.card > a {
display: block
}
.card > a .card-content .abstract:after {
content: '\00A0›';
color: #c94c08
}
.card > a:hover img {
opacity: .75
}
.card > a:hover .card-content h1, .card > a:hover .card-content h2, .card > a:hover .card-content h3, .card > a:hover .card-content h4 {
color: #c94c08
}
@media only screen and (min-width: 750px) {
.card {
margin: 0px 12px 24px;
margin: 0rem .75rem 1.5rem
}
}
.card-horizontal {
background: #fff;
border: 1px solid #d5d5d5;
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.card-horizontal:after {
content: '';
display: table;
clear: both
}
.card-horizontal figure {
width: 100%;
margin: -1px;
margin: -.0625rem;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
background-size: cover !important
}
.card-horizontal figure img {
height: auto;
min-width: 100%;
width: auto;
opacity: 1
}
#product-recalls-results .card-horizontal figure img {
opacity: 1
}
.card-horizontal .card-content {
padding: 24px 24px 1px;
padding: 1.5rem 1.5rem .0625rem
}
.card-horizontal .card-content h3 {
margin-bottom: 12px;
margin-bottom: .75rem
}
.card-horizontal .card-content .abstract {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.card-horizontal .card-content .cta {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.card-horizontal .card-content .cta ul {
margin-bottom: 12px;
margin-bottom: .75rem
}
.card-horizontal .card-content .cta li {
margin-bottom: 12px;
margin-bottom: .75rem
}
.card-horizontal .card-content .cta a {
color: #707070
}
.card-horizontal .card-content .cta a:hover {
color: #c94c08
}
.card-horizontal .card-content p.cta {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.page-header + .card-horizontal {
margin-top: 36px;
margin-top: 2.25rem
}
@media only screen and (max-width: 750px) {
.card-horizontal figure img {
height: auto
}
}
@media only screen and (min-width: 750px) {
.card-horizontal {
position: relative
}
.card-horizontal figure {
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
width: 50% !important;
height: auto !important;
padding: 0 !important;
overflow: hidden;
background-color: #000
}
.card-horizontal figure .figure-inner img, .card-horizontal figure img {
position: absolute;
left: 0;
top: 0;
width: auto;
max-width: 300%;
min-width: 100%;
min-height: 100%
}
.card-horizontal figure:before {
content: ' ';
width: 0;
height: 0;
border: 10px solid #fff;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 50%;
left: auto;
right: 0;
margin-top: -10px;
z-index: 3
}
.card-horizontal .card-content {
float: right;
width: 50%;
padding: 48px 48px 24px;
padding: 3rem 3rem 1.5rem
}
}
.people-ceo {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin: 36px -24px;
margin: 2.25rem -1.5rem;
padding: 36px 24px;
padding: 2.25rem 1.5rem;
color: #f2f2f2;
background: #111
}
.people-ceo figure {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.people-ceo figure img {
width: 100%
}
.people-ceo figure figcaption {
font-style: normal;
max-width: none;
padding: 12px;
padding: .75rem
}
.people-ceo figure figcaption ul {
margin: 0 auto
}
.people-ceo figure figcaption ul dt {
width: 50%;
display: inline-block;
text-align: right;
font-weight: normal
}
.people-ceo figure figcaption ul dt, .people-ceo figure figcaption ul dl {
color: #b5b5b5
}
.people-ceo figure figcaption ul .person-signature {
padding-top: 12px;
padding-top: .75rem
}
.people-ceo figure figcaption ul .person-signature img {
width: 108px;
margin: 0 auto
}
.people-ceo h2 {
color: #fff;
text-transform: uppercase;
margin-top: 0;
clear: none
}
.people-ceo .list-person-details {
color: #fff
}
.people-ceo .list-person-details ul {
margin-top: 0
}
.people-ceo .list-person-details dt {
font-weight: normal
}
.people-ceo .list-person-details .person-nationality, .people-ceo .list-person-details .person-dob {
color: #b5b5b5;
font-style: italic;
margin: 0
}
.people-ceo p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.people-ceo {
margin: 96px -80px;
margin: 6rem -5rem;
padding: 60px 80px;
padding: 3.75rem 5rem
}
.people-ceo figure {
float: right;
position: relative;
width: 50%;
margin: -96px 0px 24px 60px;
margin: -6rem 0rem 1.5rem 3.75rem
}
}
.card-person {
width: 100%;
text-align: center;
margin-bottom: 36px !important;
margin-bottom: 2.25rem !important;
position: relative
}
.card-person figure {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 139% !important;
background: #000
}
.card-person figure:before {
content: none
}
.card-person img {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0
}
.card-person .card-content {
background: #fff;
z-index: 10;
padding: 10px;
padding: .625rem
}
@media only screen and (min-width: 600px) {
.card-person .card-content {
position: absolute;
left: 18px;
right: 18px;
bottom: -35px
}
}
.card-person .card-content .card-content-inner {
border: 1px solid #ccc;
padding: 9px 18px 18px;
padding: .5625rem 1.125rem 1.125rem
}
.card-person .card-content .card-content-inner h3 {
text-transform: uppercase;
margin-bottom: 0;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
font-weight: bold
}
.card-person .card-content .card-content-inner ul {
margin-top: 0;
margin-bottom: 0
}
.card-person .card-content .card-content-inner .person-position dd {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.card-person .card-content .card-content-inner .person-department dd {
display: block;
margin-top: 12px;
margin-top: .75rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.5em !important;
text-transform: uppercase;
color: #363636
}
@media only screen and (min-width: 600px) {
.list-oc-directors:after {
content: '';
display: table;
clear: both
}
.list-oc-directors > ul {
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.list-oc-directors > ul .col {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.list-oc-directors .col {
float: left;
width: 50%
}
.list-oc-directors .col:nth-child(2n+1) {
clear: both
}
.list-oc-directors .col:nth-child(odd) .card-person {
margin: 0px 12px 48px 0px !important;
margin: 0rem .75rem 3rem 0rem !important
}
.list-oc-directors .col:nth-child(even) .card-person {
margin: 0px 0px 48px 12px !important;
margin: 0rem 0rem 3rem .75rem !important
}
}
.stripe {
padding: 16px 0px;
padding: 1rem 0rem
}
.stripe:after {
content: '';
display: table;
clear: both
}
.stripe > a {
display: block;
color: #000 !important
}
.stripe > a h3 {
color: #c94c08
}
.stripe > a:hover h3 {
text-decoration: underline
}
.stripe figure {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.stripe .stripe-content .metadata {
font-style: normal;
color: #707070;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.stripe .stripe-content .metadata .date, .stripe .stripe-content .metadata .category {
display: block
}
.stripe .stripe-content .metadata .date {
color: #111;
font-weight: 700
}
.stripe .stripe-content .abstract:after {
content: '\00A0›';
color: #c94c08
}
@media only screen and (min-width: 600px) {
.stripe.stripe-no-image .stripe-content {
padding-left: 33.33333333%
}
.stripe.stripe-no-image h3 {
float: right;
width: 100%
}
.stripe.stripe-no-image .metadata {
float: left;
text-align: right;
width: 45%;
margin-left: -50%
}
.stripe.stripe-no-image .metadata .date {
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 12px;
margin-bottom: .75rem
}
.stripe.stripe-image {
padding-left: 33.33333333%
}
.stripe.stripe-image h2 {
float: right;
width: 100%
}
.stripe.stripe-image figure {
float: left;
width: 45%;
margin-left: -50%
}
.stripe.stripe-image figure img {
float: right;
width: auto;
max-width: 100%;
width: 100%
}
}
.box {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.box p, .box ul, .box ol {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.box p a, .box ul a, .box ol a {
color: #c94c08
}
.box img {
width: auto;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 1200px) {
.box {
padding-bottom: 0
}
}
.col .box {
padding-right: 24px;
padding-right: 1.5rem
}
.col .box.center {
padding-left: 24px;
padding-left: 1.5rem
}
.whitepaper-thumbnail {
float: left;
width: 50% !important;
margin: 0px 24px 24px 0px;
margin: 0rem 1.5rem 1.5rem 0rem
}
@media only screen and (min-width: 750px) {
.whitepaper-thumbnail {
width: 20% !important
}
}
.whitepaper-thumbnail img {
max-width: 100%
}
.supplementary-content .related-financial-reports, .supplementary-content .featured-events-ir, .supplementary-content .box-stocks {
padding: 36px 24px;
padding: 2.25rem 1.5rem
}
@media only screen and (min-width: 1200px) {
.supplementary-content .related-financial-reports, .supplementary-content .featured-events-ir, .supplementary-content .box-stocks {
padding: 60px 80px;
padding: 3.75rem 5rem
}
}
.supplementary-content .related-financial-reports header h3, .supplementary-content .featured-events-ir header h3, .supplementary-content .box-stocks header h3 {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.supplementary-content .featured-events-ir {
background: #fff
}
.supplementary-content .box-stocks {
max-width: 2000px !important;
padding-left: 47%;
background: #f2f2f2 url(i/icons/stocks.svg) no-repeat 50px 50%;
background-size: 35% auto
}
.supplementary-content .box-stocks p {
margin: 0
}
.supplementary-content .box-stocks a:hover, .supplementary-content .box-stocks a:focus {
text-decoration: underline
}
.boxes-report-violation-steps {
margin: 80px -24px 0px;
margin: 5rem -1.5rem 0rem
}
.boxes-report-violation-steps .box-call-step {
position: relative;
padding: 72px 48px 24px;
padding: 4.5rem 3rem 1.5rem;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 60px;
margin-bottom: 3.75rem;
text-align: center
}
.boxes-report-violation-steps .box-call-step h2 {
position: absolute;
top: -40px;
left: 50%;
margin-left: -40px;
color: #fff;
background: #000;
width: 80px;
height: 80px;
line-height: 80px !important;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.boxes-report-violation-steps .box-call-step p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.boxes-report-violation-steps .box-call-step .phone-number {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important
}
@media only screen and (min-width: 600px) {
.boxes-report-violation-steps {
display: table;
margin: 60px 0px 24px;
margin: 3.75rem 0rem 1.5rem;
border: 1px solid #d5d5d5
}
.boxes-report-violation-steps .box-call-step {
position: relative;
display: table-cell;
width: 50%;
border: 0
}
.boxes-report-violation-steps .box-call-step:first-child {
border-right: 1px solid #d5d5d5
}
}
.boxes-report-violation-ways {
margin: 80px -24px 0px;
margin: 5rem -1.5rem 0rem
}
.boxes-report-violation-ways .box {
padding: 60px 48px 24px;
padding: 3.75rem 3rem 1.5rem;
text-align: center;
position: relative;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5
}
.boxes-report-violation-ways .box:first-child {
margin: 0px 0px 60px;
margin: 0rem 0rem 3.75rem
}
.boxes-report-violation-ways .box:before {
content: ' ';
position: absolute;
top: -40px;
left: 50%;
margin-left: -40px;
display: block;
width: 80px;
height: 80px;
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.boxes-report-violation-ways .box-integrity-form:before {
background-image: url(i/icons/report-violation/report.svg);
background-size: 35px auto
}
.boxes-report-violation-ways .box-integrity-helpline:before {
background-image: url(i/icons/report-violation/call.svg);
background-size: 30px auto
}
@media only screen and (min-width: 600px) {
.boxes-report-violation-ways {
display: table;
border: 0;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.boxes-report-violation-ways .box {
display: table-cell;
width: 50%;
border: 0
}
.boxes-report-violation-ways .box:first-child {
border-right: 1px solid #d5d5d5
}
}
@media only screen and (min-width: 750px) {
.boxes-report-violation-ways {
border: 1px solid #d5d5d5
}
}
@media only screen and (min-width: 1200px) {
.boxes-report-violation-ways {
border-left: 0 !important;
border-right: 0 !important;
margin: 72px -80px 0px;
margin: 4.5rem -5rem 0rem
}
}
.framed-teaser {
padding: 24px 24px 1px;
padding: 1.5rem 1.5rem .0625rem;
color: #fff;
background: #000 url(i/subscription-teaser-background.jpg) no-repeat 50% 100%;
background-size: cover !important;
text-align: center
}
.framed-teaser .frame p {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.main-content .framed-teaser {
margin: 0px -24px !important;
margin: 0rem -1.5rem !important
}
.framed-teaser .button {
padding-left: 18px !important;
padding-left: 1.125rem !important;
padding-right: 18px !important;
padding-right: 1.125rem !important
}
@media only screen and (min-width: 750px) {
.framed-teaser {
padding: 24px;
padding: 1.5rem
}
.framed-teaser .frame {
padding: 24px 24px 1px;
padding: 1.5rem 1.5rem .0625rem;
border: 1px solid #fff
}
.framed-teaser .frame p {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.framed-teaser {
padding: 60px 80px 60px;
padding: 3.75rem 5rem 3.75rem
}
.framed-teaser .frame {
padding: 48px 48px 18px;
padding: 3rem 3rem 1.125rem
}
.framed-teaser .frame p {
margin: 0px 0px 36px;
margin: 0rem 0rem 2.25rem
}
.main-content .framed-teaser {
margin: 0px -80px !important;
margin: 0rem -5rem !important
}
}
.framed-teaser-left {
text-align: left
}
.framed-teaser-newsletter {
background: #000 url(i/subscription-teaser-background.jpg) no-repeat 50% 100% !important;
background-size: cover !important
}
.framed-teaser-career {
background: #000 url(i/careers-teaser-background.jpg) no-repeat 50% 100% !important;
background-size: cover !important
}
.framed-teaser-simple {
background: #f2f2f2;
color: #000
}
.framed-teaser-simple .frame {
border-color: #ccc
}
.framed-teaser-simple .cta {
margin-bottom: 24px !important;
margin-bottom: 1.5rem !important
}
.framed-teaser-simple .cta .button {
margin-bottom: 12px;
margin-bottom: .75rem
}
.framed-teaser-simple .text-links a {
color: #c94c08
}
.framed-teaser-simple .text-links a:hover, .framed-teaser-simple .text-links a:focus {
color: #000
}
.event-summary {
margin: 24px 0px 24px;
margin: 1.5rem 0rem 1.5rem
}
.event-summary:after {
content: '';
display: table;
clear: both
}
.event-summary a {
color: #c94c08
}
.event-summary a:hover, .event-summary a:focus {
text-decoration: underline
}
@media only screen and (min-width: 750px) {
.event-summary {
margin: 36px 0px 36px;
margin: 2.25rem 0rem 2.25rem
}
}
.event-summary-desc:after {
content: '';
display: table;
clear: both
}
.event-summary-item {
border-top: 1px solid #d5d5d5;
padding: 24px;
padding: 1.5rem;
text-align: center
}
.event-summary-item:first-child {
border-top: 0
}
.event-summary-item:after {
content: '';
display: table;
clear: both
}
.event-summary-item h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin-bottom: 0px;
margin-bottom: 0rem
}
.event-summary-item p {
margin: 0
}
.event-summary-secondary-items {
border-top: 1px solid #ccc
}
.event-summary-secondary-items p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.5em !important
}
.event-summary-about h2 {
font-weight: bold;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.event-summary-about h2:after {
content: '';
display: block;
width: 48px;
margin: 0 auto;
margin-top: 24px;
margin-top: 1.5rem;
border-top: 2px solid #000
}
.event-summary-about:before, .event-summary-date-time:before, .event-summary-date-time-start:before, .event-summary-date-time-end:before, .event-summary-location:before, .event-summary-language:before, .event-summary-cost:before, .event-summary-register:before {
content: ' ';
display: block;
width: 80px;
width: 5rem;
height: 85px;
height: 5.3125rem;
margin: 0 auto;
margin-bottom: 24px;
margin-bottom: 1.5rem;
background: none no-repeat 50% 50%
}
.event-summary-about:before {
background-image: url(i/icons/events/about.svg)
}
.event-summary-date-time:before {
background-image: url(i/icons/events/calendar.svg)
}
.event-summary-date-time-start:before {
background-image: url(i/icons/events/calendar-start.svg)
}
.event-summary-date-time-end:before {
background-image: url(i/icons/events/calendar-end.svg)
}
.event-summary-location:before {
background-image: url(i/icons/events/location.svg)
}
.event-summary-language:before {
background-image: url(i/icons/events/language.svg)
}
.event-summary-cost:before {
background-image: url(i/icons/events/cost.svg)
}
.event-summary-register:before {
background-image: url(i/icons/events/register.svg)
}
.event-summary-buttons {
clear: both;
border-top: 1px solid #ccc;
text-align: center;
padding: 18px 0px 6px;
padding: 1.125rem 0rem .375rem
}
.event-summary-buttons .button {
margin: 0px 0px 12px !important;
margin: 0rem 0rem .75rem !important
}
.event-summary-event {
border: 1px solid #ccc
}
@media only screen and (min-width: 750px) {
.event-summary-item {
padding: 36px;
padding: 2.25rem
}
.event-summary-training {
margin-top: 80px;
margin-top: 5rem
}
.event-summary-training .event-summary-item {
position: relative
}
.event-summary-training .event-summary-item:before {
position: absolute;
top: -42.5px;
top: -2.65625rem;
left: 50%;
margin: 0;
margin-left: -40px;
margin-left: -2.5rem
}
.event-summary-training .event-summary-item {
float: left;
width: 50%;
padding: 60px 24px 72px;
padding: 3.75rem 1.5rem 4.5rem;
border-top: 1px solid #d5d5d5;
text-align: center
}
.event-summary-training .event-summary-item p {
max-width: 15em;
margin: 0 auto
}
.event-summary-training .event-summary-language {
clear: both;
float: none;
width: 75%;
margin: 0 auto
}
.event-summary-training .event-summary-cost {
clear: both
}
.event-summary-training .event-summary-register {
float: right;
clear: none !important
}
.event-summary-event {
border: 1px solid #ccc
}
.event-summary-event .event-summary-desc:after {
content: '';
display: table;
clear: both
}
.event-summary-event .event-summary-desc .event-summary-secondary-items {
clear: both;
background: url(i/icons/events/divider.png) no-repeat 50% 80px;
background-size: 100% auto
}
.event-summary-event .event-summary-desc .event-summary-secondary-items:after {
content: '';
display: table;
clear: both
}
.event-summary-event .event-summary-desc .event-summary-secondary-items .event-summary-item {
float: left;
width: 33.33333333%;
border: 0
}
.event-summary-event .event-summary-desc .event-summary-about {
float: none;
width: 100%;
border: 0
}
.event-summary-event .event-summary-desc .event-summary-about p {
max-width: 28em;
margin: 0 auto
}
}
.input-search {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none
}
.form {
margin: 0 auto;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.form p a, .form label a {
color: #c94c08 !important
}
label.normal {
font-size: 14px;
font-size: .875rem;
font-weight: normal
}
.form-inline {
margin: 0
}
.form-inline h4 {
margin: 0
}
.form-inline .field {
border: 0 !important
}
.field-inline-search {
clear: both;
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.field-inline-search:after {
content: '';
display: table;
clear: both
}
.field-inline-search h4 {
text-transform: none !important;
margin: 0px 0px 6px;
margin: 0rem 0rem .375rem
}
.field-inline-search .field-input-button {
padding: 0;
margin: 0
}
.field-inline-search .input-search, .field-inline-search button, .field-inline-search .button {
font-size: 14px;
font-size: .875rem
}
.form-search-serp h2, .form-search-serp legend {
position: absolute;
left: -9999em;
overflow: hidden
}
.required {
color: #c94c08;
text-decoration: none;
cursor: help
}
fieldset {
border: 0;
width: 100%;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
fieldset a {
color: #c94c08
}
fieldset a:hover, fieldset a:focus {
text-decoration: underline
}
fieldset .shortcut {
display: block
}
fieldset .shortcut:after {
content: '';
display: table;
clear: both
}
legend {
float: left;
width: 100%
}
.field {
clear: both;
display: block;
padding: 12px 0px;
padding: .75rem 0rem
}
.field p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.field .table-wrapper {
margin: 0
}
.field .small-note {
color: #9e9e9e;
margin: 6px 0px 0px;
margin: .375rem 0rem 0rem;
max-width: 30em
}
.field .small-note.characters-ok {
color: #060
}
.field .small-note.characters-error {
color: red
}
.field.hidden {
display: none !important
}
.field h3, .field h4 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
font-weight: bold;
text-transform: uppercase
}
.field-error {
margin: 12px 0px;
margin: .75rem 0rem;
padding: 6px 12px;
padding: .375rem .75rem;
border: 2px solid red
}
.field-error .small-note {
color: red
}
.field-pair .field.field-error {
margin: 12px 0px;
margin: .75rem 0rem;
border: 2px solid red
}
.field-pair .field.field-error .small-note {
color: red
}
.button + .small-note {
padding-top: 12px;
padding-top: .75rem
}
.notification-mandatory-fields {
font-style: italic;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.field-captcha {
overflow: hidden
}
.field-captcha:after {
content: '';
display: table;
clear: both
}
.field-captcha label {
min-width: 100%;
margin-bottom: 8px;
margin-bottom: .5rem
}
.field-captcha img {
height: 40px;
width: auto;
max-width: 100%;
margin-bottom: 8px;
margin-bottom: .5rem
}
.field-captcha .input-text {
display: block
}
@media only screen and (min-width: 1200px) {
.field-captcha img {
float: left;
margin-right: 24px;
margin-right: 1.5rem
}
.field-captcha img .input-text {
float: left
}
}
@media only screen and (max-width: 600px) {
.field-bar .input-text {
width: 100%
}
}
@media only screen and (min-width: 750px) {
.field-bar {
display: table;
width: 100%
}
.field-bar .field {
display: table-cell;
vertical-align: bottom;
clear: none;
padding-right: .5em;
overflow: hidden
}
.field-bar label {
white-space: normal
}
.field-bar .input-text {
width: 100%
}
.field-bar .buttons {
display: table-cell;
vertical-align: bottom;
padding: 0
}
.field-bar .button {
margin: 0px 0px 12px;
margin: 0rem 0rem .75rem;
display: block
}
}
.field-pair:after {
content: '';
display: table;
clear: both
}
.field-pair .small-note {
display: block;
clear: both;
color: #9e9e9e;
margin: 6px 0px 12px;
margin: .375rem 0rem .75rem;
max-width: 30em
}
@media only screen and (min-width: 600px) {
.field-pair .field {
float: left;
clear: none;
width: 50%;
border: 0
}
.field-pair .field:first-child {
padding-right: 10px
}
.field-pair .field:first-child + .field {
padding-left: 10px
}
.field-pair .fieldset-conditional {
float: left;
clear: none;
width: 50%;
border: 0;
padding-left: 10px
}
.field-pair .fieldset-conditional .field {
width: 100%
}
.field-pair.field-pair-or {
display: table
}
.field-pair.field-pair-or .field {
display: table-cell;
width: auto;
padding-left: 0;
padding-right: 0
}
.field-pair.field-pair-or .or {
display: table-cell;
vertical-align: middle;
text-align: center;
white-space: pre;
padding: 30px 8px 0px;
padding: 1.875rem .5rem 0rem
}
}
@media only screen and (min-width: 1200px) {
.field-pair .field:first-child {
padding-right: 20px
}
.field-pair .field:first-child + .field {
padding-left: 20px
}
.field-pair .fieldset-conditional {
padding-left: 20px
}
.field-pair.field-pair-or .field:first-child {
padding-right: 0
}
}
@media only screen and (min-width: 750px) {
.field-half {
clear: both;
width: 50%;
padding-right: 10px
}
}
@media only screen and (min-width: 1200px) {
.field-half {
padding-right: 20px
}
}
.field-conditional {
opacity: 1;
max-height: auto;
overflow: hidden;
padding: 12px 0px;
padding: .75rem 0rem;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out
}
.field-conditional.hidden {
display: block;
max-height: 0;
opacity: 0;
padding: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none
}
label {
display: block;
max-width: 100%;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important
}
.wf-roboto-n4-active label {
text-rendering: optimizeLegibility
}
label a {
color: #c94c08
}
label + .input-text, label + textarea, label + .select-wrapper {
margin-top: 6px;
margin-top: .375rem;
display: block;
max-width: 100%
}
legend label {
margin-bottom: 12px;
margin-bottom: .75rem
}
.cta .label-check {
display: inline-block
}
.buttons {
padding: 12px 0px 0px;
padding: .75rem 0rem 0rem
}
.buttons:after {
content: '';
display: table;
clear: both
}
.buttons .button {
margin-bottom: 12px;
margin-bottom: .75rem
}
.buttons .button + p {
margin-top: 24px;
margin-top: 1.5rem
}
.buttons .buttons-prev {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.buttons:after {
content: '';
display: table;
clear: both
}
.buttons .buttons-prev {
float: left;
margin: 0
}
.buttons .buttons-next {
float: right
}
}
#searchBtn {
margin-bottom: 0
}
.input-check, .input-radio {
margin-right: .5em
}
.list-radio h4, .list-radio .label-check.safeguards-filter-level-1, .list-checkbox h4, .list-checkbox .label-check.safeguards-filter-level-1 {
font-weight: bold;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin: 0
}
.list-radio .label-check.safeguards-filter-level-1, .list-checkbox .label-check.safeguards-filter-level-1 {
text-transform: uppercase
}
.list-radio ul, .list-checkbox ul {
margin-bottom: 0
}
.list-radio ul li, .list-checkbox ul li {
padding-left: 36px !important;
padding-left: 2.25rem !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.list-radio ul li.select-all-none label, .list-checkbox ul li.select-all-none label {
font-weight: bold;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
text-transform: uppercase;
letter-spacing: .05em
}
.list-radio .label-radio, .list-radio .label-check, .list-checkbox .label-radio, .list-checkbox .label-check {
position: relative;
font-weight: normal
}
.list-radio .input-radio, .list-radio .input-check, .list-checkbox .input-radio, .list-checkbox .input-check {
float: left;
margin: 3px 8px 0px -28px;
margin: .1875rem .5rem 0rem -1.75rem
}
.list-radio h2, .list-radio h3, h4 + .list-radio, .safeguards-filter-level-1 + .list-radio, .list-checkbox h2, .list-checkbox h3, h4 + .list-checkbox, .safeguards-filter-level-1 + .list-checkbox {
margin-top: 12px;
margin-top: .75rem
}
.list-radio.multicolumn li, .list-checkbox.multicolumn li {
margin: 0
}
.list-radio-horizontal ul:after, .list-checkbox-horizontal ul:after {
content: '';
display: table;
clear: both
}
.list-radio-horizontal .label-radio, .list-radio-horizontal .label-check, .list-checkbox-horizontal .label-radio, .list-checkbox-horizontal .label-check {
float: left;
padding-right: 4em
}
@media only screen and (max-width: 450px) {
.list-radio-horizontal .label-radio, .list-radio-horizontal .label-check, .list-checkbox-horizontal .label-radio, .list-checkbox-horizontal .label-check {
float: none
}
}
.list-radio.list-radio-horizontal > ul, .list-checkbox.list-checkbox-horizontal > ul {
overflow: inherit;
padding: 0
}
.input-text, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
width: 100%;
padding: 6px 12px;
padding: .375rem .75rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important;
border: 1px solid #f2f2f2;
color: #000;
background: #f2f2f2
}
.input-text:focus, textarea:focus, select:focus {
outline: none;
border-color: #e4e4e4;
background: #e4e4e4
}
textarea {
resize: vertical;
overflow: auto;
height: 144px;
height: 9rem
}
textarea::-webkit-scrollbar {
background: transparent;
width: 8px
}
textarea::-webkit-scrollbar-track {
background: transparent;
width: 8px
}
textarea::-webkit-scrollbar-thumb {
background: #c94c08;
width: 8px
}
@media only screen and (max-width: 450px) {
textarea {
height: 96px;
height: 6rem
}
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display: none
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.input-text {
height: 40px;
height: 2.5rem;
line-height: 36px;
line-height: 2.25rem
}
.input-text-S {
width: 5em
}
.input-text-M {
width: 10em
}
.input-text-L {
width: 100%
}
.input-date {
width: 12em
}
.input-file {
width: 100%
}
select {
position: relative;
width: 100%;
height: 40px;
height: 2.5rem;
padding-right: 36px;
padding-right: 2.25rem;
background: transparent;
cursor: pointer;
z-index: 3
}
.select-wrapper {
position: relative;
max-width: 100%;
z-index: 1;
background: #f2f2f2
}
.select-wrapper:after {
content: '';
position: absolute;
top: 18px;
right: 12px;
width: 0;
height: 0;
border: 5px solid #000;
border-color: #000 transparent transparent transparent;
z-index: 2
}
.select-wrapper.filtered:after {
border: none
}
.select-wrapper select {
position: relative;
width: 100%;
height: 40px;
height: 2.5rem;
padding-right: 36px;
padding-right: 2.25rem;
background: transparent;
cursor: pointer;
z-index: 3
}
select::-ms-expand {
display: none
}
optgroup {
padding: 0px 8px;
padding: 0rem .5rem
}
option {
padding: 0px 16px;
padding: 0rem 1rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
button[class^="_hj-"] {
min-height: auto !important
}
button, .button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
text-transform: uppercase;
letter-spacing: .015em;
text-align: center;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
padding: 6px 18px;
min-height: 40px;
min-height: 2.5rem;
color: #fff;
border: 2px solid #000;
background: #000;
cursor: pointer
}
button:hover, button:focus, button:hover:active, button:focus:active, .button:hover, .button:focus, .button:hover:active, .button:focus:active {
color: #fff !important;
background: #c94c08;
border-color: #c94c08;
text-decoration: none !important
}
button:active, .button:active {
position: relative;
bottom: -1px;
text-decoration: none !important
}
button.hidden, .button.hidden {
display: none
}
button.button-ghost, .button.button-ghost {
color: #000 !important;
background: #fff !important
}
button.button-ghost:hover, button.button-ghost:focus, .button.button-ghost:hover, .button.button-ghost:focus {
color: #fff !important;
background: #000 !important;
border-color: #000 !important
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
.button-primary {
color: #fff !important;
background: #c94c08 !important;
border-color: #c94c08 !important
}
.button-primary:hover, .button-primary:hover:active, .button-primary:focus, .button-primary:focus:active {
color: #fff !important;
background: #c94c08 !important;
border-color: #c94c08 !important
}
.button-primary.button-ghost {
color: #c94c08 !important;
background: #fff !important
}
.button-primary.button-ghost:hover, .button-primary.button-ghost:focus {
color: #fff !important;
background: #c94c08 !important;
border-color: #c94c08 !important
}
.button-primary.submit-alink, .button-primary.submit-alink:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: 0 none;
color: #f60 !important;
height: auto;
margin: 0;
padding: 0;
text-transform: none;
vertical-align: inherit
}
.button-tertiary {
background: #b5b5b5;
border-color: #b5b5b5
}
.button-tertiary:hover, .button-tertiary:hover:active, .button-tertiary:focus, .button-tertiary:focus:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: #b5b5b5;
border-color: #b5b5b5
}
.button-tertiary.button-ghost {
color: #8e8e8e !important
}
.button-tertiary.button-ghost:hover, .button-tertiary.button-ghost:focus {
color: #fff !important;
background: #b5b5b5 !important;
border-color: #b5b5b5 !important
}
button.button-link {
padding: 0 !important;
text-transform: none !important;
letter-spacing: 0 !important;
color: #000 !important;
background: transparent !important;
border: 0 !important;
min-height: 0 !important;
display: inline !important;
vertical-align: baseline !important
}
button.reset-filter, a.reset-filter {
background-color: transparent;
border: none;
color: #c94c08;
cursor: pointer;
font-size: 24px !important;
font-weight: 300;
height: 100%;
line-height: 0 !important;
margin: 0 !important;
padding: 0 0.75rem;
position: absolute;
right: 0;
top: 0
}
button.reset-filter:hover, a.reset-filter:hover {
background-color: #e4e4e4;
border: none;
color: #c94c08 !important;
text-decoration: none
}
button.reset-filter:focus, a.reset-filter:focus {
background-color: #e4e4e4;
color: #c94c08 !important;
outline: none;
text-decoration: none
}
button.reset-filter:focus:active, a.reset-filter:focus:active {
background-color: #e4e4e4
}
button.reset-filter span {
display: block;
margin-top: -2px !important
}
a.reset-filter span {
display: block;
margin-top: 1.15rem
}
@media only screen and (max-width: 600px) {
td button + button, td button + .button, td .button + button, td .button + .button {
margin: 8px 0px 0px;
margin: .5rem 0rem 0rem
}
}
@media only screen and (min-width: 600px) {
button + button, button + .button, .button + button, .button + .button {
margin-left: 8px;
margin-left: .5rem
}
.button-prev {
float: left
}
.button-prev button, .button-prev .button {
float: left
}
.button-next {
float: right
}
.button-next button, .button-next .button {
float: right;
margin-right: 8px !important;
margin-right: .5rem !important;
margin-left: 0px !important;
margin-left: 0rem !important
}
}
.button.disabled {
opacity: 0.5;
cursor: wait
}
.field-input-button {
max-width: 100%
}
.field-input-button label {
display: block;
width: 100%;
padding-bottom: 6px;
padding-bottom: .375rem
}
@media only screen and (min-width: 600px) {
.field-input-button .field-input-button-pair-wrapper {
display: table;
width: 100%
}
.field-input-button .field-input-button-pair-wrapper .input-text-wrapper {
display: table-cell;
width: 100%
}
}
@media only screen and (min-width: 600px) and (min-width: 1200px) {
.top-navigation .field-input-button .field-input-button-pair-wrapper .input-text-wrapper {
width: auto
}
}
@media only screen and (min-width: 600px) {
.field-input-button .field-input-button-pair-wrapper .input-text {
margin: 0 !important
}
.field-input-button .field-input-button-pair-wrapper .buttons {
display: table-cell !important;
vertical-align: top;
padding: 0 !important
}
.field-input-button .field-input-button-pair-wrapper button, .field-input-button .field-input-button-pair-wrapper .button {
color: #fff !important;
background: #000;
border-color: #000;
padding: 0px 12px;
padding: 0rem .75rem;
white-space: nowrap
}
}
@media only screen and (max-width: 600px) {
#main-search .field-input-button-pair-wrapper {
display: table;
width: 100%
}
#main-search .field-input-button-pair-wrapper .input-text-wrapper, #main-search .field-input-button-pair-wrapper .buttons {
display: table-cell !important;
vertical-align: top;
padding: 0 !important
}
#main-search .field-input-button-pair-wrapper .input-text-wrapper {
width: 100%
}
#main-search .field-input-button-pair-wrapper .input-text {
margin: 0 !important
}
#main-search .field-input-button-pair-wrapper button {
color: #fff !important;
background: #000;
border-color: #000;
padding: 0px 12px;
padding: 0rem .75rem
}
}
.table-yes-no-answers td {
width: 5em;
text-align: right
}
.table-yes-no-answers .label-check, .table-yes-no-answers .label-radio {
white-space: nowrap
}
@media only screen and (max-width: 750px) {
.table-yes-no-answers th, .table-yes-no-answers td {
text-align: left;
display: block !important;
padding: 4px !important;
padding: .25rem !important
}
}
.table-radio-buttons .label-check, .table-radio-buttons .label-radio {
white-space: nowrap
}
.table-radio-buttons tr:hover {
background: none
}
.table-radio-buttons th, .table-radio-buttons td {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
border: 0 !important;
vertical-align: middle
}
.table-radio-buttons th {
width: 1px;
padding-left: 0;
font-weight: bold
}
.table-radio-buttons td:last-child {
width: 100%
}
@media only screen and (max-width: 750px) {
.table-radio-buttons th, .table-radio-buttons td {
text-align: left;
display: block !important;
padding: 4px !important;
padding: .25rem !important
}
}
@media only screen and (min-width: 750px) {
.table-radio-buttons th {
white-space: nowrap
}
}
.form-ir-create-custom-report {
border-bottom: 1px solid #d5d5d5
}
.form-ir-create-custom-report fieldset {
float: left;
border-top: 1px solid #d5d5d5;
padding: 24px 0px 0px;
padding: 1.5rem 0rem 0rem
}
.form-ir-create-custom-report > .buttons {
border-top: 1px solid #d5d5d5;
clear: both;
padding: 24px 0px;
padding: 1.5rem 0rem
}
.form-ir-create-custom-report .button {
margin: 0
}
.form-ir-create-custom-report .list-checkbox > ul li label {
cursor: move;
cursor: -webkit-grab;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.form-ir-create-custom-report .list-checkbox > ul .added {
opacity: 0.5
}
.form-ir-create-custom-report .list-checkbox > ul .added label {
cursor: no-drop
}
.form-ir-create-custom-report .list-checkbox > ul .placeholder {
text-align: center;
padding: 24px !important;
padding: 1.5rem !important;
margin: 0;
width: 100%;
font-style: italic;
border: 1px dashed #ccc
}
.form-ir-create-custom-report .droped {
width: 100% !important;
height: auto !important
}
@media only screen and (min-width: 750px) {
.form-ir-create-custom-report {
border: 1px solid #d5d5d5
}
.form-ir-create-custom-report .fieldset-pair {
display: table;
width: 100% !important;
margin: 0 !important
}
.form-ir-create-custom-report fieldset {
float: none;
display: table-cell;
vertical-align: top;
width: 50%;
margin: 0;
border-top: 0;
padding: 24px;
padding: 1.5rem
}
.form-ir-create-custom-report fieldset:first-child {
border-right: 1px solid #d5d5d5
}
.form-ir-create-custom-report fieldset .list-checkbox > ul {
min-height: 520px
}
.form-ir-create-custom-report fieldset .list-checkbox > ul .placeholder {
min-height: 450px
}
.form-ir-create-custom-report fieldset .buttons {
min-height: 52px
}
.form-ir-create-custom-report > .buttons {
width: 100%;
padding: 24px;
padding: 1.5rem;
text-align: center
}
@supports (display: -webkit-box) or (display: -moz-box) or (display: -webkit-flex) or (display: flex) {
.form-ir-create-custom-report .fieldset-pair {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.form-ir-create-custom-report .fieldset-pair:after {
content: '';
display: table;
clear: both
}
.form-ir-create-custom-report .fieldset-inner {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
height: 100%
}
.form-ir-create-custom-report .field {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
width: 100%
}
.form-ir-create-custom-report .list-checkbox {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
width: 100%;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1
}
.form-ir-create-custom-report .list-checkbox > ul {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.form-ir-create-custom-report .list-checkbox > ul .placeholder {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1
}
}
}
.form-forgot-password legend {
position: absolute;
left: -9999px;
overflow: hidden
}
.stripe + .form-newsletter-subscription {
border-top: 1px solid #d5d5d5;
padding-top: 36px;
padding-top: 2.25rem
}
@media only screen and (min-width: 750px) {
.form-certification-directory {
position: relative;
border: 1px solid #d5d5d5;
padding: 80px 80px 16px;
padding: 5rem 5rem 1rem;
margin-top: 80px;
margin-top: 5rem
}
.form-certification-directory fieldset {
max-width: 600px;
margin: 0 auto
}
.form-certification-directory:before {
content: '';
position: absolute;
top: -40px;
top: -2.5rem;
left: 50%;
margin-left: -40px;
margin-left: -2.5rem;
display: block;
width: 80px;
width: 5rem;
height: 80px;
height: 5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #000 url(i/icons/search_icon_white.png) no-repeat 50% 50%
}
.form-certification-directory legend, .form-certification-directory .buttons {
display: block;
width: 100%;
text-align: center
}
.form-certification-directory legend {
border-bottom: 1px solid #e4e4e4;
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.form-certification-directory .buttons {
border-top: 1px solid #e4e4e4;
margin-top: 24px;
margin-top: 1.5rem;
padding-top: 24px;
padding-top: 1.5rem
}
}
.form-theme-v2 {
background: #f2f2f2;
padding: 36px 24px 80px;
padding: 2.25rem 1.5rem 5rem;
margin: 0px -24px;
margin: 0rem -1.5rem
}
.form-theme-v2 .input-text, .form-theme-v2 .select-wrapper select, .form-theme-v2 textarea {
background: #fff;
border: 1px solid #b5b5b5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-collapse: collapse;
-webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
-ms-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5)
}
.form-theme-v2 .input-text:focus, .form-theme-v2 .select-wrapper select:focus, .form-theme-v2 textarea:focus {
border-color: #000
}
.form-theme-v2 .buttons {
text-align: center;
padding-top: 36px;
padding-top: 2.25rem
}
@media only screen and (min-width: 750px) {
.form-theme-v2 {
padding: 36px 80px 80px;
padding: 2.25rem 5rem 5rem;
margin: 0px -80px;
margin: 0rem -5rem
}
}
.form-theme-v3 {
position: relative;
overflow: hidden;
width: 100%;
padding: 0px 0px 80px;
padding: 0rem 0rem 5rem
}
.form-theme-v3 .input-text, .form-theme-v3 .select-wrapper, .form-theme-v3 textarea {
border: 1px solid #ccc
}
.form-theme-v3 .field h3, .form-theme-v3 .field h4 {
text-transform: none
}
.form-theme-v3 .field-hanging-label {
display: block;
width: 100%
}
.form-theme-v3 .field-hanging-label label {
display: table;
table-layout: fixed;
width: 100%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word
}
@media only screen and (min-width: 750px) {
.form-theme-v3 .field {
padding: 0;
margin-bottom: 30px;
margin-bottom: 1.875rem
}
.form-theme-v3 .field:after {
content: '';
display: table;
clear: both
}
.form-theme-v3 .field field-error p.small-note {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.form-theme-v3 .field h3, .form-theme-v3 .field h4 {
font-size: 0.875rem !important;
font-weight: normal;
margin-left: 24px;
margin-left: 1.5rem;
width: 220px;
width: 13.75rem;
float: left;
text-transform: uppercase;
line-height: initial !important
}
.form-theme-v3 .list-radio > ul {
margin: 0
}
.form-theme-v3 .list-radio > ul > li {
padding-left: 0 !important;
margin-bottom: 0
}
.form-theme-v3 .list-radio > ul > li .label-radio {
font-weight: bold;
padding-right: 24px;
padding-right: 1.5rem
}
.form-theme-v3 .list-radio.list-radio-horizontal {
float: none;
padding-left: 220px;
padding-left: 13.75rem
}
.form-theme-v3 .list-radio.list-radio-horizontal li {
padding-left: 24px !important;
padding-left: 1.5rem !important
}
.form-theme-v3 .list-radio {
float: left
}
.form-theme-v3 .list-checkbox {
margin-top: 6px !important;
margin-top: .375rem !important
}
.form-theme-v3 .input-file {
padding-top: 6px;
padding-top: .375rem
}
.form-theme-v3 .field-hanging-label {
border: 1px solid #e4e4e4;
padding-left: 32.35294118%;
height: calc(100%);
position: relative
}
.form-theme-v3 .field-hanging-label label {
float: left;
display: inline !important;
width: 47.82609%;
margin-left: -47.82609%;
height: auto;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
padding: 8px 12px 8px 23px;
padding: .5rem .75rem .5rem 1.4375rem
}
.form-theme-v3 .field-hanging-label .input-text, .form-theme-v3 .field-hanging-label .select-wrapper, .form-theme-v3 .field-hanging-label textarea {
width: 100%
}
.form-theme-v3 .field-hanging-label .input-text, .form-theme-v3 .field-hanging-label .select-wrapper {
min-height: 42px;
min-height: 2.625rem;
position: absolute;
height: calc((100% + 2px));
right: -1px !important;
top: -1px;
bottom: -1px;
margin: 0;
width: 67.64705882%
}
.form-theme-v3 .field-hanging-label .select-wrapper:after {
top: 50%;
margin-top: -2px
}
.form-theme-v3 .field-hanging-label .select-wrapper select {
height: 100% !important
}
.form-theme-v3 .field-hanging-label textarea {
float: right;
border: 1px solid #ccc;
margin: -1px -1px -1px 0
}
.form-theme-v3 .field-hanging-label label, .form-theme-v3 .table-radio-buttons th {
font-weight: normal;
letter-spacing: .05em
}
.form-theme-v3 .table-radio-buttons th {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2.85714em !important;
padding-left: 24px;
padding-left: 1.5rem
}
.form-theme-v3 .buttons {
text-align: center;
padding-top: 36px;
padding-top: 2.25rem
}
.form-theme-v3 .field-conditional {
height: auto;
position: sticky;
top: 0;
max-width: 100%
}
.form-theme-v3 .field-conditional.hidden {
position: absolute;
top: -9999em;
height: 0;
margin: 0;
overflow: hidden
}
.form-theme-v3 .field-conditional .shortcut {
padding: 12px 24px;
padding: .75rem 1.5rem
}
.form-theme-v3 .field-error {
position: relative;
margin-bottom: 48px !important;
margin-bottom: 3rem !important;
clear: both
}
.form-theme-v3 .field-error:after {
content: '';
display: table;
clear: both
}
.form-theme-v3 .field-error .input-text, .form-theme-v3 .field-error .select-wrapper, .form-theme-v3 .field-error textarea {
border: 2px solid #f00 !important
}
.form-theme-v3 .field-error .list-radio, .form-theme-v3 .field-error .list-checkbox {
padding-top: 12px;
padding-top: .75rem
}
.form-theme-v3 .field-error .small-note {
color: #f00;
padding: 4px 12px;
padding: .25rem .75rem
}
.form-theme-v3 .field-error .small-note, .form-theme-v3 .field-count-validation .small-note {
float: left;
position: relative;
margin-bottom: -100%;
left: 0;
display: block;
clear: both
}
}
.page-nav {
margin: 24px 0px;
margin: 1.5rem 0rem
}
.page-nav ul {
padding-top: 8px;
padding-top: .5rem;
margin: 0
}
.page-nav li {
margin-bottom: 12px;
margin-bottom: .75rem
}
.tabs {
clear: both
}
.tabs + .tabs {
margin-top: 36px;
margin-top: 2.25rem
}
.tabs .tabs-nav:after {
content: '';
display: table;
clear: both
}
.tabs .tabs-nav ul {
text-align: center
}
.tabs .tabs-nav ul:after {
content: '';
display: table;
clear: both
}
.tabs .tabs-nav li {
margin-bottom: 0
}
.tabs .tabs-nav a {
display: block;
color: #000 !important
}
.tabs .tabs-nav a:hover, .tabs .tabs-nav a:focus {
color: #c94c08 !important;
outline: none
}
.tabs .tabs-nav .current a {
color: #000 !important;
font-weight: bold
}
@media only screen and (min-width: 600px) {
.tabs .tabs-nav ul {
display: table;
margin: 0 auto
}
.tabs .tabs-nav li {
display: table-cell
}
.tabs .tabs-nav.tabs-nav-left ul {
float: left
}
.tabs .tabs-nav.tabs-nav-right ul {
float: right
}
.tabs .tabs-nav.tabs-nav-left li, .tabs .tabs-nav.tabs-nav-right li {
float: left
}
}
.tabs .tab-header {
position: absolute;
left: -9999px;
overflow: hidden
}
.tabs .tab-content {
padding: 24px 0px 0px;
padding: 1.5rem 0rem 0rem
}
.tabs .tab-content:after {
content: '';
display: table;
clear: both
}
.tabs .tab-content.hidden {
display: block
}
.html-js .tabs .tab-content.hidden {
display: none
}
.page-header + .tabs-theme-v1 {
margin-top: 36px;
margin-top: 2.25rem
}
.tabs-theme-v1 .tabs-nav a {
display: block;
padding: 6px 24px;
padding: .375rem 1.5rem;
background: #f2f2f2
}
.tabs-theme-v1 .tabs-nav .current a {
border: 1px solid #d5d5d5 !important;
background: #fff
}
@media only screen and (min-width: 600px) {
.tabs-theme-v1 .tabs-nav {
border-bottom: 1px solid #d5d5d5
}
.tabs-theme-v1 .tabs-nav ul {
position: relative;
margin-bottom: -1px
}
.tabs-theme-v1 .tabs-nav a {
border: 1px solid #f2f2f2 !important
}
.tabs-theme-v1 .tabs-nav li {
padding: 0 1px
}
.tabs-theme-v1 .tabs-nav.tabs-nav-left li {
padding: 0 1px 0 0
}
.tabs-theme-v1 .tabs-nav.tabs-nav-right li {
padding: 0 0 0 1px !important
}
.tabs-theme-v1 .tabs-nav.tabs-nav-left ul, .tabs-theme-v1 .tabs-nav.tabs-nav-right ul {
margin: 0
}
.tabs-theme-v1 .tabs-nav.tabs-nav-left a, .tabs-theme-v1 .tabs-nav.tabs-nav-right a {
position: relative;
margin-bottom: -1px;
border-bottom-color: #d5d5d5 !important
}
.tabs-theme-v1 .tabs-nav .current a {
border-bottom-color: #fff !important
}
}
.tabs-theme-v1.tabs-theme-v1-1 .tabs-nav a {
background: #e4e4e4;
border-color: #e4e4e4 !important;
border-bottom-color: #d5d5d5 !important
}
.tabs-theme-v1.tabs-theme-v1-1 .tabs-nav a:hover, .tabs-theme-v1.tabs-theme-v1-1 .tabs-nav a:focus {
color: #fff !important;
background: #111 !important;
border-color: #111 !important
}
.tabs-theme-v1.tabs-theme-v1-1 .tabs-nav .current a {
background: #fff !important;
border-color: #d5d5d5 !important;
border-bottom-color: #fff !important
}
.tabs-theme-v1.tabs-theme-v1-1 .tabs-nav .current a:hover, .tabs-theme-v1.tabs-theme-v1-1 .tabs-nav .current a:focus {
color: #000 !important;
background: #fff !important
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav {
border-bottom: 1px solid #d5d5d5
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav ul {
width: 100%
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav ul:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 600px) {
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav ul {
width: auto
}
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav li {
float: left;
width: 50%
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav li:first-child {
padding-right: 1px
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav li.current a {
border-bottom-color: #fff !important
}
.tabs-theme-v1.tabs-theme-tab-pair .tabs-nav li a {
border: 1px solid #e4e4e4;
border-bottom: 1px solid #d5d5d5;
position: relative;
margin-bottom: -1px
}
.tabs-theme-v2 .tabs-nav .current a {
background: #e4e4e4;
font-weight: normal
}
@media only screen and (min-width: 600px) {
.tabs-theme-v2 .tabs-nav ul {
text-align: center
}
.tabs-theme-v2 .tabs-nav li {
padding: 0px 12px;
padding: 0rem .75rem
}
.tabs-theme-v2 .tabs-nav .current a {
position: relative
}
.tabs-theme-v2 .tabs-nav .current a:before {
content: ' ';
width: 0;
height: 0;
border: 10px solid #e4e4e4;
border-color: #e4e4e4 transparent transparent transparent;
position: absolute;
bottom: -18px;
left: 50%;
margin-left: -10px;
z-index: 3
}
}
.tabs-theme-v3 .tabs-nav a {
border: 2px solid #fff;
border-width: 2px 0
}
.tabs-theme-v3 .tabs-nav .current a {
border-color: #c94c08
}
@media only screen and (min-width: 600px) {
.tabs-theme-v3 .tabs-nav ul {
position: relative;
margin-bottom: -1px !important
}
.tabs-theme-v3 .tabs-nav li {
padding: 0px 16px;
padding: 0rem 1rem
}
}
.tabs-theme-v4 {
background: #f2f2f2
}
@media only screen and (min-width: 1200px) {
.tabs-theme-v4 {
margin: 0px -80px -48px;
margin: 0rem -5rem -3rem;
padding: 0px 32px 32px;
padding: 0rem 2rem 2rem
}
.tabs-theme-v4 .tabs-nav ul {
width: 100%;
position: relative
}
.tabs-theme-v4 .tabs-nav ul:after {
content: '';
display: table;
clear: both
}
.tabs-theme-v4 .tabs-nav ul:before {
content: '';
position: absolute;
top: 0;
left: 50%;
margin-left: -32px;
display: block;
width: 0;
height: 0;
border: 32px solid #fff;
border-color: #fff transparent transparent transparent;
z-index: 9999
}
.tabs-theme-v4 .tabs-nav li {
float: left;
width: 50%
}
.tabs-theme-v4 .tabs-nav li:first-child {
border-right: 1px solid #d5d5d5
}
.tabs-theme-v4 .tabs-nav li.current {
position: relative
}
.tabs-theme-v4 .tabs-nav li.current:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -14px;
margin-left: -.875rem;
display: block;
width: 0;
height: 20px;
height: 1.25rem;
background: #c94c08;
border: 14px solid #c94c08;
border-bottom: 8px solid #fff
}
.tabs-theme-v4 .tabs-nav a {
padding: 24px 12px;
padding: 1.5rem .75rem
}
.tabs-theme-v4 .tab-content {
padding: 60px 48px;
padding: 3.75rem 3rem;
background: #fff
}
}
.tabs-theme-v5 .tabs-nav, .tabs-theme-v5b .tabs-nav {
width: 100%;
overflow: hidden;
margin-left: -6px;
margin-left: -.375rem
}
.tabs-theme-v5 .tabs-nav li, .tabs-theme-v5b .tabs-nav li {
float: left;
overflow: hidden;
margin-bottom: 2px;
margin-bottom: .125rem
}
@media only screen and (min-width: 600px) {
.tabs-theme-v5 .tabs-nav li, .tabs-theme-v5b .tabs-nav li {
display: inline;
text-align: left
}
}
.tabs-theme-v5 .tabs-nav li:not(:last-child)::after, .tabs-theme-v5b .tabs-nav li:not(:last-child)::after {
content: "|";
margin: 0 10px
}
.tabs-theme-v5 .tabs-nav li a, .tabs-theme-v5b .tabs-nav li a {
font-weight: 400;
display: inline-block;
padding: 6px;
padding: .375rem;
color: #c94c08 !important
}
.tabs-theme-v5 .tabs-nav li.current a, .tabs-theme-v5b .tabs-nav li.current a {
background: #c94c08 !important;
color: #ffffff !important;
font-weight: 400 !important
}
@media only screen and (min-width: 600px) {
.tabs-theme-v5 .tabs-nav ul, .tabs-theme-v5b .tabs-nav ul {
max-width: 25em
}
.tabs-theme-v5 .tabs-nav.tabs-nav-left a, .tabs-theme-v5 .tabs-nav.tabs-nav-right a, .tabs-theme-v5b .tabs-nav.tabs-nav-left a, .tabs-theme-v5b .tabs-nav.tabs-nav-right a {
position: relative
}
}
.tabs-theme-v5 .tab-content, .tabs-theme-v5b .tab-content {
width: 100%
}
.tabs-theme-v5b .tabs-nav {
text-align: left
}
.tabs-theme-v5b .tabs-nav li {
float: none
}
.tabs-theme-v5b .tabs-nav li a {
display: inline
}
.tabs-operations-council {
margin: -36px -24px;
margin: -2.25rem -1.5rem;
padding: 36px 24px;
padding: 2.25rem 1.5rem;
background: #f7f7f7
}
@media only screen and (min-width: 750px) {
.tabs-operations-council {
margin: -96px -80px;
margin: -6rem -5rem;
padding: 60px 80px;
padding: 3.75rem 5rem
}
}
.prev-next {
background: #fff;
padding: 24px 80px;
padding: 1.5rem 5rem;
margin: 0px -24px;
margin: 0rem -1.5rem
}
.prev-next ul {
margin: 0
}
.prev-next ul:after {
content: '';
display: table;
clear: both
}
.prev-next li {
margin: 0 !important
}
.prev-next a {
display: block;
padding: 24px 0px;
padding: 1.5rem 0rem
}
.prev-next a:hover {
color: #000
}
.prev-next a:hover h4 {
color: #c94c08
}
.prev-next h4 {
margin: 0px 0px 12px;
margin: 0rem 0rem .75rem
}
.prev-next h3 {
color: #c94c08;
line-height: 36px;
line-height: 2.25rem;
text-transform: none;
font-weight: 300;
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.45455em !important
}
.prev-next .prev h4:before, .prev-next .next h4:after {
position: relative;
display: inline-block;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 2.4em !important;
margin-top: -2px;
margin-top: -.125rem;
vertical-align: middle
}
.prev-next .prev h4:before {
content: '◀\FE0E';
margin-right: 8px;
margin-right: .5rem
}
.prev-next .next h4:after {
content: '▶\FE0E';
margin-left: 8px;
margin-left: .5rem
}
@media only screen and (min-width: 600px) {
.prev-next {
margin: 0px -80px;
margin: 0rem -5rem
}
.prev-next .prev, .prev-next .next {
width: 50%;
float: left;
position: relative
}
.prev-next .prev {
text-align: right;
border-right: 1px solid #9e9e9e
}
.prev-next .next {
left: -1px;
border-left: 1px solid #9e9e9e
}
.prev-next .prev a {
padding-right: 36px;
padding-right: 2.25rem
}
.prev-next .next a {
padding-left: 36px;
padding-left: 2.25rem
}
}
.cta-anchors ul {
margin-bottom: 0
}
.cta-anchors li {
margin-bottom: 12px;
margin-bottom: .75rem
}
.cta-anchors a {
display: block;
color: #c94c08;
padding: 0px 20px 0px 34px;
padding: 0rem 1.25rem 0rem 2.125rem;
line-height: 24px;
line-height: 1.5rem;
background: url(i/icons/cta-contact.svg) no-repeat
}
.wf-robotocondensed-n4-active .cta-anchors a {
font-weight: 400;
text-rendering: optimizeLegibility
}
.cta-anchors a:hover, .cta-anchors a:focus {
text-decoration: underline
}
.cta-anchors .cta-download a {
background-position: 0 0
}
.cta-anchors .cta-related a {
background-position: 0 -30px
}
.cta-anchors .cta-subscribe a {
background-position: 0 -60px
}
.cta-anchors .cta-telephone a {
background-position: 0 0
}
.cta-anchors .cta-contact-options a {
background-position: 0 -24px
}
@media only screen and (min-width: 600px) {
.cta-anchors ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.cta-anchors li {
display: inline-block;
margin: 0
}
}
.tabs-theme-large-2019 {
margin: 36px 0px 0px;
margin: 2.25rem 0rem 0rem;
background: #fff
}
@media only screen and (min-width: 750px) {
.tabs-theme-large-2019 {
margin: -96px -12px 0px;
margin: -6rem -.75rem 0rem;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px 24px 0px;
padding: 1.5rem 1.5rem 0rem;
position: relative
}
.tabs-theme-large-2019:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 150px;
background-image: -webkit-linear-gradient(#fff 0, #e4e4e4 100%);
background-image: -moz-linear-gradient(#fff 0, #e4e4e4 100%);
background-image: -ms-linear-gradient(#fff 0, #e4e4e4 100%);
background-image: -o-linear-gradient(#fff 0, #e4e4e4 100%);
background-image: linear-gradient(#fff 0, #e4e4e4 100%)
}
}
@media only screen and (min-width: 1200px) {
.tabs-theme-large-2019 {
margin: 0px -80px;
margin: 0rem -5rem;
padding: 64px 80px 0px;
padding: 4rem 5rem 0rem
}
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-list {
width: 100%;
margin: 0;
position: relative;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
@media only screen and (min-width: 600px) {
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-list {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row
}
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-list:after {
content: '';
display: table;
clear: both
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-item {
-webkit-flex: 1 0 0;
-moz-flex: 1 0 0;
-ms-flex: 1 0 0;
-o-flex: 1 0 0;
flex: 1 0 0;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
-o-align-self: stretch;
align-self: stretch;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
text-align: center;
width: 100%;
margin-top: 1px;
margin-top: .0625rem
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-item:first-child {
margin-top: 0
}
@media only screen and (min-width: 600px) {
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-item {
float: left;
margin: 0px 0px 0px 2px;
margin: 0rem 0rem 0rem .125rem
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-item:first-child {
margin-left: 0
}
}
@media only screen and (min-width: 600px) {
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-list-2 .tabs-nav-wide-item {
width: 50%;
max-width: 50%
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-list-3 .tabs-nav-wide-item {
width: 33.3333333%;
max-width: 33.333333%
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-list-4 .tabs-nav-wide-item {
width: 25%;
max-width: 25%
}
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-link {
width: 100%;
padding: 12px 12px;
padding: .75rem .75rem;
color: #fff !important;
background: #666;
border: 1px solid #666;
border-bottom: 0;
font-weight: bold;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
text-transform: uppercase;
-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1)
}
.wf-robotocondensed-n7-active .tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-link {
text-rendering: optimizeLegibility
}
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-link:focus, .tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-link:hover {
color: #fff !important;
background: #c94c08;
border-color: #c94c08
}
@media only screen and (min-width: 600px) {
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-link {
padding: 24px 12px;
padding: 1.5rem .75rem
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-large-2019 .tabs-nav-wide .tabs-nav-wide-link {
color: #f2f2f2 !important
}
}
.tabs-theme-large-2019 .tabs-nav-wide .current .tabs-nav-wide-link {
background: #fff;
color: #000;
border: 1px solid #ccc;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
@media only screen and (min-width: 600px) {
.tabs-theme-large-2019 .tabs-nav-wide .current .tabs-nav-wide-link {
position: relative;
border-bottom-color: #fff;
margin-bottom: -1px;
z-index: 5
}
}
.tabs-theme-large-2019 .tabs-nav-wide .current .tabs-nav-wide-link:focus, .tabs-theme-large-2019 .tabs-nav-wide .current .tabs-nav-wide-link:hover {
color: #000 !important;
background: #fff
}
.tabs-theme-large-2019 .tab-content {
background: #fff;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px 24px 18px;
padding: 1.5rem 1.5rem 1.125rem;
position: relative
}
@media only screen and (min-width: 600px) {
.tabs-theme-large-2019 .tab-content {
border-top: 1px solid #ccc
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-large-2019 .tab-content {
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 48px 24px;
padding: 3rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.tabs-theme-large-2019 .tab-content {
margin: 0px -80px;
margin: 0rem -5rem;
padding: 80px 80px 56px;
padding: 5rem 5rem 3.5rem
}
}
.tabs-theme-large-2019 .tab-content-header {
position: absolute;
left: -9999px;
overflow: hidden
}
.body-content .body-copy a.accordion-toggler:hover, .body-content .body-copy a.accordion-toggler:focus {
text-decoration: none
}
.accordion {
margin: 0px -24px 36px;
margin: 0rem -1.5rem 2.25rem
}
.accordion .item-accordion {
padding: 0;
margin: 0 !important;
border-top: 1px solid #d5d5d5
}
.accordion .item-accordion:before {
content: none
}
.accordion .item-accordion:first-child {
border-top: 0
}
.accordion .item-accordion.item-chairman {
background: #e4e4e4
}
.accordion .accordion-header:after {
content: '';
display: table;
clear: both
}
.accordion .accordion-header figure {
float: left;
width: 33.33333333%
}
.accordion .accordion-header h2 {
margin: 0
}
.accordion .accordion-toggler {
position: relative;
display: block;
color: #000;
padding: 18px 60px 18px 24px;
padding: 1.125rem 3.75rem 1.125rem 1.5rem
}
.accordion .accordion-toggler:after {
content: '';
display: table;
clear: both
}
.accordion .accordion-toggler:hover {
color: #c94c08
}
.accordion .accordion-toggler:hover:after {
color: #c94c08
}
.accordion .accordion-toggler:after {
content: '+';
position: absolute;
top: 18px;
top: 1.125rem;
right: 24px;
right: 1.5rem;
display: block;
width: 24px;
height: 24px;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1em !important;
text-align: center;
white-space: nowrap;
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.accordion .open .accordion-toggler {
color: #c94c08
}
.accordion .open .accordion-toggler:after {
content: '–';
top: 19px;
top: 1.1875rem
}
.accordion .accordion-content {
display: none;
padding: 6px 24px 24px;
padding: .375rem 1.5rem 1.5rem
}
.accordion .accordion-content img {
display: block;
width: 100%;
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.accordion .accordion-content p, .accordion .accordion-content ul, .accordion .accordion-content ol {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.accordion .accordion-content a {
color: #c94c08
}
@media only screen and (min-width: 1200px) {
.accordion .accordion-content .columns .col-33 + .col-66 {
padding-left: 5%
}
}
.accordion .open .accordion-content {
display: block
}
@media only screen and (min-width: 1200px) {
.accordion {
margin: 0px 0px 36px;
margin: 0rem 0rem 2.25rem
}
.accordion .accordion-toggler {
padding: 18px 40px 18px 0px;
padding: 1.125rem 2.5rem 1.125rem 0rem
}
.accordion .accordion-toggler:after {
right: 0px;
right: 0rem
}
.accordion .accordion-content {
padding: 6px 0px 24px;
padding: .375rem 0rem 1.5rem
}
.accordion .accordion-content.body-copy {
padding: 6px 0px 4px;
padding: .375rem 0rem .25rem;
margin: 0;
position: inherit
}
}
.accordion-2019 {
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px;
padding: 1.5rem;
background: #f5f5f5
}
.accordion-2019 header h2 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.accordion-2019 .item-accordion {
background: #fff;
margin-top: 12px;
margin-top: .75rem
}
.accordion-2019 .item-accordion:before {
content: none
}
.accordion-2019 .item-accordion:first-child {
margin-top: 0
}
.accordion-2019 .item-accordion.item-chairman {
background: #e4e4e4
}
.accordion-2019 .accordion-header {
border-bottom: 1px solid #f5f5f5
}
.accordion-2019 .accordion-header h3 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.375em !important;
margin: 0
}
.accordion-2019 .accordion-header:after {
content: '';
display: table;
clear: both
}
.accordion-2019 .accordion-toggler {
position: relative;
display: block;
padding: 18px 60px 18px 24px;
padding: 1.125rem 3.75rem 1.125rem 1.5rem;
color: #616261
}
.accordion-2019 .accordion-toggler:after {
content: '';
display: table;
clear: both
}
.accordion-2019 .accordion-toggler:hover {
color: #c94c08
}
.accordion-2019 .accordion-toggler:hover:after {
color: #c94c08
}
.accordion-2019 .accordion-toggler:after {
content: '+';
position: absolute;
top: 19px;
top: 1.1875rem;
right: 24px;
right: 1.5rem;
display: block;
width: 24px;
height: 24px;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1em !important;
text-align: center;
white-space: nowrap;
color: #959595;
font-weight: normal
}
.accordion-2019 .open .accordion-toggler {
color: #c94c08
}
.accordion-2019 .open .accordion-toggler:after {
content: '–';
top: 20px;
top: 1.25rem;
color: #c94c08
}
.accordion-2019 .accordion-content {
display: none;
padding: 12px 24px;
padding: .75rem 1.5rem;
color: #575757
}
.accordion-2019 .accordion-content img {
display: block;
width: 100%;
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.accordion-2019 .accordion-content p, .accordion-2019 .accordion-content ul, .accordion-2019 .accordion-content ol {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.accordion-2019 .accordion-content a {
color: #c94c08
}
@media only screen and (min-width: 1200px) {
.accordion-2019 .accordion-content .columns .col-33 + .col-66 {
padding-left: 5%
}
}
.accordion-2019 .open .accordion-content {
display: block
}
@media only screen and (min-width: 600px) {
.accordion-2019 {
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 1000px) {
.accordion-2019 header h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.26667em !important
}
}
@media only screen and (min-width: 1200px) {
.accordion-2019 {
padding: 60px 80px;
padding: 3.75rem 5rem;
margin: 0
}
}
.list-person-details {
color: #464646
}
.list-person-details li {
padding-left: 0 !important
}
.list-person-details li:before {
content: none !important
}
.list-person-details dl {
margin: 0
}
.list-person-details dt, .list-person-details dd {
display: inline
}
.list-person-details dt:after {
content: ': '
}
.list-person-details .person-position dt, .list-person-details .person-department dt {
display: none !important
}
.tiles {
position: relative;
margin: 0px -24px 36px;
margin: 0rem -1.5rem 2.25rem
}
.tiles .tiles-nav {
float: left;
width: 100%
}
.tiles .tiles-nav ul:after {
content: '';
display: table;
clear: both
}
.tiles .tiles-nav li {
background: #f8f8f8
}
.tiles .tiles-nav li:before {
content: none
}
@media only screen and (max-width: 750px) {
.tiles .tiles-nav li {
padding: 24px;
padding: 1.5rem;
margin-bottom: 0
}
.tiles .tiles-nav li.item-alt-responsive {
background: #f1f1f1
}
}
@media only screen and (min-width: 750px) {
.tiles .tiles-nav li {
float: left;
width: 50%;
height: 0;
padding: 0;
padding-bottom: 25%;
margin: 0px 0px 4px 0px !important;
margin: 0rem 0rem .25rem 0rem !important
}
.tiles .tiles-nav li.item-alt {
background: #f1f1f1
}
.tiles .tiles-nav li:nth-child(odd) {
border-right: 2px solid #fff
}
.tiles .tiles-nav li:nth-child(even) {
border-left: 2px solid #fff
}
}
.tiles .tiles-nav .tile-card {
padding: 24px 0px;
padding: 1.5rem 0rem
}
.tiles .tiles-nav .tile-card-integrity:before, .tiles .tiles-nav .tile-card-health-safety-environment:before, .tiles .tiles-nav .tile-card-quality-professionalism:before, .tiles .tiles-nav .tile-card-respect:before, .tiles .tiles-nav .tile-card-corporate-sustainability:before, .tiles .tiles-nav .tile-card-leadership:before {
content: ' ';
display: block;
width: 70px;
width: 4.375rem;
height: 70px;
height: 4.375rem;
margin: 0 auto 14px;
background: none no-repeat 50% 50%
}
.tiles .tiles-nav .list-ppc-boxes-expertize li.ppc-box-auditing .inner::before {
background-image: url(i/icons/ppc/auditing.svg);
background-size: auto 37px
}
.tiles .tiles-nav .tile-card-integrity:before {
background-image: url(i/icons/principles/integrity.svg);
background-size: auto 70px
}
.tiles .tiles-nav .tile-card-health-safety-environment:before {
background-image: url(i/icons/principles/health-and-safety.svg);
background-size: auto 70px
}
.tiles .tiles-nav .tile-card-quality-professionalism:before {
background-image: url(i/icons/principles/quality.svg);
background-size: auto 70px
}
.tiles .tiles-nav .tile-card-respect:before {
background-image: url(i/icons/principles/respect.svg);
background-size: auto 70px
}
.tiles .tiles-nav .tile-card-corporate-sustainability:before {
background-image: url(i/icons/principles/sustainability.svg);
background-size: auto 70px
}
.tiles .tiles-nav .tile-card-leadership:before {
background-image: url(i/icons/principles/leadership.svg);
background-size: auto 70px
}
.tiles .tiles-nav .tile-toggler {
position: relative;
width: 100%;
display: block;
color: #000 !important
}
.tiles .tiles-nav .tile-toggler:hover h2 {
color: #c94c08
}
@media only screen and (min-width: 750px) {
.tiles .tiles-nav .tile-toggler {
height: 0;
padding-bottom: 50%
}
}
.tiles .tiles-nav h2, .tiles .tiles-nav p {
text-transform: uppercase;
text-align: center;
margin: 0;
color: #363636
}
.wf-robotocondensed-n7-active .tiles .tiles-nav h2, .wf-robotocondensed-n7-active .tiles .tiles-nav p {
text-rendering: optimizeLegibility
}
.tiles .tiles-nav h2 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.72727em !important;
font-weight: bold;
letter-spacing: 0.015em
}
.tiles .tiles-nav p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.wf-roboto-n4-active .tiles .tiles-nav p {
text-rendering: optimizeLegibility
}
.tiles .tiles-nav p.strapline {
text-transform: none;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.wf-roboto-n4-active .tiles .tiles-nav p.strapline {
text-rendering: optimizeLegibility
}
.tiles .tiles-nav .tile-icon-header {
padding: 0px 24px 0px 24px;
padding: 0rem 1.5rem 0rem 1.5rem
}
.tiles .tiles-nav .tile-header {
padding: 0px 24px 0px 24px;
padding: 0rem 1.5rem 0rem 1.5rem
}
@media only screen and (min-width: 750px) {
.tiles .tiles-nav .tile-header {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%)
}
}
.tiles .tile-content {
display: none;
position: relative;
float: left;
width: 100%;
margin-left: -100%;
padding: 20px
}
.tiles .tile-content .inner {
background: #fff;
border: 1px solid #e4e4e4;
-webkit-box-shadow: 0 0 0 10px #fff;
-moz-box-shadow: 0 0 0 10px #fff;
-ms-box-shadow: 0 0 0 10px #fff;
-o-box-shadow: 0 0 0 10px #fff;
box-shadow: 0 0 0 10px #fff
}
.tiles .tile-content .inner:after {
content: '';
display: table;
clear: both
}
.tiles .tile-content .inner .body-copy {
padding: 0px 24px 24px;
padding: 0rem 1.5rem 1.5rem
}
.tiles .tile-content .inner .body-copy p, .tiles .tile-content .inner .body-copy ul, .tiles .tile-content .inner .body-copy ol {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
display: inline-block;
width: 100%;
margin-top: 0 !important
}
.tiles .tile-content .inner .body-copy p > li, .tiles .tile-content .inner .body-copy ul > li, .tiles .tile-content .inner .body-copy ol > li {
padding-left: 24px;
padding-left: 1.5rem
}
.tiles .tile-content .inner .body-copy * + h2, .tiles .tile-content .inner .body-copy * + h3, .tiles .tile-content .inner .body-copy * + h4 {
margin-top: 0 !important
}
@media only screen and (min-width: 750px) {
.tiles .tile-content .inner .body-copy {
padding: 0px 60px 48px;
padding: 0rem 3.75rem 3rem;
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
-ms-column-gap: 48px;
-o-column-gap: 48px;
column-gap: 48px
}
.tiles .tile-content .inner .body-copy h2, .tiles .tile-content .inner .body-copy h3, .tiles .tile-content .inner .body-copy h4 {
break-after: avoid;
page-break-after: avoid;
-webkit-column-break-after: avoid
}
}
.tiles .tile-content .tile-close {
content: ' ';
background: url(i/icons/close-aaa.png);
position: absolute;
top: 44px;
top: 2.75rem;
right: 44px;
right: 2.75rem;
display: block;
text-indent: -9999px;
overflow: hidden;
width: 25px;
width: 1.5625rem;
height: 25px;
height: 1.5625rem
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.tiles .tile-content .tile-close {
background-image: url("i/icons/close-aaa-@2x.png") !important;
background-size: 25px 25px !important
}
}
.tiles .tile-content .tile-close:hover {
background: url(i/icons/close-orange.png)
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.tiles .tile-content .tile-close:hover {
background-image: url("i/icons/close-orange-@2x.png") !important;
background-size: 25px 25px !important
}
}
.tiles .tile-content .personal-details {
padding: 24px 24px 0px;
padding: 1.5rem 1.5rem 0rem
}
.tiles .tile-content .personal-details h2 {
padding-right: 48px;
padding-right: 3rem;
margin-bottom: 6px;
margin-bottom: .375rem;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.015em
}
@media only screen and (min-width: 750px) {
.tiles .tile-content .personal-details {
padding: 48px 60px 0px;
padding: 3rem 3.75rem 0rem
}
}
.tiles .tile-content .personal-details .list-person-details {
color: #464646
}
.tiles .tile-content .personal-details .list-person-details:after {
content: ' ';
display: block;
width: 80px;
margin: 24px 0px;
margin: 1.5rem 0rem;
border-bottom: 2px solid #c94c08
}
.tiles .tile-content .personal-details .list-person-details ul:after {
content: '';
display: table;
clear: both
}
.tiles .tile-content .personal-details .list-person-details li {
padding-left: 0 !important
}
.tiles .tile-content .personal-details .list-person-details li:before {
content: none !important
}
.tiles .tile-content .personal-details .list-person-details dl {
margin: 0
}
.tiles .tile-content .personal-details .list-person-details dt, .tiles .tile-content .personal-details .list-person-details dd {
display: block;
text-transform: uppercase
}
.tiles .tile-content .personal-details .list-person-details dt {
font-weight: 300;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important
}
.tiles .tile-content .personal-details .list-person-details dt:after {
content: ''
}
.tiles .tile-content .personal-details .list-person-details .person-position dt, .tiles .tile-content .personal-details .list-person-details .person-department dt {
display: none !important
}
.tiles .tile-content .personal-details .list-person-details .person-position {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.tiles .tile-content .personal-details .list-person-details .person-position dt {
display: none
}
.tiles .tile-content .personal-details .list-person-details .person-position dd {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.33333em !important
}
.tiles .tile-content .personal-details .list-person-details .person-nationality {
margin-bottom: 1.5em !important
}
@media only screen and (min-width: 750px) {
.tiles .tile-content .personal-details .list-person-details .person-nationality {
clear: both
}
.tiles .tile-content .personal-details .list-person-details .person-nationality, .tiles .tile-content .personal-details .list-person-details .person-dob {
float: left;
width: 30%;
padding-right: 20px
}
}
.tiles .tile-content .body-copy {
clear: both
}
.tiles .tile-content .tile-col {
padding: 0px 24px 18px;
padding: 0rem 1.5rem 1.125rem
}
@media only screen and (min-width: 750px) {
.tiles .tile-content .tile-col {
padding: 0px 48px 48px 48px;
padding: 0rem 3rem 3rem 3rem;
float: left;
width: 50%
}
}
.tiles .tile-content .tile-col p, .tiles .tile-content .tile-col ul, .tiles .tile-content .tile-col ol {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.tiles .tile-content:target {
display: block
}
.tiles .tile-content.certified-client-directory {
bottom: 10px;
left: 14px;
margin-left: 0px;
padding: 0px;
position: absolute;
top: 10px;
width: 100%
}
.tiles .tile-content.certified-client-directory .inner.body-content {
min-height: 500px
}
@media only screen and (min-width: 1200px) {
.tiles {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.list-person-other-functions h3 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
text-transform: uppercase
}
.breadcrumbs {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 2.25em !important;
padding: 18px 24px 0px;
padding: 1.125rem 1.5rem 0rem
}
.breadcrumbs a {
color: #c94c08;
padding: 6px 0px;
padding: .375rem 0rem;
border-bottom: 1px solid #fff
}
.breadcrumbs a:hover {
color: #000;
border-bottom-color: #c94c08
}
.breadcrumbs .pipe {
opacity: 1;
color: #656565
}
.breadcrumbs > a:first-child {
border-bottom: 1px solid #464646
}
.breadcrumbs > a:first-child:hover {
border-bottom-color: #c94c08
}
.breadcrumbs .toggler-breadcrumbs {
color: #000;
display: inline
}
.breadcrumbs .toggler-breadcrumbs abbr {
position: relative;
top: 3px;
top: .1875rem;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important;
text-decoration: none
}
.breadcrumbs .current {
font-weight: bold
}
.breadcrumbs .breadcrumbs-collapsed {
display: none
}
.breadcrumbs-expanded .breadcrumbs-collapsed {
display: inline
}
.breadcrumbs-expanded > a:first-child {
border-bottom-color: #fff
}
@media only screen and (min-width: 750px) and (max-width: 1199px) {
.breadcrumbs {
max-width: 800px;
margin: 0 auto
}
}
@media only screen and (min-width: 1200px) {
.main-content {
position: relative;
padding-top: 60px;
padding-top: 3.75rem
}
.main-content-2019 {
padding-top: 0
}
.breadcrumbs {
position: absolute;
padding: 0px 80px;
padding: 0rem 5rem;
left: 0;
top: -12px;
top: -.75rem
}
}
.html-modal {
padding-top: 48px;
padding-top: 3rem;
background: #fff
}
.html-modal .link-close {
position: absolute;
top: 0;
right: 0;
text-transform: uppercase;
letter-spacing: .05em;
color: #000;
z-index: 100;
padding-right: 24px;
margin-right: 24px;
background-image: url(/css/i/icons/close-tiny-black.png);
background-repeat: no-repeat;
background-position: 100% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-modal .link-close {
background-image: url("/css/i/icons/close-tiny-black-@2x.png") !important;
background-size: 13px 13px !important
}
}
.html-modal .link-close:hover, .html-modal .link-close:focus {
color: #c94c08;
background-image: url(/css/i/icons/close-tiny-orange.png)
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-modal .link-close:hover, .html-modal .link-close:focus {
background-image: url("/css/i/icons/close-tiny-orange-@2x.png") !important;
background-size: 13px 13px !important
}
}
.html-modal .body-content {
padding-top: 0 !important
}
.html-modal h1 {
text-transform: uppercase
}
@media only screen and (min-width: 600px) {
.html-modal {
padding: 60px 48px 48px;
padding: 3.75rem 3rem 3rem
}
}
@media only screen and (min-width: 1200px) {
.html-modal .body-content {
padding-left: 80px;
padding-left: 5rem;
padding-right: 80px;
padding-right: 5rem
}
}
#modal-content {
max-width: 920px;
margin: 0 auto
}
@media only screen and (min-width: 1200px) and (min-height: 520px) {
#modal-content.modal-content-video {
position: relative;
min-height: 90vh
}
#modal-content.modal-content-video > .wrapper-media {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.message {
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding: 0px 24px 1px;
padding: 0rem 1.5rem .0625rem
}
.message a {
color: #c94c08
}
.message a:hover, .message a:focus {
text-decoration: underline
}
.main-content .message, .body-content .message {
margin: 0px -24px 24px;
margin: 0rem -1.5rem 1.5rem
}
.message h3 {
text-transform: uppercase
}
.message p, .message ul, .message ol {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.message ul, .message ol {
text-align: left
}
.message li {
margin-bottom: 12px;
margin-bottom: .75rem
}
.message .list-inline ul, .message .list-inline ol {
text-align: center
}
@media only screen and (min-width: 1200px) {
#modal-content > .message, .body-content > .message {
margin: 0px -80px 24px;
margin: 0rem -5rem 1.5rem;
padding: 0px 80px 1px;
padding: 0rem 5rem .0625rem
}
}
.message-newsstand {
padding-top: 0 !important
}
.message-error {
color: red
}
.message-success {
color: #00ac00
}
.message-no-events, .message-no-news {
background: #e4e4e4;
padding-top: 24px;
padding-top: 1.5rem
}
.message-browser-detection {
text-align: center
}
.message-browser-detection .list-browsers ul {
margin-top: 36px;
margin-top: 2.25rem
}
.message-browser-detection .list-browsers ul li {
padding: 0 !important;
text-align: center
}
@media only screen and (min-width: 450px) {
.message-browser-detection .list-browsers ul li {
float: left;
width: 33%
}
}
.message-browser-detection .list-browsers ul li img {
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 12px;
margin-bottom: .75rem
}
.message-browser-detection .list-browsers ul li span {
display: block
}
.message-browser-detection .list-browsers ul li a {
color: #c94c08
}
.message-browser-detection .list-browsers ul:after {
content: '';
display: table;
clear: both
}
.message-us-detection {
border: 1px solid #e4e4e4;
background-color: #fff;
margin-top: 60px;
margin-top: 3.75rem;
padding: 50px 24px;
padding: 3.125rem 1.5rem;
display: flex
}
.message-us-detection .flag {
padding-right: 24px;
padding-right: 1.5rem;
align-self: flex-start;
width: 20%
}
.message-us-detection .container {
flex-grow: 2;
align-self: flex-start;
font-size: 18px;
font-weight: 200;
text-align: left
}
.message-us-detection .container a {
color: #c94c08
}
.message-us-detection .container p {
max-width: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
font-size: 22px;
line-height: 1.3
}
.message-us-detection .container p strong {
font-size: 25px !important;
font-size: 1.5625rem !important;
line-height: .96em !important;
text-transform: uppercase;
margin-right: 10px;
margin-right: .625rem
}
@media only screen and (min-width: 750px) {
.message-us-detection .container {
align-self: center;
padding-right: 76px
}
}
@media only screen and (min-width: 1200px) {
.message-us-detection {
margin-top: 20px;
margin-top: 1.25rem
}
}
@media only screen and (max-width: 1200px) {
.message-us-detection {
margin-bottom: -32px;
margin-bottom: -2rem
}
}
@media only screen and (max-width: 450px) {
.message-us-detection {
display: inherit
}
.message-us-detection .flag {
width: 150px
}
}
.message-cookie {
position: fixed;
left: 0;
right: 0;
bottom: 0;
color: #e4e4e4;
background: #000;
background: rgba(0, 0, 0, 0.75);
border-top: 1px solid #000;
line-height: 36px;
line-height: 2.25rem;
margin: 0 !important;
z-index: 999;
text-align: right
}
.message-cookie > p {
margin: 12px 0
}
.message-cookie a {
display: inline-block;
color: #c94c08
}
.message-cookie a.button {
margin-left: 1em;
color: #fff !important;
background: transparent !important;
border-color: #fff
}
.message-cookie a.button:hover, .message-cookie a.button:focus {
background: #fff !important;
color: #000 !important;
border-color: #fff !important
}
@media only screen and (max-width: 450px) {
.message-cookie {
text-align: center
}
.message-cookie .button {
width: 100%;
margin: 18px 0px 0px !important;
margin: 1.125rem 0rem 0rem !important
}
}
.bc-snippet {
position: relative;
margin-bottom: 16px;
margin-bottom: 1rem
}
.bc-snippet:after {
content: '';
display: table;
clear: both
}
.bc-snippet .snippet-content p {
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.bc-snippet-ubiquity-message {
font-weight: bold
}
.bc-snippet-academy-enhancement {
width: auto !important;
position: relative;
margin: 0px -24px 24px;
margin: 0rem -1.5rem 1.5rem
}
.bc-snippet-academy-enhancement h3 {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.bc-snippet-academy-enhancement .snippet-content {
background: #f2f2f2;
padding: 24px 24px 0px;
padding: 1.5rem 1.5rem 0rem
}
.bc-snippet-academy-enhancement .snippet-content:after {
content: '';
display: block;
border-top: 4px solid #363636;
width: 120px;
margin-top: 36px;
margin-top: 2.25rem
}
@media only screen and (min-width: 1200px) {
.bc-snippet-academy-enhancement {
margin: 0px -36px 24px;
margin: 0rem -2.25rem 1.5rem
}
.bc-snippet-academy-enhancement .snippet-content {
padding: 24px 36px 0px;
padding: 1.5rem 2.25rem 0rem
}
}
.bc-snippet-super-feature {
margin: 0px -24px 24px;
margin: 0rem -1.5rem 1.5rem
}
.bc-snippet-super-feature .snippet-decoration img {
width: 100% !important
}
.bc-snippet-super-feature .snippet-content {
border-bottom: 1px solid #9e9e9e;
padding: 36px 36px 24px;
padding: 2.25rem 2.25rem 1.5rem;
background: #fff
}
@media only screen and (min-width: 1200px) {
.bc-snippet-super-feature {
margin: 0px -80px 24px;
margin: 0rem -5rem 1.5rem
}
.bc-snippet-super-feature .snippet-decoration {
z-index: 3;
position: relative;
margin-top: 24px;
margin-top: 1.5rem;
float: left;
width: 420px;
height: 300px;
background: #363636;
overflow: hidden
}
.bc-snippet-super-feature .snippet-content {
position: relative;
float: left;
border: 1px solid #9e9e9e;
margin-left: -60px;
margin-left: -3.75rem;
margin-right: -10px;
margin-right: -.625rem;
padding-left: 125px;
padding-left: 7.8125rem;
padding-right: 36px;
padding-right: 2.25rem;
z-index: 2;
width: 480px;
min-height: 348px;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.bc-snippet-super-feature .snippet-content h2 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.25em !important;
margin-top: auto
}
.bc-snippet-super-feature .snippet-content .cta {
margin-bottom: auto;
padding-bottom: 12px;
padding-bottom: .75rem
}
}
.bc-snippet-textual-teaser, .bc-snippet-solution {
border: 1px solid #a1a1a1;
margin: 36px 0px;
margin: 2.25rem 0rem;
-webkit-box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.1)
}
.bc-snippet-textual-teaser .snippet-header, .bc-snippet-solution .snippet-header {
padding: 24px 24px 0px;
padding: 1.5rem 1.5rem 0rem
}
.bc-snippet-textual-teaser .snippet-header header h3, .bc-snippet-solution .snippet-header header h3 {
position: relative;
color: #b5b5b5
}
.bc-snippet-textual-teaser .snippet-header header h3:after, .bc-snippet-solution .snippet-header header h3:after {
content: '';
position: absolute;
top: auto;
bottom: 20px;
right: 0;
display: block;
border-top: 2px solid #c94c08;
width: 80px
}
.bc-snippet-textual-teaser .snippet-header h2, .bc-snippet-solution .snippet-header h2 {
clear: both;
margin-top: 0
}
.bc-snippet-textual-teaser .snippet-content, .bc-snippet-solution .snippet-content {
padding: 0px 24px 12px;
padding: 0rem 1.5rem .75rem
}
@media only screen and (min-width: 1200px) {
.bc-snippet-textual-teaser, .bc-snippet-solution {
margin: 36px -12px;
margin: 2.25rem -.75rem
}
.bc-snippet-textual-teaser .snippet-header, .bc-snippet-solution .snippet-header {
float: left;
width: 40%;
padding: 60px 24px 60px 60px;
padding: 3.75rem 1.5rem 3.75rem 3.75rem;
text-align: right;
padding-right: 24px;
padding-right: 1.5rem
}
.bc-snippet-textual-teaser .snippet-header header h3:after, .bc-snippet-solution .snippet-header header h3:after {
clear: right;
float: right
}
.bc-snippet-textual-teaser .snippet-content, .bc-snippet-solution .snippet-content {
float: right;
width: 60%;
padding: 60px 60px 36px 24px;
padding: 3.75rem 3.75rem 2.25rem 1.5rem
}
}
.bc-snippet-solution {
margin: 60px 0px 36px;
margin: 3.75rem 0rem 2.25rem
}
@media only screen and (min-width: 600px) {
.bc-snippet-solution {
margin: 60px 24px 36px 0px;
margin: 3.75rem 1.5rem 2.25rem 0rem
}
.bc-snippet-solution:before {
content: '';
position: absolute;
top: -38px;
top: -2.375rem;
right: -37px;
right: -2.3125rem;
background: #fff url(i/icons/solution.png) no-repeat 50% 50%;
border: 1px solid #a1a1a1;
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
}
.bc-snippet-training-cta {
padding-top: 12px;
padding-top: .75rem
}
.page-404-desc {
float: left;
width: 60%;
background: #e4e4e4;
padding: 36px 48px;
padding: 2.25rem 3rem;
margin-top: 24px;
margin-top: 1.5rem;
position: relative;
z-index: 5
}
.page-404-image {
float: left;
width: 60% !important;
margin-left: -20%;
position: relative;
z-index: 3
}
.page-404-image img {
max-width: 100%
}
.html-ppc {
background: #fff
}
.html-ppc .content.body-content {
display: inline !important;
padding: 0 !important
}
.html-ppc .content.body-content ul, .html-ppc .content.body-content ol, .html-ppc .content.body-content li {
overflow: visible
}
.html-ppc .logo {
left: 50%;
margin-left: -27px;
margin-left: -1.6875rem;
padding: 0;
position: absolute;
top: 0;
width: 55px;
z-index: 30
}
.html-ppc .logo img {
visibility: visible
}
.html-ppc .grid {
max-width: 1100px
}
.html-ppc .content .grid {
max-width: 940px
}
.html-ppc .page-header {
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
padding-top: 1px;
position: relative
}
.html-ppc .page-header:after {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-top: 1.25rem;
margin-bottom: 48px;
margin-bottom: 3rem;
width: 100px;
border-bottom-width: 3px
}
.html-ppc .page-header h1 {
color: #fff;
margin-top: 24px;
margin-top: 1.5rem
}
@media only screen and (max-width: 750px) {
.html-ppc .page-header h1 {
margin-top: 72px;
margin-top: 4.5rem
}
}
@media only screen and (max-width: 450px) {
.html-ppc .page-header {
margin: 0
}
.html-ppc .page-header:after {
margin-bottom: 0
}
.html-ppc .page-header h1 {
margin-top: 72px;
margin-top: 4.5rem;
font-size: 1.5rem !important
}
}
@media only screen and (min-width: 750px) {
.html-ppc .page-header {
padding: 160px 30px 12px 30px;
padding: 10rem 1.875rem .75rem 1.875rem
}
.html-ppc .page-header:after {
margin-top: 36px;
margin-top: 2.25rem;
margin-bottom: 48px;
margin-bottom: 3rem
}
.html-ppc .page-header .logo {
margin-left: -65px;
width: inherit
}
}
.html-ppc .framed-teaser-newsletter {
margin-top: 72px;
margin-top: 4.5rem
}
.html-ppc .message-confirmation a {
color: #c94c08
}
.html-ppc .message-confirmation a:after {
content: '\00A0›\FE0E';
color: #c94c08
}
.html-ppc .hero-ppc {
left: 0;
position: absolute;
top: 0
}
.html-ppc .hero-ppc img {
display: block;
width: 100%
}
@media only screen and (min-width: 750px) {
.html-ppc .hero-ppc {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.html-ppc .confirmation .hero-ppc .hero-foreground {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.html-ppc .form-ppc .label-check {
font-weight: normal
}
.html-ppc .form-ppc .field-hanging-label {
border-color: #b5b5b5
}
.html-ppc .form-ppc.form-theme-v3 {
padding: 0px 30px;
padding: 0rem 1.875rem
}
.html-ppc .form-ppc.form-theme-v3 .field {
margin-bottom: 12px;
margin-bottom: .75rem
}
.html-ppc .form-ppc-wrapper {
background: #f2f2f2;
padding: 24px 0px;
padding: 1.5rem 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.html-ppc .form-ppc-wrapper {
padding: 60px 80px 48px;
padding: 3.75rem 5rem 3rem;
margin-bottom: 60px;
margin-bottom: 3.75rem;
position: relative;
margin-top: -120px
}
}
.html-ppc .form-ppc-wrapper h2 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important;
text-transform: uppercase;
text-align: center
}
.html-ppc .form-ppc-wrapper h2:after {
content: ' ';
display: block;
width: 150px;
width: 9.375rem;
margin: 0 auto;
margin-top: 17px;
margin-top: 1.0625rem;
margin-bottom: 36px;
margin-bottom: 2.25rem;
border-bottom: 3px solid #000
}
@media only screen and (min-width: 750px) {
.html-ppc .form-ppc-wrapper {
padding: 55px 80px 15px;
padding: 3.4375rem 5rem .9375rem;
margin-bottom: 60px;
margin-bottom: 3.75rem;
margin-top: -80px
}
.html-ppc .form-ppc-wrapper h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2em !important
}
}
.html-ppc .form-ppc-wrapper .intro {
margin-bottom: 30px;
margin-bottom: 1.875rem;
padding: 0px 30px;
padding: 0rem 1.875rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.11111em !important
}
@media only screen and (min-width: 750px) {
.html-ppc .form-ppc-wrapper .intro {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.5em !important
}
}
.html-ppc .form-ppc-wrapper .input-text, .html-ppc .form-ppc-wrapper .select-wrapper select, .html-ppc .form-ppc-wrapper textarea {
background: #fff;
border: 1px solid #b5b5b5
}
.html-ppc .form-ppc-wrapper .input-text:focus, .html-ppc .form-ppc-wrapper .select-wrapper select:focus, .html-ppc .form-ppc-wrapper textarea:focus {
border-color: #000
}
.html-ppc .form-ppc-wrapper .select-wrapper:after {
z-index: 4
}
.html-ppc .form-ppc-wrapper .select-wrapper select {
border: none
}
.html-ppc .form-ppc-wrapper .buttons {
text-align: center;
padding-top: 12px;
padding-top: .75rem
}
.html-ppc .form-ppc-wrapper .list-checkbox {
margin-top: 40px;
margin-top: 2.5rem
}
.html-ppc .form-ppc-wrapper-confirmation {
text-align: center
}
.html-ppc .section-ppc {
position: relative;
padding: 0px 24px 36px;
padding: 0rem 1.5rem 2.25rem
}
.html-ppc .section-ppc:after {
content: '';
display: table;
clear: both
}
.html-ppc .section-ppc h3 {
text-transform: uppercase;
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.27273em !important;
padding-top: 24px;
padding-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-ppc .section-ppc h3:before {
content: '';
position: absolute;
top: 0;
left: 24px;
width: 240px;
border-top: 2px solid #000
}
.html-ppc .section-ppc.section-ppc-expertize {
padding: 0px 0px 24px 0px;
padding: 0rem 0rem 1.5rem 0rem
}
.html-ppc .section-ppc.section-ppc-expertize header {
display: block;
float: none;
margin-left: 0;
position: relative
}
.html-ppc .section-ppc.section-ppc-expertize header h3 {
float: none
}
.html-ppc .section-ppc.section-ppc-expertize .list-ppc-boxes ul li {
margin: 0 auto;
width: 90%
}
.html-ppc .section-ppc.section-ppc-expertize .list-ppc-boxes ul li img {
width: auto;
margin-top: -82px;
margin-top: -5.125rem
}
.html-ppc .section-ppc.section-ppc-expertize .list-ppc-boxes ul li:before {
content: ''
}
.html-ppc .section-ppc .section-ppc-content {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.66667em !important;
font-weight: 200;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-ppc .section-ppc .section-ppc-content > p {
padding-right: 24px;
padding-right: 1.5rem
}
.html-ppc .section-ppc .section-ppc-content > ul {
margin-top: 15px;
margin-top: .9375rem
}
.html-ppc .section-ppc .section-ppc-content > ul > li {
margin-bottom: 10px;
margin-bottom: .625rem;
padding-left: 24px;
padding-left: 1.5rem
}
.html-ppc .section-ppc .section-ppc-content > ul > li:before {
content: '–';
color: #c94c08;
font-weight: normal;
float: left;
margin-left: -24px;
margin-left: -1.5rem
}
@media only screen and (min-width: 750px) {
.html-ppc .section-ppc {
padding: 0;
padding-left: 33.33333333%;
margin-top: 60px;
margin-top: 3.75rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-ppc .section-ppc.first {
margin-top: 100px;
margin-top: 6.25rem
}
.html-ppc .section-ppc header {
float: left;
width: 50%;
margin-left: -52%;
padding: 0px 60px 0px 24px;
padding: 0rem 3.75rem 0rem 1.5rem
}
.html-ppc .section-ppc h3 {
float: right;
position: relative;
text-align: right;
max-width: 225px
}
.html-ppc .section-ppc h3:before {
left: auto;
right: 0;
border-top-width: 4px
}
.html-ppc .section-ppc .section-ppc-content {
width: 100%
}
.html-ppc .section-ppc .list-ppc-boxes:after {
content: '';
display: table;
clear: both
}
.html-ppc .section-ppc .list-ppc-boxes ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
overflow: visible
}
.html-ppc .section-ppc .list-ppc-boxes li {
float: left;
width: 50%
}
.html-ppc .section-ppc.section-ppc-expertize {
margin-top: 96px;
margin-top: 6rem
}
.html-ppc .section-ppc.section-ppc-expertize .list-ppc-boxes ul li {
width: 33.3333333%
}
.html-ppc .section-ppc.section-ppc-expertize.no-icon {
margin-top: 48px;
margin-top: 3rem
}
.html-ppc .section-ppc.section-ppc-download {
border-top: 1px solid #ccc;
margin-top: 90px;
margin-top: 5.625rem;
margin-bottom: 0
}
}
.html-ppc .body-copy .list-ppc-boxes ul {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem
}
.html-ppc .body-copy .list-ppc-boxes li {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem
}
.html-ppc .body-copy .list-ppc-boxes a {
display: block;
width: 100%;
color: #000;
text-decoration: none;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
padding: 24px;
padding: 1.5rem
}
.html-ppc .body-copy .list-ppc-boxes a:hover, .html-ppc .body-copy .list-ppc-boxes a:focus {
color: #f60
}
.html-ppc .body-copy .list-ppc-boxes a:hover .button, .html-ppc .body-copy .list-ppc-boxes a:focus .button {
color: #fff !important;
background: #c94c08
}
.html-ppc .body-copy .list-ppc-boxes p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-ppc .body-copy .list-ppc-boxes .buttons {
margin-top: auto
}
.html-ppc .body-copy .list-ppc-boxes-expertize li {
padding: 0px 0px 30px;
padding: 0rem 0rem 1.875rem
}
@media only screen and (max-width: 750px) {
.html-ppc .body-copy .list-ppc-boxes-expertize li {
padding-top: 48px;
padding-top: 3rem
}
}
.html-ppc .body-copy .list-ppc-boxes-expertize li .inner {
width: 100%;
border: 1px solid #ccc;
position: relative;
text-align: center;
padding: 24px;
padding: 1.5rem
}
.html-ppc .body-copy .list-ppc-boxes-expertize li .inner .img-icon {
position: absolute;
top: -56px;
left: 50%;
margin-left: -56px;
margin-left: -3.5rem
}
.html-ppc .body-copy .list-ppc-boxes-expertize li h4 {
letter-spacing: 0
}
.html-ppc .body-copy .list-ppc-boxes-expertize li h4:after {
content: '';
display: block;
width: 70px;
width: 4.375rem;
margin: 0 auto;
margin-top: 12px;
margin-top: .75rem;
border-top: 2px solid #000
}
.html-ppc .body-copy .list-ppc-boxes-expertize li p {
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
font-weight: 200
}
.html-ppc .body-copy .list-ppc-boxes-expertize li:nth-child(odd) {
clear: both
}
@media only screen and (min-width: 750px) {
.html-ppc .body-copy .list-ppc-boxes-expertize li {
padding: 0px 15px 30px;
padding: 0rem .9375rem 1.875rem
}
}
.html-ppc .body-copy .list-ppc-boxes-downloads li, .html-ppc .body-copy .list-ppc-boxes-more li {
position: relative;
text-align: center;
margin-top: 100px;
margin-top: 6.25rem;
padding-top: 48px;
padding-top: 3rem;
padding-left: 0
}
.html-ppc .body-copy .list-ppc-boxes-downloads li:before, .html-ppc .body-copy .list-ppc-boxes-more li:before {
content: '';
position: absolute;
top: -49px;
top: -3.0625rem;
left: 50%;
display: block;
height: 98px;
height: 6.125rem;
width: 93px;
width: 5.8125rem;
margin: 0;
margin-left: -46.5px;
margin-left: -2.90625rem;
background-size: 100% 100%
}
@media only screen and (min-width: 750px) {
.html-ppc .body-copy .list-ppc-boxes-downloads li, .html-ppc .body-copy .list-ppc-boxes-more li {
margin-top: 0
}
}
.html-ppc .body-copy li.ppc-box-download::before {
background-image: url("i/icons/ppc/download.svg")
}
.html-ppc .body-copy li.ppc-box-more::before {
background-image: url("i/icons/ppc/learn-more.svg")
}
.html-ppc .body-copy .ppc-box-download-email {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.html-ppc .body-copy .ppc-box-download-email > p:first-child {
margin-top: 24px;
margin-top: 1.5rem
}
.html-ppc .body-copy .ppc-box-download-email .form-email-download {
margin: 0px 24px;
margin: 0rem 1.5rem
}
.html-ppc .body-copy .ppc-box-download-email .form-email-download label {
font-weight: normal;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.html-ppc .body-copy .ppc-box-download-email .form-email-download .input-text {
border-color: #b5b5b5
}
.html-ppc .body-copy .ppc-box-download-email .form-email-download .input-text:focus {
border-color: #000;
background: #fff
}
.html-ppc .body-copy .ppc-box-download-email .form-email-download .buttons {
padding-top: 0
}
.html-ppc .body-copy .ppc-box-download-email .form-email-download .button {
width: 100%
}
.html-ppc .framed-teaser-newsletter {
margin: 50px 0px 16px;
margin: 3.125rem 0rem 1rem;
padding: 0px 80px;
padding: 0rem 5rem;
background: #fff none repeat scroll 0 0 !important;
border: thin solid #999;
color: #000
}
.html-ppc .message-confirmation a {
color: #c94c08
}
.html-ppc .message-confirmation a:after {
content: '\00A0›\FE0E';
color: #c94c08
}
.html-ppc .framed-teaser-newsletter p {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.5em !important;
margin: 36px 0px;
margin: 2.25rem 0rem
}
.html-ppc .content.confirmation .page-header {
background: none;
padding-top: 145px;
padding-top: 9.0625rem
}
.html-ppc .content.confirmation .page-header h1 {
color: #e4e4e4;
font-size: 44px !important;
font-size: 2.75rem !important;
line-height: .81818em !important;
margin-top: 70px;
margin-top: 4.375rem;
text-shadow: 0px 0px 40px rgba(204, 204, 204, 0.7)
}
.html-ppc .content.confirmation .page-header:after {
border: none;
margin: 0
}
@media only screen and (max-width: 750px) {
.html-ppc .content.confirmation .page-header {
padding-top: 70px;
padding-top: 4.375rem
}
.html-ppc .content.confirmation .page-header h1 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important;
margin-top: 10px;
margin-top: .625rem;
margin-bottom: 10px;
margin-bottom: .625rem
}
}
.html-ppc .content.confirmation .form-ppc-wrapper {
background: none;
color: #fff;
text-align: center;
margin-top: -80px
}
.html-ppc .content.confirmation .form-ppc-wrapper h2 {
color: #e4e4e4;
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.33333em !important;
margin-top: 6px;
margin-top: .375rem;
text-transform: none
}
.html-ppc .content.confirmation .form-ppc-wrapper h2:after {
display: none
}
.html-ppc .content.confirmation .form-ppc-wrapper p {
color: #e4e4e4;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1em !important;
margin-top: 45px;
margin-top: 2.8125rem
}
@media only screen and (max-width: 750px) {
.html-ppc .content.confirmation .form-ppc-wrapper {
position: relative;
z-index: 10;
margin-top: 0;
padding: 0
}
.html-ppc .content.confirmation .form-ppc-wrapper h2 {
display: none
}
.html-ppc .content.confirmation .form-ppc-wrapper p {
margin-top: 0;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
}
.html-ppc .content.confirmation .section-ppc.section-ppc-download {
margin-top: 250px;
margin-top: 15.625rem
}
@media only screen and (max-width: 750px) {
.html-ppc .content.confirmation .section-ppc.section-ppc-download {
margin-top: 50px;
margin-top: 3.125rem
}
}
.html-ppc .confirmation.framed-teaser-newsletter {
background: none !important;
background-color: #f2f2f2 !important;
color: #000;
padding: 50px 80px 40px;
padding: 3.125rem 5rem 2.5rem
}
.html-ppc .confirmation.framed-teaser-newsletter .frame {
border: none;
padding-bottom: 0
}
@media only screen and (max-width: 750px) {
.html-ppc .confirmation.framed-teaser-newsletter .frame h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1em !important
}
}
.html-ppc .footer.footer-reduced.confirmation .grid {
background-color: #f2f2f2
}
.html-ppc .footer.footer-reduced.confirmation .list-nav-legal {
float: none;
background-color: #f2f2f2
}
.html-ppc .footer.footer-reduced.confirmation .list-nav-legal .copy {
color: #000
}
.html-ppc .footer.footer-reduced.confirmation .list-nav-legal a {
color: #c94c08
}
.page-header {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.page-header .link-back {
padding-left: 0
}
.page-header h1 {
margin: 0
}
.page-header h1 em {
font-style: normal
}
.page-header h1 + p {
margin-top: 36px;
margin-top: 2.25rem
}
.page-header .page-header-supplementary {
padding-top: 18px;
padding-top: 1.125rem
}
.page-header .page-header-supplementary a {
color: #c94c08
}
.page-header .page-header-supplementary a:hover, .page-header .page-header-supplementary a:focus {
text-decoration: underline
}
@media only screen and (min-width: 750px) {
.page-header.page-header-with-supplementary:after {
content: '';
display: table;
clear: both
}
.page-header.page-header-with-supplementary h1 {
float: left;
max-width: 60%;
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.page-header.page-header-with-supplementary .page-header-supplementary {
float: right;
max-width: 40%;
padding-top: 2px;
padding-top: .125rem;
margin-top: 0px;
margin-top: 0rem
}
}
.page-header-category {
display: block;
color: #9e9e9e;
margin: 0
}
.page-header-category + h1 {
margin-top: 0 !important
}
.hero-v2 {
position: relative
}
.hero-v2 .hero-content {
width: 100%;
text-align: left;
padding: 24px 0px;
padding: 1.5rem 0rem;
z-index: 100;
color: #f2f2f2;
position: relative
}
.hero-v2 .page-header {
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.hero-v2 .page-header h1 {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important
}
.hero-v2 .page-header:after {
z-index: 1000;
border-bottom: 2px solid #fff;
margin-left: 1px
}
.hero-v2 .intro {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.hero-v2 .intro p {
margin-bottom: 0 !important
}
.hero-v2 .hero-image {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
min-height: auto !important
}
.hero-v2 .hero-image:after {
display: block;
position: relative;
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6));
height: 100%;
width: 100%;
content: ""
}
.hero-v2 .hero-image img {
position: absolute;
left: -9999px;
right: -9999px;
top: -9999px;
bottom: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%
}
@media only screen and (min-width: 750px) {
.hero-v2 .page-header h1 {
font-size: 48px !important;
font-size: 3rem !important;
line-height: 1.04167em !important
}
.hero-v2 .intro {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.44444em !important
}
.hero-v2 .hero-content {
padding-bottom: 120px
}
}
@media only screen and (min-width: 1200px) {
.hero-v2 .hero-content {
padding: 60px 0px;
padding: 3.75rem 0rem;
padding-bottom: 136px;
padding-bottom: 8.5rem
}
.hero-v2 .intro {
font-weight: normal;
padding-right: 300px;
padding-right: 18.75rem
}
.hero-v2 .hero-image:after {
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4))
}
}
.hero-v3 {
position: relative;
margin: -36px -24px 0px -24px;
margin: -2.25rem -1.5rem 0rem -1.5rem
}
.hero-v3 .hero-content {
position: relative;
z-index: 10;
background: #fff;
padding: 40px;
padding: 2.5rem;
max-width: 650px;
max-width: 40.625rem
}
.hero-v3 .hero-content .page-header, .hero-v3 .hero-content .intro, .hero-v3 .hero-content .breadcrumbs {
padding: 0;
margin-bottom: 16px;
margin-bottom: 1rem
}
.hero-v3 .hero-content .intro p {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.4em !important
}
.hero-v3 .hero-content .breadcrumbs {
position: relative;
padding: 0
}
.hero-v3 .hero-content > *:last-child, .hero-v3 .hero-content .intro p:last-child {
margin-bottom: 0 !important
}
.hero-v3 .hero-content .page-header:after {
display: none
}
.hero-v3 .hero-content:before, .hero-v3 .hero-content .left-border {
width: 10px;
position: absolute;
top: 0;
left: -10px;
background: #faa61a
}
.hero-v3 .hero-content .left-border {
top: 50px;
top: 3.125rem;
display: none
}
.hero-v3 .hero-content:before {
content: "";
height: 100%
}
.hero-v3 .hero-content.has-border:before {
display: none
}
.hero-v3 .hero-content.has-border .left-border {
display: block
}
.hero-v3 .button {
margin: 0px 2px 5px 0px;
margin: 0rem .125rem .3125rem 0rem
}
.hero-v3 .button.our-services, .hero-v3 .button.arrow-down {
background-image: url("i/arrows/arrow-14px-down-white.png") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
padding-right: 36px;
padding-right: 2.25rem
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.hero-v3 .button.our-services, .hero-v3 .button.arrow-down {
background-image: url("i/arrows/arrow-14px-down-white@2x.png") !important;
background-size: 12px 7px !important
}
}
.hero-v3 .hero-image {
width: 100% !important;
height: 130px;
height: 8.125rem;
min-height: 0;
margin: 0;
overflow: hidden;
z-index: 1
}
.hero-v3 .hero-image img {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
@media only screen and (min-width: 600px) {
.hero-v3 .hero-image {
height: 200px;
height: 12.5rem
}
}
@media only screen and (min-width: 750px) {
.hero-v3 .hero-image {
max-height: 250px;
max-height: 15.625rem
}
}
@media only screen and (min-width: 1000px) {
.hero-v3 {
margin: -36px 0px 0px;
margin: -2.25rem 0rem 0rem;
padding: 80px 0px;
padding: 5rem 0rem;
width: 100vw;
transform: translateX(-50%);
left: 50%;
padding-bottom: 0
}
.hero-v3.adjusted-padding-top {
padding: 160px 0px;
padding: 10rem 0rem
}
.hero-v3 .hero-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
margin: 0 !important;
max-height: none
}
.hero-v3 .hero-image img {
position: absolute;
top: 50%;
transform: translateY(-50%);
min-height: 100%
}
.hero-v3 .hero-content {
max-width: none;
width: 65%
}
.hero-v3 .button.read-more-mobile {
display: none
}
}
@media only screen and (min-width: 1200px) {
.hero-v3 {
margin: 0px -80px 0px;
margin: 0rem -5rem 0rem;
width: auto;
transform: translate(0);
left: 0;
position: relative;
z-index: 10
}
.hero-v3 .hero-content {
padding: 50px 80px;
padding: 3.125rem 5rem;
width: 800px;
width: 50rem
}
}
.hero-tiles .tiles-container {
position: relative
}
.hero-tiles .slick-list {
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.hero-tiles .slick-track {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.hero-tiles .slick-slide {
height: auto;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
align-items: center;
position: relative
}
.hero-tiles .slick-slide > div {
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
align-items: center
}
.hero-tiles .tile {
padding: 32px 40px;
padding: 2rem 2.5rem;
background: #e4e4e4;
height: 100%;
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
flex-direction: column;
justify-content: center
}
.hero-tiles .tile.tile-1 {
background: #c94c08
}
.hero-tiles .tile.tile-1 h3 {
color: #f2f2f2
}
.hero-tiles .tile.tile-1 p {
color: rgba(242, 242, 242, 0.9)
}
.hero-tiles .tile.tile-1.tile-link h3:after {
background: url("i/arrows/hero-tile-link-white.png") no-repeat
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.hero-tiles .tile.tile-1.tile-link h3:after {
background-image: url("i/arrows/hero-tile-link-white@2x.png") !important;
background-size: 6px 10px !important
}
}
.hero-tiles .tile.tile-super-promo h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important
}
.hero-tiles .tile.tile-link h3 {
display: inline
}
.hero-tiles .tile.tile-link h3:after {
content: "";
display: inline-block;
width: 6px;
height: 10px;
position: relative;
left: 5px;
top: -1px;
background: url("i/arrows/hero-tile-link-grey.png") no-repeat
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.hero-tiles .tile.tile-link h3:after {
background-image: url("i/arrows/hero-tile-link-grey@2x.png") !important;
background-size: 6px 10px !important
}
}
.hero-tiles .tile * {
margin: 0px 0px 5px;
margin: 0rem 0rem .3125rem
}
.hero-tiles .tile *:last-child {
margin-bottom: 0 !important
}
.hero-tiles .tile h3 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.3em !important;
color: #242424
}
.hero-tiles .tile p {
color: #9e9e9e
}
.hero-tiles .tile .tile-meta {
text-transform: uppercase;
font-size: 13px !important;
font-size: .8125rem !important;
line-height: 1.38462em !important;
font-weight: bold
}
.hero-tiles .tile .button {
background: #fff;
color: #363636;
border: 0;
max-width: 200px;
max-width: 12.5rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2em !important
}
.hero-tiles .tile .button:hover {
background: #111;
color: #f2f2f2
}
.hero-tiles .slick-arrow {
position: absolute;
bottom: 50%;
margin-bottom: -20px;
z-index: 1000;
width: 40px;
width: 2.5rem;
height: 40px;
height: 2.5rem;
overflow: hidden;
line-height: 1px !important;
text-indent: -8000px;
padding: 0;
border: 0
}
.hero-tiles .slick-arrow.slick-prev {
left: 0;
background: url("i/arrows/arrow-18px-left-white.png") no-repeat center center
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.hero-tiles .slick-arrow.slick-prev {
background-image: url("i/arrows/arrow-18px-left-white@2x.png") !important;
background-size: 10px 18px !important
}
}
.hero-tiles .slick-arrow.slick-next {
right: 0;
background: url("i/arrows/arrow-18px-right-white.png") no-repeat center center
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.hero-tiles .slick-arrow.slick-next {
background-image: url("i/arrows/arrow-18px-right-white@2x.png") !important;
background-size: 10px 18px !important
}
}
@media only screen and (min-width: 1000px) {
.hero-tiles .tile, .hero-tiles .tile h3, .hero-tiles .tile p, .hero-tiles .tile .button {
transition: all .2s ease-in-out
}
.hero-tiles .tile:hover {
background: #e4e4e4
}
.hero-tiles .tile:hover h3 {
color: #111
}
.hero-tiles .tile:hover p {
color: #555
}
.hero-tiles .tiles-container {
display: -ms-grid;
display: grid;
z-index: 100;
background: #fff
}
.hero-tiles .tiles-container.tiles-2 .tile-1 {
-ms-grid-row: 1
}
.hero-tiles .tiles-container.tiles-2 .tile-2 {
-ms-grid-row: 2
}
.hero-tiles .tiles-container.tiles-3 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns:repeat(2, 1fr)
}
.hero-tiles .tiles-container.tiles-4 {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns:repeat(3, 1fr)
}
.hero-tiles .tiles-container.tiles-5 {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns:repeat(4, 1fr)
}
.hero-tiles .tile {
padding: 30px;
padding: 1.875rem;
background: #f2f2f2;
display: block !important;
height: auto;
border-right: 1px solid #d5d5d5
}
.hero-tiles .tile.tile-2 {
-ms-grid-column: 1
}
.hero-tiles .tile.tile-3 {
-ms-grid-column: 2
}
.hero-tiles .tile.tile-4 {
-ms-grid-column: 3
}
.hero-tiles .tile.tile-5 {
-ms-grid-column: 4
}
.hero-tiles .tile:first-child, .hero-tiles .tile:last-child {
border-right: 0
}
.hero-tiles .tile h3 {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
.hero-tiles .tile.tile-super-promo .button {
margin-top: 7px;
margin-top: .4375rem
}
.hero-tiles .tiles-1 .tile, .hero-tiles .tiles-2 .tile, .hero-tiles .tiles-3 .tile-1, .hero-tiles .tiles-4 .tile-1, .hero-tiles .tiles-5 .tile-1 {
padding: 50px 80px 50px 50px;
padding: 3.125rem 5rem 3.125rem 3.125rem
}
.hero-tiles .tiles-3 .tile-1, .hero-tiles .tiles-4 .tile-1, .hero-tiles .tiles-5 .tile-1 {
position: absolute;
right: 0;
width: 35%;
bottom: 100%
}
.hero-tiles .tiles-1, .hero-tiles .tiles-2 {
position: absolute;
width: 35%;
right: 0;
bottom: 0
}
}
@media only screen and (min-width: 1200px) {
.hero-tiles {
width: 1200px;
width: 75rem
}
.hero-tiles .tiles-container {
margin: 0px 80px;
margin: 0rem 5rem
}
.hero-tiles .tiles-3 .tile, .hero-tiles .tiles-4 .tile, .hero-tiles .tiles-5 .tile {
z-index: 20 !important;
position: relative
}
.hero-tiles .tiles-3.tiles-container, .hero-tiles .tiles-4.tiles-container, .hero-tiles .tiles-5.tiles-container {
position: relative
}
.hero-tiles .tiles-3 .tile-1, .hero-tiles .tiles-4 .tile-1, .hero-tiles .tiles-5 .tile-1 {
width: 400px;
width: 25rem;
right: -80px;
right: -5rem;
z-index: 11;
position: absolute
}
.hero-tiles .tiles-1, .hero-tiles .tiles-2 {
width: 400px;
width: 25rem;
right: -80px;
right: -5rem
}
}
.section-homepage {
background: #fff
}
.section-homepage:after {
content: '';
display: table;
clear: both
}
.section-homepage .grid {
background: none
}
.section-homepage .more-link {
text-align: center
}
.section-homepage .more-link a {
text-decoration: none
}
@media only screen and (min-width: 1200px) {
.html-homepage .logo {
padding: 18.5px 24px;
padding: 1.15625rem 1.5rem;
margin-left: 70px;
background: url(/img/logo.png) no-repeat 24px 18.5px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
.html-homepage .logo {
background-image: url("i/logo.png") !important;
}
}
@media only screen and (min-width: 1200px) {
.html-homepage .logo img {
visibility: hidden
}
.html-homepage .top-navigation {
padding: 25px 48px 25px 72px;
padding: 1.5625rem 3rem 1.5625rem 4.5rem
}
.html-homepage .countries-nav .dropdown-toggler.active:before {
bottom: -30px
}
.html-homepage .countries-nav .dropdown {
top: 100%
}
}
.section-homepage-2016-summary {
padding: 0px 24px;
padding: 0rem 1.5rem;
background: #110d0a url(/img/hero/homepage-2016-rotated.jpg) 50% 100% no-repeat;
background-size: cover !important
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.section-homepage-2016-summary {
background-image: url("/img/hero/homepage-2016-rotated.jpg") !important;
background-size: 1220px 589px !important
}
}
.section-homepage-2016-summary .featured-about-us-2016 {
padding: 48px 0px 24px;
padding: 3rem 0rem 1.5rem;
text-align: center;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
color: #fff
}
.section-homepage-2016-summary .featured-about-us-2016 h1 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.125em !important
}
.section-homepage-2016-summary .featured-about-us-2016 h1 strong {
display: block
}
.section-homepage-2016-summary .featured-about-us-2016 p {
max-width: 30em;
margin-left: auto;
margin-right: auto;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.wf-roboto-n3-active .section-homepage-2016-summary .featured-about-us-2016 p {
text-rendering: optimizeLegibility;
font-weight: 300
}
.section-homepage-2016-summary .featured-about-us-2016 p .link-more {
display: block;
padding-top: 24px
}
.section-homepage-2016-summary .nav-main-simple-2016 {
display: none
}
@media only screen and (min-width: 750px) {
.section-homepage-2016-summary .featured-about-us-2016 {
padding: 60px 36px;
padding: 3.75rem 2.25rem
}
.section-homepage-2016-summary .featured-about-us-2016 h1 {
font-size: 48px !important;
font-size: 3rem !important;
line-height: 1.04167em !important
}
.section-homepage-2016-summary .featured-about-us-2016 h1 strong {
display: inline
}
.section-homepage-2016-summary .featured-about-us-2016 p {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important
}
}
@media only screen and (min-width: 1200px) {
.section-homepage-2016-summary {
position: relative;
min-height: 360px;
padding: 0px 48px;
padding: 0rem 3rem;
background-position: 50% -229px;
background-size: 1220 px 589px !important
}
.section-homepage-2016-summary .featured-about-us-2016 {
float: left;
width: 34.40095%;
margin-left: 34.40095%;
padding: 42px 0px 24px;
padding: 2.625rem 0rem 1.5rem;
text-align: left
}
.section-homepage-2016-summary .featured-about-us-2016 h1 {
display: none
}
.section-homepage-2016-summary .featured-about-us-2016 p {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important
}
.section-homepage-2016-summary .nav-main-simple-2016 {
display: block;
position: absolute;
top: 0;
left: 0;
width: 23.39858%;
margin-left: 48px;
margin-left: 3rem;
padding: 38px 0px 48px;
padding: 2.375rem 0rem 3rem;
color: #fff;
background: rgba(0, 0, 0, 0.75)
}
.section-homepage-2016-summary .nav-main-simple-2016 ul > li:first-child a {
background-image: url(i/icons/explore-sgs.png) !important;
background-repeat: no-repeat !important;
background-position: 17px 15px !important;
background-size: 12px 9px !important
}
.section-homepage-2016-summary .nav-main-simple-2016 a {
display: block;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important;
padding: 10px 46px;
padding: .625rem 2.875rem;
color: #fff !important;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.wf-roboto-n4-active .section-homepage-2016-summary .nav-main-simple-2016 a {
text-rendering: optimizeLegibility
}
.section-homepage-2016-summary .nav-main-simple-2016 a:hover, .section-homepage-2016-summary .nav-main-simple-2016 a:focus {
background: #c94c08 !important
}
}
.section-homepage-2016-focus-slots {
background: #110d0a;
background-image: -webkit-linear-gradient(top, #110d0a 0, #707070 400px, #707070 100%);
background-image: -moz-linear-gradient(top, #110d0a 0, #707070 400px, #707070 100%);
background-image: -ms-linear-gradient(top, #110d0a 0, #707070 400px, #707070 100%);
background-image: -o-linear-gradient(top, #110d0a 0, #707070 400px, #707070 100%);
background-image: linear-gradient(top, #110d0a 0, #707070 400px, #707070 100%);
padding: 32px 24px 6px;
padding: 2rem 1.5rem .375rem
}
.section-homepage-2016-focus-slots .section-header {
display: none
}
.section-homepage-2016-focus-slots .focus-slots-wrapper:after {
content: '';
display: table;
clear: both
}
.section-homepage-2016-focus-slots .tile {
background: #fff;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.section-homepage-2016-focus-slots .tile a.link-card {
display: block;
background: #000
}
.section-homepage-2016-focus-slots .tile a.link-card:after {
content: '';
display: table;
clear: both
}
.section-homepage-2016-focus-slots .tile figure {
position: relative;
float: left;
width: 100%;
height: 175px;
overflow: hidden;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
background-size: cover !important;
opacity: .75;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.section-homepage-2016-focus-slots .tile figure img {
height: 100%;
min-width: 100%;
width: auto;
max-width: 1000px;
opacity: 1
}
.html-js .section-homepage-2016-focus-slots .tile figure img {
opacity: 0
}
.section-homepage-2016-focus-slots .tile .card-content {
float: left;
width: 100%;
position: relative;
padding: 24px;
padding: 1.5rem;
background: #fff
}
.section-homepage-2016-focus-slots .tile .card-content h3 {
font-weight: bold;
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.14286em !important;
margin: 0;
color: #000;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
text-transform: none
}
.wf-roboto-n3-active .section-homepage-2016-focus-slots .tile .card-content h3 {
text-rendering: optimizeLegibility;
font-weight: 300
}
.section-homepage-2016-focus-slots .tile .card-content .metadata, .section-homepage-2016-focus-slots .tile .card-content .abstract {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
opacity: .75;
color: #000;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.section-homepage-2016-focus-slots .tile .card-content .metadata {
margin: 12px 0px;
margin: .75rem 0rem
}
.section-homepage-2016-focus-slots .tile .card-content .metadata .type, .section-homepage-2016-focus-slots .tile .card-content .metadata .topic {
display: inline-block
}
.section-homepage-2016-focus-slots .tile .card-content:before {
content: ' ';
width: 0;
height: 0;
border: 10px solid #fff;
position: absolute;
z-index: 3;
opacity: 1;
border-color: transparent transparent #fff transparent;
top: -18px;
left: 50%;
margin-left: -10px
}
.section-homepage-2016-focus-slots .tile a:hover h3, .section-homepage-2016-focus-slots .tile a:focus h3 {
color: #c94c08
}
.section-homepage-2016-focus-slots .tile a:hover figure, .section-homepage-2016-focus-slots .tile a:hover .metadata, .section-homepage-2016-focus-slots .tile a:hover .abstract, .section-homepage-2016-focus-slots .tile a:focus figure, .section-homepage-2016-focus-slots .tile a:focus .metadata, .section-homepage-2016-focus-slots .tile a:focus .abstract {
opacity: 1
}
.section-homepage-2016-focus-slots .tile-4 .card-content:before {
content: none
}
@media only screen and (min-width: 600px) {
.section-homepage-2016-focus-slots .tile {
float: left;
width: 48.39858%
}
.section-homepage-2016-focus-slots .tile .card-content {
padding: 36px 40px;
padding: 2.25rem 2.5rem
}
.section-homepage-2016-focus-slots .tile-1, .section-homepage-2016-focus-slots .tile-3, .section-homepage-2016-focus-slots .tile-5 {
margin-right: 3.20285%;
clear: both
}
}
@media only screen and (min-width: 1200px) {
.section-homepage-2016-focus-slots {
padding: 48px 48px;
padding: 3rem 3rem
}
.section-homepage-2016-focus-slots .tile {
float: left;
width: 31.1981%;
margin: 0;
clear: none
}
.section-homepage-2016-focus-slots .tile .card-content h3 {
font-weight: normal;
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important
}
.section-homepage-2016-focus-slots .tile-1 {
position: relative;
width: 65.59905%;
margin-top: -60px;
z-index: 10
}
.section-homepage-2016-focus-slots .tile-1 figure {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: auto;
width: 47.55666666%
}
.section-homepage-2016-focus-slots .tile-1 .card-content {
float: right;
width: 52.44333334%
}
.section-homepage-2016-focus-slots .tile-1 .card-content:before {
border-color: transparent #fff transparent transparent;
top: auto;
bottom: 50%;
left: 0;
right: auto;
margin: 0 0 0 -18px
}
.section-homepage-2016-focus-slots .tile-2 {
float: right;
position: relative;
background: #fff !important;
z-index: 10;
margin-top: -235px
}
.section-homepage-2016-focus-slots .tile-3, .section-homepage-2016-focus-slots .tile-4, .section-homepage-2016-focus-slots .tile-5, .section-homepage-2016-focus-slots .tile-6 {
margin-top: 36px;
margin-top: 2.25rem
}
.section-homepage-2016-focus-slots .tile-3 {
float: left;
clear: both
}
.section-homepage-2016-focus-slots .tile-4 {
margin-left: 3.20285%
}
.section-homepage-2016-focus-slots .tile-4 figure {
display: none
}
.section-homepage-2016-focus-slots .tile-5 {
float: right;
margin-left: 3.20285%;
margin-bottom: 262.5px
}
.section-homepage-2016-focus-slots .tile-6 {
float: right
}
}
#homepage-featured-solutions, #homepage-news-feed {
background: #fff
}
#homepage-featured-solutions .grid, #homepage-news-feed .grid {
padding-top: 0
}
#homepage-featured-solutions .section-header, #homepage-news-feed .section-header {
padding: 24px 0px 12px;
padding: 1.5rem 0rem .75rem
}
@media only screen and (min-width: 750px) {
#homepage-featured-solutions .section-header, #homepage-news-feed .section-header {
padding: 48px 0px 24px;
padding: 3rem 0rem 1.5rem;
text-align: center
}
}
#homepage-featured-solutions .section-header h2, #homepage-news-feed .section-header h2 {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
#homepage-featured-twitter .grid {
padding-top: 0
}
.featured-twitter:after {
content: '';
display: table;
clear: both
}
.featured-twitter .twitter-account-details h3 {
font-weight: bold;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.featured-twitter .twitter-account-details a {
display: block
}
.featured-twitter .twitter-account-details:before {
content: '';
display: block;
float: right;
width: 40px;
height: 40px;
margin-left: 24px;
background: url(i/icons/twitter-feed.png) no-repeat 50% 50%
}
.featured-twitter .twitter-lastest-tweet a {
color: #c94c08
}
@media only screen and (min-width: 750px) {
.featured-twitter .twitter-account-details {
float: left;
width: 33.33333333%;
text-align: right;
padding: 24px;
padding: 1.5rem
}
.featured-twitter .twitter-lastest-tweet {
float: left;
width: 66.66666666%;
padding: 24px;
padding: 1.5rem;
border-left: 1px solid #000
}
}
#homepage-featured-online-store .section-header {
position: absolute;
left: -9999px;
overflow: hidden
}
#homepage-featured-careers .section-header, #homepage-featured-numbers .section-header {
position: absolute;
left: -9999px;
overflow: hidden
}
.featured-numbers {
text-align: center;
padding: 24px;
padding: 1.5rem;
background: #f2f4f5 url(i/homepage-mountains.jpg) no-repeat 100% 100%;
background-size: cover
}
.featured-numbers:after {
content: '';
display: table;
clear: both
}
.featured-numbers .featured-number {
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding: 24px;
padding: 1.5rem
}
.featured-numbers .featured-number dt {
font-weight: bold
}
.featured-numbers .featured-number dd {
text-transform: uppercase
}
@media only screen and (min-width: 1200px) {
.featured-numbers {
padding: 48px;
padding: 3rem
}
.main-content .featured-numbers {
margin: 0px -80px !important;
margin: 0rem -5rem !important
}
}
#homepage-featured-solutions {
text-align: center
}
#homepage-featured-solutions .grid {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
@media only screen and (min-width: 1200px) {
#homepage-featured-solutions .grid {
padding: 0px 80px 24px;
padding: 0rem 5rem 1.5rem
}
}
#homepage-featured-solutions .list-featured-solutions:before {
content: '';
position: relative;
display: block;
width: 40px;
height: 40px;
margin: -12px 0px 24px;
margin: -.75rem 0rem 1.5rem;
margin-left: auto;
margin-right: auto;
background: url(i/icons/featured-solutions.svg) no-repeat 50% 50%;
background-size: 40px auto
}
#homepage-featured-solutions .list-featured-solutions ul:after {
content: '';
display: table;
clear: both
}
#homepage-featured-solutions .list-featured-solutions li {
width: 100%;
display: inline-block
}
#homepage-featured-solutions .list-featured-solutions li a {
display: block;
padding: 24px 0px 12px;
padding: 1.5rem 0rem .75rem;
border-top: 1px solid #ccc;
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease
}
#homepage-featured-solutions .list-featured-solutions li a h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease
}
#homepage-featured-solutions .list-featured-solutions li a:hover h3, #homepage-featured-solutions .list-featured-solutions li a:focus h3 {
color: #c94c08
}
@media only screen and (min-width: 600px) {
#homepage-featured-solutions .list-featured-solutions:before {
content: none
}
#homepage-featured-solutions .list-featured-solutions li {
position: relative;
float: left;
width: 47.5%;
margin-left: 5%;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
#homepage-featured-solutions .list-featured-solutions li:first-child, #homepage-featured-solutions .list-featured-solutions li:nth-child(odd) {
clear: left;
margin-left: 0
}
#homepage-featured-solutions .list-featured-solutions li a {
display: block;
width: 100%;
padding: 48px 24px 36px;
padding: 3rem 1.5rem 2.25rem;
border-top: 1px solid #ccc;
position: relative
}
#homepage-featured-solutions .list-featured-solutions li a:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0px 0px -25px;
margin: -1.5625rem 0rem 0rem -1.5625rem;
background: #fff url(i/icons/featured-solutions.svg) no-repeat 50% 50%;
background-size: contain
}
#homepage-featured-solutions .list-featured-solutions li a h3 {
font-weight: normal;
text-transform: none;
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.36364em !important;
margin: 0
}
.wf-robotocondensed-n3-active #homepage-featured-solutions .list-featured-solutions li a h3 {
text-rendering: optimizeLegibility;
font-weight: 300
}
#homepage-featured-solutions .list-featured-solutions li a:hover, #homepage-featured-solutions .list-featured-solutions li a:focus {
border-color: #c94c08
}
#homepage-featured-solutions .list-featured-solutions li a:hover:before, #homepage-featured-solutions .list-featured-solutions li a:focus:before {
background-image: url(i/icons/featured-solutions-orange.svg)
}
}
@media only screen and (min-width: 1200px) {
#homepage-featured-solutions .list-featured-solutions li {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
#homepage-featured-solutions .list-featured-solutions li a {
padding: 48px 60px 36px;
padding: 3rem 3.75rem 2.25rem
}
}
@media only screen and (min-width: 1200px) {
#homepage-featured-solutions .list-featured-solutions-3 li {
width: 30%;
margin-left: 5%
}
#homepage-featured-solutions .list-featured-solutions-3 li:nth-child(odd) {
clear: none;
margin-left: 5%
}
#homepage-featured-solutions .list-featured-solutions-3 li:first-child, #homepage-featured-solutions .list-featured-solutions-3 li:nth-child(4), #homepage-featured-solutions .list-featured-solutions-3 li:nth-child(7) {
clear: left;
margin-left: 0
}
#homepage-featured-solutions .list-featured-solutions-3 li a {
padding-left: 36px;
padding-left: 2.25rem;
padding-right: 36px;
padding-right: 2.25rem
}
}
.html-serp .main-content, .html-serp .body-content, .html-serp .supplementary-content {
padding-top: 0 !important
}
.html-serp .page-header {
border-bottom: 1px solid #ccc
}
.html-serp h1 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2em !important;
margin: 0 !important
}
.html-serp h1 em {
text-transform: none
}
.html-serp h1 + p {
margin-top: 12px !important
}
.search-query-type {
font-weight: normal;
text-transform: lowercase;
color: #9e9e9e
}
.search-suggestion {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-bottom: 12px;
margin-bottom: .75rem
}
.search-suggestion a {
color: #c94c08
}
.search-suggestion a:hover {
text-decoration: underline
}
.serp-filters {
clear: both
}
.serp-filters:after {
content: '';
display: table;
clear: both
}
.serp-filters h3 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: normal;
16px: 24px;
16px: 1.5rem;
margin-bottom: 12px;
margin-bottom: .75rem
}
.box-current-search {
background: #f2f2f2;
border: 1px solid #ccc;
padding: 18px 18px 1px;
padding: 1.125rem 1.125rem .0625rem;
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem
}
.list-current-search {
padding: 0px 0px 1px;
padding: 0rem 0rem .0625rem
}
.list-current-search li {
clear: both;
margin-bottom: 12px;
margin-bottom: .75rem
}
.list-current-search a {
color: #c94c08
}
.list-current-search dl:after {
content: '';
display: table;
clear: both
}
.list-current-search dt {
font-weight: normal
}
.list-current-search dd {
float: left;
width: 100%;
padding-right: 36px;
font-weight: bold
}
.list-current-search .actions {
float: left;
width: 24px;
margin-left: -24px;
padding: 0
}
.list-current-search .actions a {
display: block;
position: relative;
width: 24px;
height: 24px;
text-indent: -9999px;
overflow: hidden
}
.list-current-search .actions a:after {
text-indent: 0;
text-align: center;
font-weight: normal;
content: '✕\FE0E';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px
}
.list-current-search .actions a:hover {
color: #000
}
.list-current-search .clear-all-wrapper a {
display: block;
text-align: right
}
.list-current-search .clear-all-wrapper a:hover {
color: #000;
text-decoration: underline
}
.list-current-search .clear-all-wrapper a:after {
text-align: center;
display: inline-block;
width: 24px;
content: ' ✕\FE0E'
}
#search-filters .box-serp-type-of-information {
padding: 18px 0px 36px 18px;
padding: 1.125rem 0rem 2.25rem 1.125rem
}
#search-filters .nav ul {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
#search-filters li {
margin-bottom: 6px;
margin-bottom: .375rem;
line-height: 21px;
line-height: 1.3125rem
}
#search-filters a {
display: block;
color: #c94c08
}
#search-filters a:hover {
color: #000
}
@media only screen and (min-width: 1200px) {
#search-filters {
display: block
}
}
.list-serp > ul > li {
padding: 1px 24px 1px !important;
padding: .0625rem 1.5rem .0625rem !important
}
.list-serp h3 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
margin: 0 0 2px
}
.list-serp h3 a {
color: #000
}
.list-serp h3 a:hover {
color: #c94c08;
text-decoration: underline
}
.list-serp p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.list-serp .file-type {
display: inline-block;
vertical-align: bottom;
padding: 0px 6px;
padding: 0rem .375rem;
margin-right: 6px;
margin-right: .375rem;
color: #000;
background: #fff;
border: 2px solid #000;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.66667em !important
}
.list-serp .file-type.pdf {
color: #d41d0b;
border-color: #d41d0b
}
.list-serp .file-type.doc {
color: #3ea8d0;
border-color: #3ea8d0
}
.list-serp .file-type.ppt {
color: #d4810b;
border-color: #d4810b
}
.list-serp .file-type.xls {
color: #70c23c;
border-color: #70c23c
}
.list-serp .highlight {
font-style: normal;
background: #fcf8cb
}
.html-serpV2.html-js body > header:first-child {
background: #f2f2f2
}
.html-serpV2 .skipper #search-toggler {
display: none !important
}
.html-serpV2 .body-serp .main-content, .html-serpV2 .body-serp .body-content, .html-serpV2 .body-serp .supplementary-content {
padding-top: 0 !important
}
.html-serpV2 .serp-main-search:after {
content: '';
display: table;
clear: both
}
.html-serpV2 .serp-main-search #main-search {
position: static !important;
top: auto !important;
background: #f2f2f2 !important;
padding: 12px 24px;
padding: .75rem 1.5rem
}
.html-serpV2 .serp-main-search #main-search .input-text {
border-color: #ccc;
background: #fff
}
.html-serpV2 .serp-main-search #main-search .input-text:focus {
border-color: #c94c08
}
.html-serpV2 .serp-main-search #main-search .buttons {
position: relative
}
.html-serpV2 .serp-main-search #main-search .button-reset {
position: absolute;
top: 0;
right: 100%;
width: 40px !important;
text-indent: -9999px;
border: 0;
background: url(i/icons/close-tiny-ddd.png) no-repeat 50% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-serpV2 .serp-main-search #main-search .button-reset {
background-image: url("i/icons/close-tiny-ddd-@2x.png") !important;
background-size: 13px 13px !important
}
}
.html-serpV2 .serp-main-search #main-search .button-reset:hover, .html-serpV2 .serp-main-search #main-search .button-reset:focus {
background: url(i/icons/close-tiny-aaa.png) no-repeat 50% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-serpV2 .serp-main-search #main-search .button-reset:hover, .html-serpV2 .serp-main-search #main-search .button-reset:focus {
background-image: url("i/icons/close-tiny-aaa-@2x.png") !important;
background-size: 13px 13px !important
}
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav {
padding: 0px 24px;
padding: 0rem 1.5rem;
background: #f2f2f2
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav ul {
width: 100%;
margin-bottom: 22px;
margin-bottom: 1.375rem
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav h4 {
font-weight: normal;
text-transform: none;
letter-spacing: 0;
margin-bottom: 12px;
margin-bottom: .75rem
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li {
margin-bottom: 2px;
margin-bottom: .125rem
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li a {
border: 1px solid #e4e4e4 !important
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li.current a {
border-bottom: 1px solid #d5d5d5 !important
}
.html-serpV2 .file-type {
display: inline-block;
vertical-align: bottom;
padding: 0px 6px;
padding: 0rem .375rem;
margin-right: 6px;
margin-right: .375rem;
color: #000;
background: #fff;
border: 2px solid #000;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.66667em !important
}
.html-serpV2 .file-type.pdf {
color: #d41d0b;
border-color: #d41d0b
}
.html-serpV2 .file-type.doc {
color: #3ea8d0;
border-color: #3ea8d0
}
.html-serpV2 .file-type.ppt {
color: #d4810b;
border-color: #d4810b
}
.html-serpV2 .file-type.xls {
color: #70c23c;
border-color: #70c23c
}
.html-serpV2 :checked + .file-type {
color: #fff
}
.html-serpV2 :checked + .pdf {
background: #d41d0b
}
.html-serpV2 :checked + .doc {
background: #3ea8d0
}
.html-serpV2 :checked + .ppt {
background: #d4810b
}
.html-serpV2 :checked + .xls {
background: #70c23c
}
@media only screen and (min-width: 450px) {
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav h4 {
display: none
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li {
float: left;
width: 50%;
margin-bottom: 2px;
margin-bottom: .125rem;
padding-right: 1px
}
}
@media only screen and (min-width: 600px) {
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li {
width: 33.33333333%
}
}
@media only screen and (min-width: 1200px) {
.html-serpV2 .header .grid {
background: #f2f2f2
}
.html-serpV2.html-js body > header:first-child {
background: none
}
.html-serpV2 .logo {
padding: 30.5px 24px 18.5px 24px;
padding: 1.90625rem 1.5rem 1.15625rem 1.5rem;
background: url(/img/logo.png) no-repeat 24px 30.5px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
.html-serpV2 .logo {
background-image: url("i/logo.png") !important;
}
}
@media only screen and (min-width: 1200px) {
.html-serpV2 .logo img {
visibility: hidden
}
.html-serpV2 .top-navigation {
padding: 37px 80px 25px 0px;
padding: 2.3125rem 5rem 1.5625rem 0rem
}
.html-serpV2 .countries-nav .dropdown-toggler.active:before {
bottom: -30px
}
.html-serpV2 .countries-nav .dropdown {
top: 100%
}
.html-serpV2.html-serp-no-results .header .grid {
padding-bottom: 49px;
padding-bottom: 3.0625rem
}
.html-serpV2 .top-navigation {
padding-left: 0
}
.html-serpV2 .serp-main-search {
position: absolute;
top: -66px;
right: 80px
}
.html-serpV2 .serp-main-search #main-search {
float: none;
width: 780px;
width: 48.75rem;
margin-left: 0;
padding: 0 !important
}
.html-serpV2 .serp-main-search #main-search .search-input-autosuggest, .html-serpV2 .serp-main-search #main-search .field-input-button-pair-wrapper {
width: 780px;
width: 48.75rem;
overflow: hidden;
display: table
}
.html-serpV2 .serp-main-search #main-search .input-text-wrapper {
display: table-cell;
width: 720px
}
.html-serpV2 .serp-main-search #main-search .input-text {
width: 720px
}
.html-serpV2 .serp-main-search #main-search .buttons {
display: table-cell;
width: 60px
}
.html-serpV2 .serp-main-search #main-search .buttons button {
width: 100%
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav {
padding: 0px 80px 0px 360px;
padding: 0rem 5rem 0rem 22.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav ul {
margin-bottom: 0 !important
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li {
margin: 0;
padding-right: 1px !important;
width: auto;
clear: none !important
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li a {
border-bottom: 1px solid #d5d5d5 !important
}
.html-serpV2 .layout-aside-article.tabs-theme-v1-1 > .tabs-nav li.current a {
border: 1px solid #d5d5d5 !important;
border-bottom: 1px solid #fff !important
}
.html-serpV2.html-serp-no-results .content .grid #main-nav-dropdown {
position: absolute;
width: 100%;
margin-top: -50px
}
.html-serpV2.html-serp-no-results .serp-main-search {
top: -116px
}
}
.html-serpV2 #nav-main-dropdown-2016 {
top: -103px;
top: -6.4375rem
}
.search-results-info {
padding: 18px 0px 12px;
padding: 1.125rem 0rem .75rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.55556em !important
}
.wf-roboto-n3-active .search-results-info {
text-rendering: optimizeLegibility;
font-weight: 300
}
.search-results-info a {
color: #c94c08;
font-weight: bold
}
.search-results-info a:hover, .search-results-info a:focus {
text-decoration: underline;
outline: none
}
#serp-search-results .mobile-toggler, #serp-filters .mobile-toggler {
padding: 24px 0px;
padding: 1.5rem 0rem
}
@media only screen and (min-width: 1200px) {
#serp-search-results .mobile-toggler, #serp-filters .mobile-toggler {
display: none !important
}
}
#serp-search-results:target .mobile-toggler, #serp-filters:target .mobile-toggler {
padding-top: 80px;
padding-top: 5rem
}
.serp-filters form h2, .serp-filters form h3 {
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
font-weight: bold;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.wf-roboto-n7-active .serp-filters form h2, .wf-roboto-n7-active .serp-filters form h3 {
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
text-rendering: optimizeLegibility
}
.serp-filters form > header:after {
content: '';
display: table;
clear: both
}
.serp-filters form > header h2 {
float: left
}
.serp-filters form > header .button-link {
float: right;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.serp-filters form > header .button-link:hover, .serp-filters form > header .button-link:focus {
color: #c94c08 !important
}
@media only screen and (min-width: 1200px) {
.serp-filters form {
padding-top: 106px;
padding-top: 6.625rem
}
}
.serp-filter-group {
clear: both;
overflow: hidden;
padding: 12px 0px;
padding: .75rem 0rem;
border-top: 1px solid #ccc
}
.serp-filter-group:after {
content: '';
display: table;
clear: both
}
.serp-filter-group li {
color: #666;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.serp-filter-group li.disabled {
color: #ccc
}
.serp-filter-group li ul {
margin-top: 12px
}
.serp-filter-group .serp-filter-group-tools-bottom {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.serp-filter-group .serp-filter-group-tools-bottom .toggler-more:link, .serp-filter-group .serp-filter-group-tools-bottom .toggler-more:active {
color: #c94c08
}
.serp-filter-group .serp-filter-group-tools-bottom .toggler-more:hover, .serp-filter-group .serp-filter-group-tools-bottom .toggler-more:focus {
color: #000
}
.serp-filter-group.visible li.hidden, .serp-filter-group:target li.hidden {
display: block
}
.serp-filter-group .list-pseudo-checkbox li {
margin-bottom: 12px;
margin-bottom: .75rem
}
.serp-filter-group .list-pseudo-checkbox li ul {
padding-left: 24px;
padding-left: 1.5rem
}
.serp-filter-file-type .list-checkbox li {
float: left;
overflow: hidden;
padding: 0 !important
}
.serp-filter-file-type .list-checkbox li label {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.serp-filter-file-type .list-checkbox li .input-check {
position: absolute;
left: -9999px
}
.serp-filter-language .flag:before {
float: left;
margin: 6px 12px 0px 0px;
margin: .375rem .75rem 0rem 0rem;
content: ' ';
display: block;
width: 20px;
height: 13px;
background: url(i/icons/flags.png)
}
.serp-filter-language .flag-empty1:before {
background-position: 0 0px !important
}
.serp-filter-language .flag-empty2:before {
background-position: 0 -13px !important
}
.serp-filter-language .flag-slovenia:before {
background-position: 0 -26px !important
}
.serp-filter-language .flag-slovakia:before {
background-position: 0 -39px !important
}
.serp-filter-language .flag-russia:before {
background-position: 0 -52px !important
}
.serp-filter-language .flag-south-africa:before {
background-position: 0 -65px !important
}
.serp-filter-language .flag-romania:before {
background-position: 0 -78px !important
}
.serp-filter-language .flag-uruguay:before {
background-position: 0 -91px !important
}
.serp-filter-language .flag-paraguay:before {
background-position: 0 -104px !important
}
.serp-filter-language .flag-united-arab-emirates:before {
background-position: 0 -117px !important
}
.serp-filter-language .flag-angola:before {
background-position: 0 -130px !important
}
.serp-filter-language .flag-albania:before {
background-position: 0 -143px !important
}
.serp-filter-language .flag-azerbaijan:before {
background-position: 0 -156px !important
}
.serp-filter-language .flag-australia:before {
background-position: 0 -169px !important
}
.serp-filter-language .flag-qatar:before {
background-position: 0 -182px !important
}
.serp-filter-language .flag-bulgaria:before {
background-position: 0 -195px !important
}
.serp-filter-language .flag-chile:before {
background-position: 0 -208px !important
}
.serp-filter-language .flag-switzerland:before {
background-position: 0 -221px !important
}
.serp-filter-language .flag-germany:before {
background-position: 0 -234px !important
}
.serp-filter-language .flag-czech-republic:before {
background-position: 0 -247px !important
}
.serp-filter-language .flag-egypt:before {
background-position: 0 -260px !important
}
.serp-filter-language .flag-ecuador:before {
background-position: 0 -273px !important
}
.serp-filter-language .flag-france:before {
background-position: 0 -286px !important
}
.serp-filter-language .flag-finland:before {
background-position: 0 -299px !important
}
.serp-filter-language .flag-guam:before {
background-position: 0 -312px !important
}
.serp-filter-language .flag-greece:before {
background-position: 0 -325px !important
}
.serp-filter-language .flag-hungary:before {
background-position: 0 -338px !important
}
.serp-filter-language .flag-haiti:before {
background-position: 0 -351px !important
}
.serp-filter-language .flag-iran:before {
background-position: 0 -364px !important
}
.serp-filter-language .flag-india:before {
background-position: 0 -377px !important
}
.serp-filter-language .flag-korea:before {
background-position: 0 -390px !important
}
.serp-filter-language .flag-kenya:before {
background-position: 0 -403px !important
}
.serp-filter-language .flag-myanmar:before {
background-position: 0 -416px !important
}
.serp-filter-language .flag-morocco:before {
background-position: 0 -429px !important
}
.serp-filter-language .flag-portugal:before {
background-position: 0 -442px !important
}
.serp-filter-language .flag-mexico:before {
background-position: 0 -455px !important
}
.serp-filter-language .flag-norway:before {
background-position: 0 -468px !important
}
.serp-filter-language .flag-netherlands:before {
background-position: 0 -481px !important
}
.serp-filter-language .flag-philippines:before {
background-position: 0 -494px !important
}
.serp-filter-language .flag-peru:before {
background-position: 0 -507px !important
}
.serp-filter-language .flag-serbia:before {
background-position: 0 -520px !important
}
.serp-filter-language .flag-thailand:before {
background-position: 0 -533px !important
}
.serp-filter-language .flag-suriname:before {
background-position: 0 -546px !important
}
.serp-filter-language .flag-singapore:before {
background-position: 0 -559px !important
}
.serp-filter-language .flag-sweden:before {
background-position: 0 -572px !important
}
.serp-filter-language .flag-vietnam:before {
background-position: 0 -585px !important
}
.serp-filter-language .flag-x1x:before {
background-position: 0 -598px !important
}
.serp-filter-language .flag-usa:before {
background-position: 0 -611px !important
}
.serp-filter-language .flag-uganda:before {
background-position: 0 -624px !important
}
.serp-filter-language .flag-ukraine:before {
background-position: 0 -637px !important
}
.serp-filter-language .flag-tanzania:before {
background-position: 0 -650px !important
}
.serp-filter-language .flag-argentina:before {
background-position: 0 -663px !important
}
.serp-filter-language .flag-austria:before {
background-position: 0 -676px !important
}
.serp-filter-language .flag-bangladesh:before {
background-position: 0 -689px !important
}
.serp-filter-language .flag-belgium:before {
background-position: 0 -702px !important
}
.serp-filter-language .flag-brazil:before {
background-position: 0 -715px !important
}
.serp-filter-language .flag-canada:before {
background-position: 0 -728px !important
}
.serp-filter-language .flag-china:before {
background-position: 0 -741px !important
}
.serp-filter-language .flag-colombia:before {
background-position: 0 -754px !important
}
.serp-filter-language .flag-denmark:before {
background-position: 0 -767px !important
}
.serp-filter-language .flag-algeria:before {
background-position: 0 -780px !important
}
.serp-filter-language .flag-spain:before {
background-position: 0 -793px !important
}
.serp-filter-language .flag-ethiopia:before {
background-position: 0 -806px !important
}
.serp-filter-language .flag-uk:before {
background-position: 0 -819px !important
}
.serp-filter-language .flag-ghana:before {
background-position: 0 -832px !important
}
.serp-filter-language .flag-x2x:before {
background-position: 0 -845px !important
}
.serp-filter-language .flag-croatia:before {
background-position: 0 -858px !important
}
.serp-filter-language .flag-indonesia:before {
background-position: 0 -871px !important
}
.serp-filter-language .flag-ireland:before {
background-position: 0 -884px !important
}
.serp-filter-language .flag-italy:before {
background-position: 0 -897px !important
}
.serp-filter-language .flag-japan:before {
background-position: 0 -910px !important
}
.serp-filter-language .flag-sri-lanka:before {
background-position: 0 -923px !important
}
.serp-filter-language .flag-latvia:before {
background-position: 0 -936px !important
}
.serp-filter-language .flag-mongolia:before {
background-position: 0 -949px !important
}
.serp-filter-language .flag-mauritius:before {
background-position: 0 -962px !important
}
.serp-filter-language .flag-mozambique:before {
background-position: 0 -975px !important
}
.serp-filter-language .flag-nigeria:before {
background-position: 0 -988px !important
}
.serp-filter-language .flag-new-zealand:before {
background-position: 0 -1001px !important
}
.serp-filter-language .flag-panama:before {
background-position: 0 -1014px !important
}
.serp-filter-language .flag-pakistan:before {
background-position: 0 -1027px !important
}
.serp-filter-language .flag-poland:before {
background-position: 0 -1040px !important
}
.serp-filter-language .flag-malaysia:before {
background-position: 0 -1053px !important
}
.serp-filter-language .flag-cameroon:before {
background-position: 0 -1066px !important
}
.serp-filter-language .flag-turkey:before {
background-position: 0 -1079px !important
}
.serp-filter-language .flag-tunisia:before {
background-position: 0 -1092px !important
}
.serp-filter-language .flag-middle-east:before {
background: url(i/icons/flag-middle-east.gif) no-repeat 0 0 !important
}
.serp-filter-language .flag-latin-america:before {
background: url(i/icons/flag-latin-america.gif) no-repeat 0 0 !important
}
.serp-filter-language .list-checkbox li {
float: left;
width: 50%;
padding: 0 !important
}
.serp-filter-language .list-checkbox li label {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.serp-filter-language .list-checkbox li .input-check {
position: absolute;
left: -9999px
}
.serp-filter-language .list-checkbox li.checked label {
font-weight: bold !important
}
.list-serpV2 {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.list-serpV2 > ul > li > a {
display: block;
padding: 18px 24px;
padding: 1.125rem 1.5rem;
background: #fff;
border: 1px solid #fff;
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease
}
.list-serpV2 > ul > li > a:hover {
border-color: #c94c08
}
.list-serpV2 > ul > li > a:focus {
border-color: #666;
outline: none
}
.list-serpV2 h3 {
font-weight: bold;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
margin: 0 0 2px;
color: #111;
text-transform: none;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease
}
.wf-roboto-n7-active .list-serpV2 h3 {
text-rendering: optimizeLegibility;
font-weight: 700
}
.list-serpV2 .abstract {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
color: #666;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease
}
.list-serpV2 .metadata {
text-transform: uppercase;
letter-spacing: .025em;
color: #666
}
.list-serpV2 .metadata .pipe {
color: #000
}
.list-serpV2 .highlight {
font-style: normal;
background: #fcf8cb;
background: #ff0
}
.list-serpV2 > ul > li > a:hover h3, .list-serpV2 > ul > li > a:focus h3 {
color: #000
}
.list-serpV2 > ul > li > a:hover .abstract, .list-serpV2 > ul > li > a:focus .abstract {
color: #000
}
.search-result-context {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
color: #9e9e9e
}
@media only screen and (min-width: 1200px) {
.list-serp > ul > li {
margin-left: -24px;
margin-left: -1.5rem
}
}
.list-gallery-slideshow {
width: 100%
}
.list-gallery-slideshow ul {
margin: 0 !important
}
.list-gallery-slideshow ul:after {
content: '';
display: table;
clear: both
}
.list-gallery-slideshow li {
padding-left: 0 !important;
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.list-gallery-slideshow li:before {
content: none !important
}
.list-gallery-slideshow .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 66.66666666%
}
.list-gallery-slideshow img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.bx-wrapper {
position: relative;
width: 100%;
padding: 0;
*zoom: 1
}
.bx-wrapper:after {
content: '';
display: table;
clear: both
}
.bx-wrapper img {
max-width: 100%;
display: block
}
.bx-wrapper .bx-viewport {
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0)
}
.bx-wrapper .bx-loading {
background: url(i/bxslider_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000
}
.bx-controls-direction a {
position: absolute;
outline: 0;
bottom: 0;
width: 50px;
height: 100px;
text-indent: -9999px;
overflow: hidden;
z-index: 1;
cursor: pointer;
background-size: 100px 50px;
background: url(i/icons/arrows-prev-next.png) no-repeat 0 0;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.bx-controls-direction a:hover, .bx-controls-direction a:focus {
background-image: url(i/icons/arrows-prev-next-orange.png)
}
.bx-controls-direction .bx-prev {
left: 12px;
background-position: -50px 50%
}
.bx-controls-direction .bx-next {
right: 12px;
background-position: 0 50%
}
@media only screen and (min-width: 750px) {
.bx-controls-direction a {
top: 50%;
bottom: auto;
margin-top: -50px
}
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none
}
.tt-canvas-78 {
padding: 2em 0;
margin: 0 auto 24px -6em;
font-size: 1vw
}
@media only screen and (min-width: 1200px) {
.tt-canvas-78 {
font-size: 14px
}
}
.tt-canvas-78 a:hover span {
color: #f60 !important
}
.tt-canvas-inner-78 {
position: relative;
margin: 0 auto;
width: 62.9375em;
height: 0;
padding-top: 48.75em;
line-height: 1
}
.tt-layer {
position: absolute;
display: inline-block;
white-space: normal;
line-height: 1em;
transform-origin: 50% 50%
}
.tt-78-layer-1 {
color: #818181;
font-family: Oswald;
font-size: 2.05em;
white-space: nowrap;
overflow: visible;
top: 18.1707317073em;
left: 6.00609756098em;
width: 4.51219512195em;
height: 1.00609756098em;
z-index: 1000
}
.tt-78-layer-2 {
color: #818181;
font-family: Oswald;
font-size: 2.2em;
white-space: nowrap;
overflow: visible;
top: 15.9375em;
left: 5.59659090909em;
width: 4.20454545455em;
height: 0.994318181818em;
z-index: 1000
}
.tt-78-layer-3 {
color: #444;
font-family: Oswald;
font-size: 3.45em;
white-space: nowrap;
overflow: visible;
top: 11.4130434783em;
left: 3.56884057971em;
width: 2.68115942029em;
height: 0.996376811594em;
z-index: 1000
}
.tt-78-layer-4 {
color: #444;
font-family: Oswald;
font-size: 1.2em;
white-space: nowrap;
overflow: visible;
top: 16.8229166667em;
left: 2.5em;
width: 9.47916666667em;
height: 1.04166666667em;
z-index: 1000;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.tt-78-layer-7 {
color: #818181;
font-family: Oswald;
font-size: 2.63em;
white-space: nowrap;
overflow: visible;
top: 8.41254752852em;
left: 17.7519011407em;
width: 6.15494296578em;
height: 0.998098859316em;
z-index: 1000
}
.tt-78-layer-8 {
color: #818181;
font-family: Oswald;
font-size: 3.91em;
white-space: nowrap;
overflow: visible;
top: 0;
left: 8.90345268542em;
width: 7.19309462916em;
height: 0.99104859335em;
z-index: 1000
}
.tt-78-layer-9 {
color: #444;
font-family: Oswald;
font-size: 3.61em;
white-space: nowrap;
overflow: visible;
top: 7.30609418283em;
left: 6.00761772853em;
width: 6.25em;
height: 0.986842105263em;
z-index: 1000
}
.tt-78-layer-10 {
color: #444;
font-family: Oswald;
font-size: 2em;
white-space: nowrap;
overflow: visible;
top: 16.34375em;
left: 10.84375em;
width: 11.28125em;
height: 1em;
z-index: 1000
}
.tt-78-layer-11 {
color: #444;
font-family: Oswald;
font-size: 2.63em;
white-space: nowrap;
overflow: visible;
top: 8.98288973384em;
left: 8.24619771863em;
width: 8.5788973384em;
height: 0.998098859316em;
z-index: 1000
}
.tt-78-layer-12 {
color: #818181;
font-family: Oswald;
font-size: 2.72em;
white-space: nowrap;
overflow: visible;
top: 11.0064338235em;
left: 7.97334558824em;
width: 8.29503676471em;
height: 0.988051470588em;
z-index: 1000
}
.tt-78-layer-13 {
color: #444;
font-family: Oswald;
font-size: 2.71em;
white-space: nowrap;
overflow: visible;
top: 7.21863468635em;
left: 12.8459409594em;
width: 10.3782287823em;
height: 0.991697416974em;
z-index: 1000
}
.tt-78-layer-14 {
color: #818181;
font-family: Oswald;
font-size: 2.38em;
white-space: nowrap;
overflow: visible;
top: 7.22163865546em;
left: 14.6271008403em;
width: 11.7909663866em;
height: 0.997899159664em;
z-index: 1000
}
.tt-78-layer-15 {
color: #444;
font-family: Oswald;
font-size: 3.82em;
white-space: nowrap;
overflow: visible;
top: 3.50130890052em;
left: 9.11321989529em;
width: 7.36256544503em;
height: 0.998036649215em;
z-index: 1000
}
.tt-78-layer-16 {
color: #444;
font-family: Oswald;
font-size: 3.46em;
white-space: nowrap;
overflow: visible;
top: 2.90823699422em;
left: 10.061416185em;
width: 8.12861271676em;
height: 0.993497109827em;
z-index: 1000
}
.tt-78-layer-17 {
color: #818181;
font-family: Oswald;
font-size: 3.6em;
white-space: nowrap;
overflow: visible;
top: 1.82291666667em;
left: 9.67013888889em;
width: 7.8125em;
height: 0.989583333333em;
z-index: 1000
}
.tt-78-layer-18 {
color: #444;
font-family: Oswald;
font-size: 2.77em;
white-space: nowrap;
overflow: visible;
top: 1.37635379061em;
left: 12.5676895307em;
width: 10.1534296029em;
height: 0.992779783394em;
z-index: 1000
}
.tt-78-layer-19 {
background-color: #444;
color: #ffffff;
font-family: Oswald;
font-size: 1.4em;
text-align: right;
white-space: nowrap;
overflow: visible;
top: 7.09821428571em;
left: 0;
width: 15.1785714286em;
height: 1.25em;
z-index: 1000;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.tt-78-layer-20 {
color: #444;
font-family: Oswald;
font-size: 1.69em;
white-space: nowrap;
overflow: visible;
top: 25.2958579882em;
left: 7.28550295858em;
width: 5.47337278107em;
height: 0.998520710059em;
z-index: 1000
}
.tt-78-layer-21 {
background-color: #CCC;
color: #ffffff;
font-family: Oswald;
font-size: 1.4em;
white-space: nowrap;
overflow: visible;
top: 27.5em;
left: 3.52678571429em;
width: 8.08035714286em;
height: 1.25em;
z-index: 1000;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.tt-78-layer-22 {
background-color: #999999;
color: #999999;
font-family: Oswald;
font-size: 1.4em;
white-space: nowrap;
overflow: visible;
top: 16.6517857143em;
left: 0.758928571429em;
width: 13.6607142857em;
height: 1.25em;
z-index: 1000;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.tt-78-layer-23 {
background-color: #CCC;
color: #ffffff;
font-family: Oswald;
font-size: 1.4em;
white-space: nowrap;
overflow: visible;
top: 32.1428571429em;
left: 6.91964285714em;
width: 8.08035714286em;
height: 1.25em;
z-index: 1000
}
.tt-78-layer-24 {
background-color: #999999;
color: #999999;
font-family: Oswald;
font-size: 1.4em;
white-space: nowrap;
overflow: visible;
top: 32.1428571429em;
left: 15em;
width: 13.6607142857em;
height: 1.25em;
z-index: 1000
}
.tt-78-layer-25 {
background-color: #444;
color: #ffffff;
font-family: Oswald;
font-size: 1.4em;
text-align: right;
white-space: nowrap;
overflow: visible;
top: 32.1428571429em;
left: 28.6607142857em;
width: 16.2946428571em;
height: 1.25em;
z-index: 1000
}
.tt-78-layer-26 {
color: #444;
font-family: Oswald;
font-size: 1.2em;
white-space: nowrap;
overflow: visible;
top: 39.5833333333em;
left: 25.46875em;
width: 8.17708333333em;
height: 1.04166666667em;
z-index: 1000
}
.sustainability-overview-2016 {
margin-top: 36px !important;
margin-top: 2.25rem !important;
margin-left: -24px;
margin-left: -1.5rem;
margin-right: -24px;
margin-right: -1.5rem;
margin-bottom: -24px;
margin-bottom: -1.5rem
}
@media only screen and (min-width: 1200px) {
.sustainability-overview-2016 {
margin-left: -80px;
margin-left: -5rem;
margin-right: -80px;
margin-right: -5rem;
margin-bottom: -48px;
margin-bottom: -3rem
}
}
.sustainability-overview-2016 .sustainability-intro {
background: #d3e2e9
}
.sustainability-overview-2016 .sustainability-intro h2 {
font-weight: 400;
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.16667em !important
}
.sustainability-overview-2016 .sustainability-intro p {
font-weight: 300;
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.52381em !important
}
.sustainability-overview-2016 .sustainability-intro .the-intro {
padding: 24px 24px 18px;
padding: 1.5rem 1.5rem 1.125rem;
background: url(/img/sustainability/sustainability-2016-overview-square.jpg) no-repeat 50% 0;
background-size: cover
}
.sustainability-overview-2016 .sustainability-intro .the-intro p {
margin-bottom: 32px;
margin-bottom: 2rem
}
.sustainability-overview-2016 .sustainability-intro .featured-two {
color: #000;
background: #fff
}
.sustainability-overview-2016 .sustainability-intro .featured-two a {
display: block;
color: #000;
height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.sustainability-overview-2016 .sustainability-intro .featured-two a:hover {
color: #c94c08
}
.sustainability-overview-2016 .sustainability-intro .featured-two figure {
display: none;
position: relative;
overflow: hidden
}
.sustainability-overview-2016 .sustainability-intro .featured-two figure:before {
content: '';
width: 0;
height: 0;
border: 10px solid #242424;
border-color: transparent transparent #242424 transparent;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
z-index: 3;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.sustainability-overview-2016 .sustainability-intro .featured-two p {
margin-bottom: 0
}
@media only screen and (min-width: 750px) {
.sustainability-overview-2016 .sustainability-intro .featured-two.featured-two-article a:hover {
color: #fff;
background: #c94c08
}
.sustainability-overview-2016 .sustainability-intro .featured-two.featured-two-article a:hover figure:before {
border-color: transparent transparent #c94c08 transparent
}
}
.sustainability-overview-2016 .sustainability-intro .featured-two.featured-two-video figure:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -45px 0px 0px -45px;
margin: -2.8125rem 0rem 0rem -2.8125rem;
display: block;
width: 90px;
height: 90px;
background: url(i/icons/play-button-thumbnail.png) no-repeat;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.sustainability-overview-2016 .sustainability-intro .featured-two.featured-two-video a:hover figure:after {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2)
}
.sustainability-overview-2016 .sustainability-intro .featured-two.featured-two-video a:active figure:after {
-webkit-transform: scale(1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
opacity: 0
}
@media only screen and (min-width: 750px) {
.sustainability-overview-2016 .sustainability-intro .featured-two.featured-two-video a:hover {
color: #fff
}
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc {
padding: 24px 24px 18px;
padding: 1.5rem 1.5rem 1.125rem
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc h2 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.125em !important
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc p {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc p:after {
content: '\00A0›';
font-weight: 700;
color: #c94c08
}
@media only screen and (min-width: 600px) {
.sustainability-overview-2016 .sustainability-intro .the-intro {
background: url(/img/sustainability/sustainability-2016-overview-horizontal.jpg) no-repeat 50% 50%;
background-size: 100% auto
}
}
@media only screen and (min-width: 750px) {
.sustainability-overview-2016 .sustainability-intro {
display: table;
width: 100%;
table-layout: fixed
}
.sustainability-overview-2016 .sustainability-intro:after {
content: '';
display: table;
clear: both
}
.sustainability-overview-2016 .sustainability-intro .the-intro {
width: 58.333333333%;
padding: 72px 80px;
padding: 4.5rem 5rem;
background: url(/img/sustainability/sustainability-2016-overview-square.jpg) no-repeat 50% 0;
background-size: cover
}
.sustainability-overview-2016 .sustainability-intro .featured-two {
width: 41.66666666%;
color: #fff;
background: #242424
}
.sustainability-overview-2016 .sustainability-intro .featured-two a {
color: #fff
}
.sustainability-overview-2016 .sustainability-intro .featured-two figure {
display: block
}
.sustainability-overview-2016 .sustainability-intro .the-intro, .sustainability-overview-2016 .sustainability-intro .featured-two {
float: none;
display: table-cell;
vertical-align: top
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc {
padding: 24px 36px 36px;
padding: 1.5rem 2.25rem 2.25rem
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc p {
margin-bottom: 0
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc p:after {
content: none
}
}
@media only screen and (min-width: 1200px) {
.sustainability-overview-2016 .sustainability-intro .featured-two-desc {
padding: 36px 48px 48px;
padding: 2.25rem 3rem 3rem
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc h2 {
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.16667em !important
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc p {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.52381em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.sustainability-overview-2016 .sustainability-intro .featured-two-desc p:after {
content: none
}
}
.sustainability-overview-2016 .list-sustainability-articles {
clear: both
}
.sustainability-overview-2016 .list-sustainability-articles ul {
margin: 0 !important
}
.sustainability-overview-2016 .list-sustainability-articles li {
padding: 0 !important;
margin: 0 !important
}
.sustainability-overview-2016 .list-sustainability-articles li:before {
content: ''
}
.sustainability-overview-2016 .list-sustainability-articles li a {
position: relative;
display: block;
overflow: auto
}
.sustainability-overview-2016 .list-sustainability-articles li a .abstract {
padding: 24px 24px 18px;
padding: 1.5rem 1.5rem 1.125rem;
font-weight: 300;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
color: #000;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.sustainability-overview-2016 .list-sustainability-articles li a .abstract h3 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.125em !important
}
.sustainability-overview-2016 .list-sustainability-articles li a .abstract p:after {
content: '\00A0›';
font-weight: 700;
color: #c94c08
}
.sustainability-overview-2016 .list-sustainability-articles li a .thumbnail {
display: none;
width: 41.66666666%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.sustainability-overview-2016 .list-sustainability-articles li a .thumbnail .thumbnail-inner {
position: relative;
display: table;
width: 100%;
height: 100%;
background-color: #fff
}
.sustainability-overview-2016 .list-sustainability-articles li a .thumbnail .thumbnail-inner:before {
content: '';
width: 0;
height: 0;
border: 10px solid #fff;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
z-index: 3
}
.sustainability-overview-2016 .list-sustainability-articles li a .thumbnail figure {
position: relative;
display: table-cell;
vertical-align: middle;
overflow: hidden
}
.sustainability-overview-2016 .list-sustainability-articles li a .thumbnail img {
display: block;
width: 100px;
height: auto;
margin: auto;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
@media only screen and (min-width: 1200px) {
.sustainability-overview-2016 .list-sustainability-articles li a .abstract {
float: left;
width: 58.333333333%;
min-height: 350px;
min-height: 21.875rem;
padding: 72px 80px;
padding: 4.5rem 5rem
}
.sustainability-overview-2016 .list-sustainability-articles li a .abstract h3 {
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.33333em !important
}
.sustainability-overview-2016 .list-sustainability-articles li a .thumbnail {
display: inline
}
}
.sustainability-overview-2016 .list-sustainability-articles li a:hover .abstract {
color: #c94c08
}
.sustainability-overview-2016 .list-sustainability-articles li a:hover .thumbnail img {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2)
}
.sustainability-overview-2016 .list-sustainability-articles li a:active .thumbnail img {
-webkit-transform: scale(1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
opacity: 0
}
.sustainability-overview-2016 .list-sustainability-articles li:nth-child(odd) {
background: #f2f2f2
}
.sustainability-overview-2016 .list-sustainability-articles li:nth-child(odd) .thumbnail .thumbnail-inner {
background-color: #fff !important
}
.sustainability-overview-2016 .list-sustainability-articles li:nth-child(odd) .thumbnail .thumbnail-inner:before {
border-color: transparent transparent transparent #f2f2f2
}
@media only screen and (min-width: 1200px) {
.sustainability-overview-2016 .list-sustainability-articles li:nth-child(even) .thumbnail-inner {
background: url(i/sustainability-icon-background.jpg) no-repeat 100% 0
}
}
.sustainability-case-studies-2016 .body-copy {
padding-top: 24px;
padding-top: 1.5rem;
margin-bottom: 12px;
margin-bottom: .75rem
}
@media only screen and (min-width: 1200px) {
.sustainability-case-studies-2016 .body-copy {
position: relative;
margin-top: -176px !important;
margin-top: -11rem !important;
height: 200px;
height: 12.5rem;
padding: 24px 36px 0px;
padding: 1.5rem 2.25rem 0rem;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
background: #fff
}
.sustainability-case-studies-2016 .body-copy .filter-bar {
margin-top: auto
}
.sustainability-case-studies-2016 .body-copy .filter-bar .field {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
}
.sustainability-case-studies-2016 .list-case-studies {
position: relative;
margin-left: -24px;
margin-left: -1.5rem;
margin-right: -24px;
margin-right: -1.5rem;
margin-bottom: -24px;
margin-bottom: -1.5rem
}
@media only screen and (min-width: 1200px) {
.sustainability-case-studies-2016 .list-case-studies {
margin-left: -80px;
margin-left: -5rem;
margin-right: -80px;
margin-right: -5rem;
margin-bottom: -48px;
margin-bottom: -3rem
}
}
.sustainability-case-studies-2016 .list-case-studies ul {
border-bottom: 1px solid #d5d5d5;
margin: 0
}
.sustainability-case-studies-2016 .list-case-studies ul:after {
content: '';
display: table;
clear: both
}
.sustainability-case-studies-2016 .list-case-studies li {
font-weight: 300;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
border-top: 1px solid #d5d5d5;
margin: 0;
padding: 0
}
.sustainability-case-studies-2016 .list-case-studies li:before {
content: none
}
.sustainability-case-studies-2016 .list-case-studies li > a {
display: block;
text-align: center;
padding: 24px !important;
padding: 1.5rem !important
}
.sustainability-case-studies-2016 .list-case-studies li > a h2 {
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.sustainability-case-studies-2016 .list-case-studies li > a:hover h2 {
color: #c94c08
}
.sustainability-case-studies-2016 .list-case-studies li > a:hover .case-study-category {
background-color: #c94c08 !important
}
.sustainability-case-studies-2016 .list-case-studies .case-study-category {
margin: 0 auto;
margin-bottom: 18px;
margin-bottom: 1.125rem;
display: block;
height: 72px;
height: 4.5rem;
width: 72px;
width: 4.5rem;
color: #fff;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
background: #000 url(i/icons/sustainability-cs/1.png) no-repeat 50% 50%;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.sustainability-case-studies-2016 .list-case-studies .case-study-category.icon-community {
background-image: url(i/icons/sustainability-cs/1.png) !important
}
.sustainability-case-studies-2016 .list-case-studies .case-study-category.icon-environment {
background-image: url(i/icons/sustainability-cs/2.png) !important
}
.sustainability-case-studies-2016 .list-case-studies .case-study-category.icon-people {
background-image: url(i/icons/sustainability-cs/3.png) !important
}
.sustainability-case-studies-2016 .list-case-studies .case-study-category.icon-professional-excellence {
background-image: url(i/icons/sustainability-cs/4.png) !important
}
.sustainability-case-studies-2016 .list-case-studies .case-study-title {
color: #000;
text-transform: none;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
margin: 0 !important
}
.wf-robotocondensed-n3-active .sustainability-case-studies-2016 .list-case-studies .case-study-title {
text-rendering: optimizeLegibility;
font-weight: 300
}
.sustainability-case-studies-2016 .list-case-studies .case-study-title:after {
content: '\00A0›';
color: #c94c08;
font-weight: 700
}
@media only screen and (min-width: 750px) {
.sustainability-case-studies-2016 .list-case-studies li {
float: left;
width: 50%;
margin: 0px !important;
margin: 0rem !important
}
.sustainability-case-studies-2016 .list-case-studies li.item-odd {
clear: both
}
.sustainability-case-studies-2016 .list-case-studies li.item-even {
float: right;
clear: right;
border-left: 1px solid #d5d5d5
}
.sustainability-case-studies-2016 .list-case-studies li > a {
min-height: 360px;
min-height: 22.5rem;
padding: 48px !important;
padding: 3rem !important
}
.sustainability-case-studies-2016 .list-case-studies .case-study-category {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.sustainability-case-studies-2016 .list-case-studies .case-study-title {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important
}
}
.sustainability-report-2016 {
margin-top: 36px !important;
margin-top: 2.25rem !important;
color: #fff;
background: #5b6f81 url(i/sustainability-report-2016-background.jpg) no-repeat 0 100%;
background-size: 100% auto;
clear: both;
width: auto !important;
overflow: hidden;
margin-left: -24px;
margin-left: -1.5rem;
margin-right: -24px;
margin-right: -1.5rem;
margin-bottom: -24px;
margin-bottom: -1.5rem;
padding: 36px 36px 48px;
padding: 2.25rem 2.25rem 3rem
}
@media only screen and (min-width: 1200px) {
.sustainability-report-2016 {
margin-left: -80px;
margin-left: -5rem;
margin-right: -80px;
margin-right: -5rem;
margin-bottom: -48px;
margin-bottom: -3rem;
padding: 60px 80px 120px;
padding: 3.75rem 5rem 7.5rem
}
}
.sustainability-2016-intro {
text-align: center;
padding: 0px 0px 24px;
padding: 0rem 0rem 1.5rem
}
.sustainability-2016-intro h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.33333em !important
}
.sustainability-2016-intro .intro {
font-weight: 300;
padding: 12px 0px 0px;
padding: .75rem 0rem 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.sustainability-2016-intro {
padding: 24px 0px 48px;
padding: 1.5rem 0rem 3rem
}
}
.sustainability-2016-highlights {
clear: both
}
.sustainability-2016-highlights h2 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.list-sustainability-report-highlights-2016 ul {
margin: 0
}
.list-sustainability-report-highlights-2016 ul:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.list-sustainability-report-highlights-2016 ul {
padding: 110px 0px 72px;
padding: 6.875rem 0rem 4.5rem;
background: url(i/sustainability-report-2016-vertical.png) no-repeat 50% 0
}
}
.list-sustainability-report-highlights-2016 li {
margin: 0;
margin-bottom: 36px;
margin-bottom: 2.25rem;
padding: 0 !important;
border: 2px solid #fff;
text-align: center;
width: 100%
}
.list-sustainability-report-highlights-2016 li > a {
display: block;
overflow: hidden;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
background: rgba(255, 255, 255, 0)
}
.list-sustainability-report-highlights-2016 li > a:hover {
background: rgba(255, 255, 255, 0.2)
}
@media only screen and (min-width: 750px) {
.list-sustainability-report-highlights-2016 li {
width: 45%
}
.list-sustainability-report-highlights-2016 li.item-odd {
float: left;
clear: both
}
.list-sustainability-report-highlights-2016 li.item-even {
float: right
}
}
.list-sustainability-report-highlights-2016 li:before {
content: '' !important
}
.list-sustainability-report-highlights-2016 li.animation-ready {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0
}
.list-sustainability-report-highlights-2016 li.activate-animation {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: all 0.75s ease-in;
-moz-transition: all 0.75s ease-in;
-ms-transition: all 0.75s ease-in;
-o-transition: all 0.75s ease-in;
transition: all 0.75s ease-in
}
.list-sustainability-report-highlights-2016 figure {
padding: 36px;
padding: 2.25rem
}
@media only screen and (min-width: 750px) {
.list-sustainability-report-highlights-2016 figure {
min-height: 280px;
min-height: 17.5rem
}
}
.list-sustainability-report-highlights-2016 figure strong {
font-weight: 400;
font-size: 72px !important;
font-size: 4.5rem !important;
line-height: 1.33333em !important;
color: #fff
}
.list-sustainability-report-highlights-2016 figcaption {
font-weight: 300;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
font-style: normal;
padding: 0;
color: #fff;
margin: 12px 0px 24px;
margin: .75rem 0rem 1.5rem
}
.sustainability-2016-cta {
border: 2px solid #fff;
text-align: center;
padding: 36px 24px 24px;
padding: 2.25rem 1.5rem 1.5rem
}
.sustainability-2016-cta h2 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 12px;
margin-bottom: .75rem
}
@media only screen and (min-width: 750px) {
.sustainability-2016-cta {
padding: 48px 120px 24px;
padding: 3rem 7.5rem 1.5rem
}
}
.sustainability-2016-cta .cta-text {
font-weight: 300;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important
}
.sustainability-2016-cta p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.list-steps-newsstand {
padding: 0px;
padding: 0rem;
background: #fff
}
@media only screen and (min-width: 600px) {
.list-steps-newsstand {
padding: 24px;
padding: 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.list-steps-newsstand {
padding: 24px 80px 48px;
padding: 1.5rem 5rem 3rem
}
}
.list-steps-newsstand ol {
counter-reset: item;
width: 100% !important;
margin: 0;
padding: 0 !important;
border-bottom: 1px solid #d5d5d5
}
@media only screen and (min-width: 600px) {
.list-steps-newsstand ol {
display: table;
border-bottom: 0
}
}
.list-steps-newsstand li {
margin: 0 !important;
position: relative;
list-style: none !important;
counter-increment: item;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.55556em !important;
background: #f2f2f2
}
.wf-universregular-n4-active .list-steps-newsstand li {
font-weight: 400;
text-rendering: optimizeLegibility
}
.list-steps-newsstand li a {
display: block;
width: 100%;
color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.list-steps-newsstand li a:before {
content: counter(item) ".";
padding-right: .5em
}
.list-steps-newsstand li a:hover {
color: #c94c08
}
.list-steps-newsstand li.current {
color: #fff;
background: #c94c08
}
.list-steps-newsstand li.current strong {
font-weight: 400;
display: block;
width: 100%
}
.list-steps-newsstand li.current strong:before {
content: counter(item) ".";
padding-right: .5em
}
.list-steps-newsstand li.current a:hover {
color: #000
}
.list-steps-newsstand li a, .list-steps-newsstand li strong {
padding: 6px 24px;
padding: .375rem 1.5rem
}
@media only screen and (min-width: 600px) {
.list-steps-newsstand li {
display: table-cell;
width: 33.33333333%;
border-left: 1px solid #fff
}
.list-steps-newsstand li:first-child {
border-left: 0
}
.list-steps-newsstand li a, .list-steps-newsstand li strong {
text-align: center;
padding: 36px 24px 36px;
padding: 2.25rem 1.5rem 2.25rem
}
.list-steps-newsstand li a:before, .list-steps-newsstand li strong:before {
content: counter(item) !important
}
.list-steps-newsstand li a:after, .list-steps-newsstand li strong:after {
display: block;
content: ' ';
height: 0;
width: 0;
border-bottom: 1px solid #000;
margin: 12px auto 0;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.list-steps-newsstand li.current a:hover {
color: #c94c08
}
.list-steps-newsstand li a:hover:after, .list-steps-newsstand li strong:after {
opacity: 1;
width: 36px
}
.list-steps-newsstand li a:hover:after {
border-color: #c94c08
}
.list-steps-newsstand li a:before, .list-steps-newsstand li.current strong:before {
position: absolute;
top: -24px;
left: 50%;
width: 48px;
height: 48px;
line-height: 48px;
display: block;
text-align: center;
color: #fff;
background: #000;
margin: 0 0 0 -24px;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.list-steps-newsstand li.current {
position: relative;
color: #000;
background: #e4e4e4
}
.list-steps-newsstand li.current:after {
content: ' ';
width: 0;
height: 0;
border: 10px solid #e4e4e4;
border-color: #e4e4e4 transparent transparent transparent;
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
z-index: 3
}
}
.boxes-newsstand {
background: #f2f2f2;
padding: 24px 24px;
padding: 1.5rem 1.5rem;
margin: 0px -24px 24px;
margin: 0rem -1.5rem 1.5rem
}
.boxes-newsstand:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 1200px) {
.boxes-newsstand {
padding: 48px 80px 18px;
padding: 3rem 5rem 1.125rem;
margin: 0px -80px 36px;
margin: 0rem -5rem 2.25rem
}
.page-header + .boxes-newsstand {
margin-top: 48px;
margin-top: 3rem
}
}
@media only screen and (min-width: 600px) {
.newsstand-step-1 .list-steps-newsstand {
margin: 0px -24px;
margin: 0rem -1.5rem
}
}
@media only screen and (min-width: 1200px) {
.newsstand-step-1 .list-steps-newsstand {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.newsstand-step-2 {
margin: 0px -24px;
margin: 0rem -1.5rem
}
@media only screen and (min-width: 1200px) {
.newsstand-step-2 {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.newsstand-step-2 .newsstand-step-2-form {
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1200px) {
.newsstand-step-2 .newsstand-step-2-form {
padding: 0px 80px;
padding: 0rem 5rem
}
}
.list-newsstand-alerts > ul:after {
content: '';
display: table;
clear: both
}
.list-newsstand-alerts .industry-group header h3 {
font-weight: bold;
text-transform: uppercase;
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.wf-universcondensed-n7-active .list-newsstand-alerts .industry-group header h3 {
text-rendering: optimizeLegibility
}
.list-newsstand-alerts .industry-group > .list-checkbox > ul > li {
padding-left: 0 !important
}
@media only screen and (min-width: 750px) {
.list-newsstand-alerts .industry-group {
float: left;
width: 50%
}
}
.list-newsstand-alerts .back-to-top {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
text-transform: uppercase;
letter-spacing: .05em
}
.newsstand-step-3 {
margin: 0px -24px;
margin: 0rem -1.5rem
}
@media only screen and (min-width: 1200px) {
.newsstand-step-3 {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.newsstand-step-3 .newsstand-step-3-form {
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1200px) {
.newsstand-step-3 .newsstand-step-3-form {
padding: 0px 80px;
padding: 0rem 5rem
}
}
.buttons-newsstand {
clear: both;
padding: 0px 24px;
padding: 0rem 1.5rem
}
@media only screen and (min-width: 1200px) {
.buttons-newsstand {
padding: 0px 80px 36px;
padding: 0rem 5rem 2.25rem;
margin: 0px -80px;
margin: 0rem -5rem
}
}
@media only screen and (min-width: 750px) {
.html-newsstand .card-horizontal .card-content {
float: none !important;
width: 100% !important;
padding: 48px 48px 0px;
padding: 3rem 3rem 0rem
}
.html-newsstand .card-horizontal figure {
position: static !important;
width: auto !important;
padding-top: 50% !important;
height: 0
}
.html-newsstand .card-horizontal figure:before {
content: none !important
}
.html-newsstand .card-horizontal figure img {
position: static !important;
display: none !important
}
}
.html-newsstand .card-horizontal {
border-width: 1px 1px 0 1px
}
.html-newsstand .newsstand-select-topics > .list-checkbox > ul ul, .html-newsstand .newsstand-select-subtopics > .list-checkbox > ul ul {
padding-top: 12px;
padding-top: .75rem
}
@media only screen and (min-width: 600px) {
.html-newsstand .newsstand-select-topics > .list-checkbox > ul, .html-newsstand .newsstand-select-subtopics > .list-checkbox > ul {
-webkit-columns: 2;
-moz-columns: 2;
-ms-columns: 2;
-o-columns: 2;
columns: 2;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
-ms-column-gap: 24px;
-o-column-gap: 24px;
column-gap: 24px
}
.html-newsstand .newsstand-select-topics > .list-checkbox > ul > li, .html-newsstand .newsstand-select-subtopics > .list-checkbox > ul > li {
display: inline-block;
width: 100%
}
}
.html-newsstand .newsstand-select-topics {
padding-bottom: 36px;
padding-bottom: 2.25rem
}
.html-newsstand .newsstand-select-topics:after {
content: '';
display: table;
clear: both
}
.html-newsstand .newsstand-select-topics h4 {
margin-top: 0 !important
}
.html-newsstand .newsstand-select-topics .newsstand-topics-toggler {
display: none;
text-align: right;
padding: 0px 12px 12px;
padding: 0rem .75rem .75rem;
margin-bottom: 24px;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
color: #c94c08
}
.html-newsstand .newsstand-select-topics .newsstand-topics-toggler:hover, .html-newsstand .newsstand-select-topics .newsstand-topics-toggler:focus {
color: #707070
}
@media only screen and (min-width: 750px) {
.html-newsstand .newsstand-select-topics .newsstand-topics-toggler {
padding: 0px 48px 24px;
padding: 0rem 3rem 1.5rem
}
}
.html-newsstand .newsstand-select-topics.hide h4, .html-newsstand .newsstand-select-topics.hide .list-checkbox {
display: none
}
.html-newsstand .newsstand-select-topics.hide .newsstand-topics-toggler {
display: block
}
.html-newsstand .newsstand-select-topics:target h4, .html-newsstand .newsstand-select-topics:target .list-checkbox {
display: block
}
.html-newsstand .newsstand-select-topics:target .newsstand-topics-toggler {
display: none
}
.html-newsstand .selected-newsletter-preview + .newsstand-select-topics.hide {
padding-bottom: 0 !important
}
.html-newsstand .newsstand-select-subtopics {
position: relative;
clear: both;
padding: 2px 24px 24px;
padding: .125rem 1.5rem 1.5rem;
border: 1px solid #d5d5d5;
border-width: 0 1px 1px 1px
}
.html-newsstand .newsstand-select-subtopics li {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.html-newsstand .newsstand-select-subtopics .newsstand-subtopics-toggler {
position: absolute;
top: 24px;
right: 24px;
text-indent: -9999px;
overflow: hidden;
width: 24px;
height: 24px;
background: url(i/icons/close-tiny-black.png) no-repeat 50% 50%;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
color: #9e9e9e
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-newsstand .newsstand-select-subtopics .newsstand-subtopics-toggler {
background-image: url("i/icons/close-tiny-black-@2x.png") !important;
background-size: 13px 13px !important
}
}
.html-newsstand .newsstand-select-subtopics .newsstand-subtopics-toggler:hover, .html-newsstand .newsstand-select-subtopics .newsstand-subtopics-toggler:focus {
color: #c94c08;
background: url(i/icons/close-tiny-orange.png) no-repeat 50% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-newsstand .newsstand-select-subtopics .newsstand-subtopics-toggler:hover, .html-newsstand .newsstand-select-subtopics .newsstand-subtopics-toggler:focus {
background-image: url("i/icons/close-tiny-orange-@2x.png") !important;
background-size: 13px 13px !important
}
}
.html-newsstand .newsstand-select-subtopics.visible, .html-newsstand .newsstand-select-subtopics:target {
display: block
}
@media only screen and (min-width: 750px) {
.html-newsstand .newsstand-select-subtopics {
padding: 2px 48px 24px;
padding: .125rem 3rem 1.5rem
}
}
.html-newsstand .topic-preview-wrapper {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
.html-newsstand .topic-preview-wrapper:after {
content: '';
display: table;
clear: both
}
.html-newsstand .topic-preview-wrapper .cta {
padding-top: 12px;
padding-top: .75rem
}
@media only screen and (min-width: 750px) {
.html-newsstand .topic-preview-wrapper .cta {
padding-top: 36px;
padding-top: 2.25rem
}
}
.html-newsstand .topic-preview-wrapper .label-remove {
text-align: right;
padding: 24px 0px 0px 0px;
padding: 1.5rem 0rem 0rem 0rem;
color: #c94c08;
font-weight: normal;
cursor: pointer;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
border-top: 1px solid #d5d5d5
}
.html-newsstand .topic-preview-wrapper .label-remove:hover, .html-newsstand .topic-preview-wrapper .label-remove:focus {
color: #707070
}
.html-newsstand .topic-preview-wrapper .card-horizontal {
margin-bottom: 0
}
@media only screen and (min-width: 750px) {
.html-newsstand .selected-newsletter-preview + .newsstand-select-topics {
margin-bottom: 12px;
margin-bottom: .75rem
}
}
.html-careers .section:after {
content: '';
display: table;
clear: both
}
.html-careers .section-header {
padding: 24px 24px 12px;
padding: 1.5rem 1.5rem .75rem
}
@media only screen and (min-width: 600px) {
.html-careers .section-header {
padding: 48px 48px 24px;
padding: 3rem 3rem 1.5rem
}
}
@media only screen and (min-width: 750px) {
.html-careers .section-header {
padding: 48px 80px 24px;
padding: 3rem 5rem 1.5rem
}
}
.html-careers .section-header p {
max-width: 30em
}
.html-careers .section-header.center p {
margin-left: auto;
margin-right: auto
}
.html-careers .section-content {
padding: 0px 24px 24px;
padding: 0rem 1.5rem 1.5rem
}
@media only screen and (min-width: 600px) {
.html-careers .section-content {
padding: 0px 48px 48px;
padding: 0rem 3rem 3rem
}
}
@media only screen and (min-width: 750px) {
.html-careers .section-content {
padding: 0px 80px 48px;
padding: 0rem 5rem 3rem
}
}
.section > .html-careers .section-content:first-child {
padding-top: 24px;
padding-top: 1.5rem
}
@media only screen and (min-width: 600px) {
.section > .html-careers .section-content:first-child {
padding-top: 48px;
padding-top: 3rem
}
}
@media only screen and (min-width: 750px) {
.section > .html-careers .section-content:first-child {
padding-top: 48px;
padding-top: 3rem
}
}
.html-careers .body-careers .main-content, .html-careers .body-careers .body-content, .html-careers .body-careers .supplementary-content {
padding-top: 0 !important
}
.list-jobs-sidebar {
margin-bottom: 1.5em
}
.careers-testimonials {
position: relative;
width: 100%
}
.careers-testimonials:after {
content: '';
display: table;
clear: both
}
.careers-testimonials .list-testimonials {
overflow: hidden
}
.careers-testimonials .list-testimonials ul {
width: 300%;
height: 100%
}
.careers-testimonials .list-testimonials ul:after {
content: '';
display: table;
clear: both
}
.careers-testimonials .bx-controls-direction {
position: relative;
width: 100%;
height: 0;
margin-top: -10%;
padding-top: 10%
}
.careers-testimonials .bx-controls-direction a {
top: auto;
bottom: 500%;
margin-bottom: -50px
}
@media only screen and (min-width: 750px) {
.careers-testimonials .bx-controls-direction {
position: static;
margin: 0;
padding: 0
}
.careers-testimonials .bx-controls-direction a {
bottom: 50%
}
}
.careers-testimonial {
float: left;
width: 33.33333333%;
height: 100%;
text-align: center;
padding: 24px;
padding: 1.5rem;
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 175% auto
}
@media only screen and (min-width: 600px) {
.careers-testimonial {
padding: 48px;
padding: 3rem
}
}
@media only screen and (min-width: 750px) {
.careers-testimonial {
text-align: left;
padding: 48px 80px;
padding: 3rem 5rem;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover !important
}
}
.careers-testimonial h1 small {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.careers-testimonial .testimonial-blockquote {
margin-bottom: 100%
}
.careers-testimonial .testimonial-blockquote p {
margin-bottom: 1.5em
}
.careers-testimonial .testimonial-blockquote .link-play-video {
font-weight: bold;
display: inline-block;
color: #c94c08
}
.careers-testimonial .testimonial-blockquote .link-play-video:after {
display: inline-block;
content: ' ';
overflow: hidden;
width: 0;
height: 0;
border: 5px solid #c94c08;
border-color: transparent transparent transparent #c94c08;
margin-left: .33em
}
.careers-testimonial .testimonial-blockquote .link-play-video:hover, .careers-testimonial .testimonial-blockquote .link-play-video:focus {
text-decoration: underline
}
@media only screen and (min-width: 750px) {
.careers-testimonial .testimonial-blockquote {
max-width: 50%;
margin-bottom: 0
}
}
@media only screen and (min-width: 1200px) {
.careers-testimonial .testimonial-blockquote {
max-width: 320px
}
}
.section-search-jobs .section-content {
padding-top: 24px !important;
padding-top: 1.5rem !important;
padding-bottom: 24px !important;
padding-bottom: 1.5rem !important
}
.section-search-jobs .section-content h2 {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
font-weight: bold;
text-transform: uppercase
}
.wf-robotocondensed-n4-active .section-search-jobs .section-content h2 {
text-rendering: optimizeLegibility
}
.careers-search-jobs fieldset {
margin: 0
}
.careers-search-jobs fieldset:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 600px) {
.careers-search-jobs fieldset {
display: table;
width: 100%
}
.careers-search-jobs fieldset .field, .careers-search-jobs fieldset .buttons {
display: table-cell;
vertical-align: top;
padding: 0
}
.careers-search-jobs fieldset .field {
padding: 0px 8px 0px 0px;
padding: 0rem .5rem 0rem 0rem
}
.careers-search-jobs fieldset .buttons {
width: 10%
}
.careers-search-jobs fieldset .input-text, .careers-search-jobs fieldset .button {
margin: 0
}
.careers-search-jobs fieldset .button {
white-space: nowrap
}
}
.list-work-areas ul:after {
content: '';
display: table;
clear: both
}
.list-work-areas .tile {
float: left;
position: relative;
-webkit-padding: 8px 24px 12px;
-moz-padding: 8px 24px 12px;
-ms-padding: 8px 24px 12px;
-o-padding: 8px 24px 12px;
padding: 8px 24px 12px;
width: 100%;
height: 150px;
background: #fff
}
.list-work-areas .tile a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: #ff0;
background-repeat: no-repeat;
background-size: 150%;
background-position: 0 0;
-webkit-transition: background-position 0.3s ease;
-moz-transition: background-position 0.3s ease;
-ms-transition: background-position 0.3s ease;
-o-transition: background-position 0.3s ease;
transition: background-position 0.3s ease
}
.list-work-areas .tile a:hover, .list-work-areas .tile a:focus {
background-position: 100% 100%
}
.list-work-areas .tile a .label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.list-work-areas .tile a .label strong {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
padding: 0px 36px;
padding: 0rem 2.25rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.17);
display: inline-block
}
.wf-robotocondensed-n4-active .list-work-areas .tile a .label strong {
text-rendering: optimizeLegibility
}
.list-work-areas .tile a .secondary-label {
position: absolute;
left: 0;
bottom: 18px;
opacity: .75;
display: block;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff
}
.list-work-areas .tile a:hover .label, .list-work-areas .tile a:focus .label {
background: rgba(0, 0, 0, 0.1)
}
.list-work-areas .tile a:hover .secondary-label, .list-work-areas .tile a:focus .secondary-label {
bottom: 36px;
opacity: 1
}
.list-work-areas .tile-0 a {
color: #000;
background: #c94c08
}
.list-work-areas .tile-1 a {
color: #000;
background-image: url(/img/careers/tiles/1.jpg);
background-size: 250%
}
.list-work-areas .tile-2 a {
color: #000;
background-image: url(/img/careers/tiles/2.jpg)
}
.list-work-areas .tile-3 a {
color: #000;
background-image: url(/img/careers/tiles/3.jpg)
}
.list-work-areas .tile-4 a {
color: #000;
background: #fff
}
.list-work-areas .tile-5 a {
color: #000;
background-image: url(/img/careers/tiles/7.jpg);
background-size: 250%
}
.list-work-areas .tile-6 a {
color: #000;
background-image: url(/img/careers/tiles/6.jpg)
}
.list-work-areas .tile-7 a {
color: #000;
background: #fff
}
.list-work-areas .tile-0 .label {
color: #fff;
background: none !important
}
.list-work-areas .tile-0 .label strong {
color: #fff;
border-bottom-color: #fff !important
}
.list-work-areas .tile-0 a:hover .label, .list-work-areas .tile-0 a:focus .label {
background: none
}
.list-work-areas .tile-4 a .label, .list-work-areas .tile-7 a .label {
color: #c94c08;
background: none
}
.list-work-areas .tile-4 a .label strong, .list-work-areas .tile-7 a .label strong {
color: #000;
text-shadow: none;
border-bottom-color: #000 !important;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.list-work-areas .tile-4 a:hover .label, .list-work-areas .tile-4 a:focus .label, .list-work-areas .tile-7 a:hover .label, .list-work-areas .tile-7 a:focus .label {
background: none
}
.list-work-areas .tile-4 a:hover strong, .list-work-areas .tile-4 a:focus strong, .list-work-areas .tile-7 a:hover strong, .list-work-areas .tile-7 a:focus strong {
color: #c94c08
}
@media only screen and (min-width: 600px) {
.list-work-areas .tile {
width: 50%
}
}
@media only screen and (min-width: 750px) {
.list-work-areas .tile {
width: 25%;
height: 150px
}
.list-work-areas .tile-0 {
width: 25%;
height: 300px
}
.list-work-areas .tile-1 {
width: 25%;
height: 300px
}
.list-work-areas .tile-2 {
width: 50%;
height: 300px
}
.list-work-areas .tile-3 {
width: 50%;
height: 150px
}
.list-work-areas .tile-4 {
width: 25%;
height: 150px
}
.list-work-areas .tile-5 {
width: 25%;
height: 300px;
margin-bottom: -150px
}
.list-work-areas .tile-6 {
width: 25%;
height: 150px;
float: right;
margin-right: 25%
}
.list-work-areas .tile-7 {
width: 50%;
height: 150px
}
}
.careers-work-areas h2 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important;
font-weight: normal;
text-align: center;
-webkit-padding: 36px 80px;
-moz-padding: 36px 80px;
-ms-padding: 36px 80px;
-o-padding: 36px 80px;
padding: 36px 80px;
margin: 0;
background: #f2f2f2
}
.wf-robotocondensed-n4-active .careers-work-areas h2 {
text-rendering: optimizeLegibility
}
.careers-work-areas .link-more a {
color: #c94c08;
display: block;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
-webkit-padding: 12px;
-moz-padding: 12px;
-ms-padding: 12px;
-o-padding: 12px;
padding: 12px
}
.careers-working-together {
background-image: -webkit-linear-gradient(#e4e4e4, #fff);
background-image: -moz-linear-gradient(#e4e4e4, #fff);
background-image: -ms-linear-gradient(#e4e4e4, #fff);
background-image: -o-linear-gradient(#e4e4e4, #fff);
background-image: linear-gradient(#e4e4e4, #fff)
}
.careers-working-together .summary-content {
padding-bottom: 0
}
.careers-working-together h2 {
text-transform: uppercase;
font-weight: bold
}
.careers-working-together > p {
max-width: 30em;
margin-left: auto;
margin-right: auto
}
.careers-working-together figure {
position: relative
}
.careers-working-together .map {
display: block;
text-align: center;
margin: 2em auto
}
.careers-working-together .map img {
opacity: .1
}
.careers-working-together .list-diversity {
overflow: hidden
}
.careers-working-together .list-diversity li {
position: absolute;
background: #fff;
width: 40px;
height: 40px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17)
}
.careers-working-together .list-diversity li img {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.careers-working-together .list-diversity li .tooltip {
opacity: 0;
position: absolute;
left: 50%;
bottom: 50%;
background: #fff;
width: 300px;
margin: 0 0 1.5em -150px;
padding: 18px 24px;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.5em !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.careers-working-together .list-diversity li .tooltip:after {
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
content: ' ';
width: 0;
height: 0;
border: 7px solid #fff;
border-color: #fff transparent transparent transparent
}
@media only screen and (min-width: 750px) {
.careers-working-together .list-diversity li:hover, .careers-working-together .list-diversity li:focus {
overflow: visible
}
.careers-working-together .list-diversity li:hover .tooltip, .careers-working-together .list-diversity li:focus .tooltip {
opacity: 1;
bottom: 100%;
z-index: 1000
}
}
.careers-working-together .diversity-1 {
left: 16%;
top: 32%
}
.careers-working-together .diversity-2 {
left: 26%;
top: 68%
}
.careers-working-together .diversity-3 {
left: 45%;
top: 25%
}
.careers-working-together .diversity-4 {
left: 48%;
top: 55%
}
.careers-working-together .diversity-5 {
left: 65%;
top: 17%
}
.careers-working-together .diversity-6 {
left: 72%;
top: 57%
}
.careers-working-together .diversity-7 {
left: 84%;
top: 74%
}
.careers-working-together .diversity-8 {
left: 78%;
top: 37%
}
.careers-working-together .list-world-clocks {
display: none;
position: relative
}
@media only screen and (min-width: 750px) {
.careers-working-together .list-world-clocks {
display: block
}
}
.careers-working-together .list-world-clocks ul {
margin-bottom: 1.5em
}
.careers-working-together .list-world-clocks ul:after {
content: '';
display: table;
clear: both
}
.careers-working-together .list-world-clocks ul > li {
float: left;
width: 50%;
text-align: center;
margin-bottom: 1.5em
}
@media only screen and (min-width: 450px) {
.careers-working-together .list-world-clocks ul > li {
width: 33.33333333%
}
}
@media only screen and (min-width: 600px) {
.careers-working-together .list-world-clocks ul > li {
width: 16.66666666%;
margin-bottom: 0
}
}
.careers-working-together .list-world-clocks ul > li ul {
margin: 0
}
.careers-working-together .list-world-clocks ul > li li {
float: none;
display: block;
width: 100%;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 1.8em !important;
text-transform: uppercase;
letter-spacing: .05em;
color: #9e9e9e;
margin: 0
}
.careers-working-together .list-world-clocks .svg-clock {
width: 36px;
height: 36px;
margin: 0 auto 12px;
border-radius: 50%;
background: #fff;
border: 1px solid #e4e4e4;
-webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-ms-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-o-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05)
}
.careers-working-together .list-world-clocks .svg-clock .hour, .careers-working-together .list-world-clocks .svg-clock .min {
fill: #ccc;
stroke: #ccc;
stroke-width: 1
}
.careers-working-together .list-world-clocks .svg-clock.dark {
border: 1px solid #fff;
background: #d5d5d5
}
.careers-working-together .list-world-clocks .svg-clock.dark .hour, .careers-working-together .list-world-clocks .svg-clock.dark .min {
fill: #fff;
stroke: #fff
}
.careers-working-together .list-careers-key-numbers {
border-top: 1px solid #e4e4e4;
padding: 3em 0
}
.careers-working-together .list-careers-key-numbers ul {
margin-bottom: 0
}
.careers-working-together .list-careers-key-numbers ul:after {
content: '';
display: table;
clear: both
}
.careers-working-together .list-careers-key-numbers ul > li {
float: left;
width: 50%;
text-align: center;
margin-bottom: 1.5em;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
text-transform: uppercase;
letter-spacing: .05em;
color: #666
}
@media only screen and (min-width: 600px) {
.careers-working-together .list-careers-key-numbers ul > li {
width: 25%;
margin-bottom: 0
}
}
.careers-working-together .list-careers-key-numbers ul li.animation-ready {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0
}
.careers-working-together .list-careers-key-numbers ul li.activate-animation {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: all 0.75s ease-in;
-moz-transition: all 0.75s ease-in;
-ms-transition: all 0.75s ease-in;
-o-transition: all 0.75s ease-in;
transition: all 0.75s ease-in
}
.careers-working-together .list-careers-key-numbers ul strong {
display: block;
clear: both;
color: #000;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 8px;
margin-bottom: .5rem
}
.wf-robotocondensed-n4-active .careers-working-together .list-careers-key-numbers ul strong {
text-rendering: optimizeLegibility
}
.careers-working-together .list-careers-key-numbers ul strong .unit {
margin-right: -.66em;
padding-left: .25em;
font-size: 50% !important;
line-height: 1.75 !important;
vertical-align: top
}
.careers-reasons .list-reasons {
width: 100%;
counter-reset: item
}
.careers-reasons .list-reasons ol:after {
content: '';
display: table;
clear: both
}
.careers-reasons .list-reasons li {
position: relative;
margin: 36px 0px;
margin: 2.25rem 0rem;
height: 75px;
height: 4.6875rem;
display: table
}
.careers-reasons .list-reasons li a {
display: table-cell;
vertical-align: bottom;
padding-left: 100px;
padding-left: 6.25rem;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
.wf-roboto-n3-active .careers-reasons .list-reasons li a {
font-weight: 300;
text-rendering: optimizeLegibility
}
.careers-reasons .list-reasons li a:hover, .careers-reasons .list-reasons li a:focus {
color: #c94c08
}
.careers-reasons .list-reasons li a:before {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 62px;
width: 3.875rem;
height: 49px;
height: 3.0625rem;
padding-top: 27px;
padding-top: 1.6875rem;
padding-right: 18px;
padding-right: 1.125rem;
border-right: 1px solid #999;
content: counter(item);
counter-increment: item;
font-size: 52px !important;
font-size: 3.25rem !important;
line-height: .92308em !important;
text-align: right;
color: #c94c08;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.wf-robotocondensed-n3-active .careers-reasons .list-reasons li a:before {
font-weight: 300;
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 750px) {
.careers-reasons .list-reasons li {
float: left;
width: 33.33333333%
}
.careers-reasons .list-reasons li:nth-child(4) {
clear: both
}
}
.careers-process-steps {
color: #fff;
background: #00688f url(/img/careers/bike.jpg) no-repeat 100% 100%;
background-size: 100% auto !important
}
.careers-process-steps .list-hiring-process-steps {
counter-reset: item
}
.careers-process-steps .list-hiring-process-steps ol {
-webkit-padding: 0 0 60px;
-moz-padding: 0 0 60px;
-ms-padding: 0 0 60px;
-o-padding: 0 0 60px;
padding: 0 0 60px
}
.careers-process-steps .list-hiring-process-steps ol:after {
content: '';
display: table;
clear: both
}
.careers-process-steps .list-hiring-process-steps li {
position: relative;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.careers-process-steps .list-hiring-process-steps li a {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 60px;
padding-left: 3.75rem;
display: block;
color: #fff;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
text-align: left;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.wf-roboto-n3-active .careers-process-steps .list-hiring-process-steps li a {
font-weight: 300;
text-rendering: optimizeLegibility
}
.careers-process-steps .list-hiring-process-steps li a:hover, .careers-process-steps .list-hiring-process-steps li a:focus {
color: #c94c08
}
.careers-process-steps .list-hiring-process-steps li:before {
float: left;
content: counter(item);
counter-increment: item;
text-align: center;
font-weight: bold;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 3.33333em !important;
width: 40px;
height: 40px;
color: #fff;
background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 100%);
background-image: -moz-radial-gradient(center, circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 100%);
background-image: -ms-radial-gradient(center, circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 100%);
background-image: -o-radial-gradient(center, circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(center, circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 100%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid #fff;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.wf-roboto-n4-active .careers-process-steps .list-hiring-process-steps li:before {
text-rendering: optimizeLegibility
}
.careers-process-steps .list-hiring-process-steps li:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.careers-process-steps .list-hiring-process-steps {
position: relative;
border: 0;
border-top: 1px solid #fff;
margin-top: 150px;
margin-top: 9.375rem;
padding-bottom: 500px;
padding-bottom: 31.25rem
}
.careers-process-steps .list-hiring-process-steps:before {
content: '';
display: block;
width: 13px;
height: 13px;
position: absolute;
top: -7px;
left: -13px;
background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.careers-process-steps .list-hiring-process-steps:after {
content: '★';
display: block;
width: 27px;
height: 27px;
position: absolute;
top: -13px;
right: -27px;
color: #fff;
background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.6875em !important
}
.careers-process-steps .list-hiring-process-steps ol {
-webkit-padding: 24px 0 0;
-moz-padding: 24px 0 0;
-ms-padding: 24px 0 0;
-o-padding: 24px 0 0;
padding: 24px 0 0
}
.careers-process-steps .list-hiring-process-steps li {
position: absolute;
width: 33.33333333%;
border-left: 1px solid #fff;
height: 80px;
margin: 0
}
.careers-process-steps .list-hiring-process-steps li a {
position: absolute;
display: block;
top: 0;
left: 0;
padding: 24px;
padding: 1.5rem;
width: 100%;
text-align: center;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.careers-process-steps .list-hiring-process-steps li:before {
float: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -30px;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 2.5em !important;
width: 60px;
height: 60px;
background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24px, rgba(255, 255, 255, 0) 24px, rgba(255, 255, 255, 0) 100%);
background-image: -moz-radial-gradient(center, circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24px, rgba(255, 255, 255, 0) 24px, rgba(255, 255, 255, 0) 100%);
background-image: -ms-radial-gradient(center, circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24px, rgba(255, 255, 255, 0) 24px, rgba(255, 255, 255, 0) 100%);
background-image: -o-radial-gradient(center, circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24px, rgba(255, 255, 255, 0) 24px, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(center, circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24px, rgba(255, 255, 255, 0) 24px, rgba(255, 255, 255, 0) 100%)
}
.careers-process-steps .list-hiring-process-steps li.step-01 {
top: 0;
left: -8.33333333%;
border: 0
}
.careers-process-steps .list-hiring-process-steps li.step-03 {
top: 0;
left: 25%
}
.careers-process-steps .list-hiring-process-steps li.step-05 {
top: 0;
left: 58.33333333%;
border-right: 1px solid #fff
}
.careers-process-steps .list-hiring-process-steps li.step-01 a, .careers-process-steps .list-hiring-process-steps li.step-03 a, .careers-process-steps .list-hiring-process-steps li.step-05 a {
top: 0
}
.careers-process-steps .list-hiring-process-steps li.step-01:before, .careers-process-steps .list-hiring-process-steps li.step-03:before, .careers-process-steps .list-hiring-process-steps li.step-05:before {
top: auto;
bottom: 100%;
margin-bottom: 80px
}
.careers-process-steps .list-hiring-process-steps li.step-02 {
bottom: 100%;
left: 8.33333333%
}
.careers-process-steps .list-hiring-process-steps li.step-04 {
bottom: 100%;
left: 41.66666666%
}
.careers-process-steps .list-hiring-process-steps li.step-06 {
bottom: 100%;
left: 75%
}
.careers-process-steps .list-hiring-process-steps li.step-02 a, .careers-process-steps .list-hiring-process-steps li.step-04 a, .careers-process-steps .list-hiring-process-steps li.step-06 a {
top: auto;
bottom: 0
}
.careers-process-steps .list-hiring-process-steps li.step-02:before, .careers-process-steps .list-hiring-process-steps li.step-04:before, .careers-process-steps .list-hiring-process-steps li.step-06:before {
top: 100%;
margin-top: 80px;
margin-left: -31px
}
}
.careers-process-steps-backup {
background: #fff
}
.careers-process-steps-backup .list-hiring-process-steps {
-webkit-margin: 24px 0;
-moz-margin: 24px 0;
-ms-margin: 24px 0;
-o-margin: 24px 0;
margin: 24px 0;
counter-reset: item
}
.careers-process-steps-backup .list-hiring-process-steps ol {
-webkit-padding-top: 24px;
-moz-padding-top: 24px;
-ms-padding-top: 24px;
-o-padding-top: 24px;
padding-top: 24px
}
.careers-process-steps-backup .list-hiring-process-steps ol:after {
content: '';
display: table;
clear: both
}
.careers-process-steps-backup .list-hiring-process-steps ol li {
padding: 0 0 2em;
clear: both
}
.careers-process-steps-backup .list-hiring-process-steps ol li a {
display: block;
color: #000;
line-height: 48px
}
.careers-process-steps-backup .list-hiring-process-steps ol li a:before {
float: left;
display: block;
position: relative;
content: counter(item);
counter-increment: item;
text-align: center;
font-weight: bold;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 2.66667em !important;
width: 48px;
height: 48px;
color: #fff;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin-right: 1em;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.wf-roboto-n4-active .careers-process-steps-backup .list-hiring-process-steps ol li a:before {
text-rendering: optimizeLegibility;
font-weight: 400
}
.careers-process-steps-backup .list-hiring-process-steps ol li a:hover, .careers-process-steps-backup .list-hiring-process-steps ol li a:focus {
color: #c94c08
}
.careers-process-steps-backup .list-hiring-process-steps ol li a:hover:before, .careers-process-steps-backup .list-hiring-process-steps ol li a:focus:before {
background: #c94c08
}
@media only screen and (min-width: 750px) {
.careers-process-steps-backup .list-hiring-process-steps ol li {
float: left;
clear: none;
padding: 0 0 1em;
width: 20%;
text-align: center;
border-top: 1px solid #ccc;
text-align: center
}
.careers-process-steps-backup .list-hiring-process-steps ol li a {
line-height: 24px
}
.careers-process-steps-backup .list-hiring-process-steps ol li a:before {
display: block;
float: none;
margin: -24px auto 12px !important
}
}
.careers-process-steps-backup .cta {
text-align: center
}
.careers-featured-faqs {
background: #fff
}
.list-hiring-process-steps-extended li {
margin: 0 !important
}
.list-hiring-process-steps-extended li h2 {
font-weight: bold
}
.list-hiring-process-steps-extended li + li {
margin-top: 24px !important;
margin-top: 1.5rem !important
}
@media only screen and (min-width: 750px) {
.list-hiring-process-steps-extended li + li {
margin-top: 48px !important;
margin-top: 3rem !important
}
}
.section-hiring-tips {
background: #f2f2f2
}
.section-hiring-tips .list-hiring-tips li {
margin-bottom: 1.5em
}
.section-hiring-tips a {
color: #c94c08;
text-decoration: none
}
.section-hiring-tips a:hover, .section-hiring-tips a:focus {
color: #000
}
.list-faqs li {
margin-bottom: 1.5em
}
.featured-jobs h4 {
margin-bottom: 0
}
.featured-jobs .list-jobs-sidebar ul > li {
padding-left: 0 !important
}
.featured-jobs .list-jobs-sidebar ul > li:before {
content: none
}
.featured-jobs .list-jobs-sidebar ul > li a {
color: #c94c08 !important
}
.featured-jobs .list-jobs-sidebar ul > li .job-location {
font-size: 80%;
color: #707070
}
@media only screen and (min-width: 1200px) {
.html-certification-services .logo {
padding: 53.5px 24px 32px;
padding: 3.34375rem 1.5rem 2rem
}
.html-certification-services .top-navigation {
padding: 60px 48px 40px 80px;
padding: 3.75rem 3rem 2.5rem 5rem
}
}
.html-certification-services .content .grid #main-nav-dropdown {
z-index: 2000
}
.html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1em !important;
padding: 0px 12px 0px 70px;
padding: 0rem .75rem 0rem 4.375rem;
position: absolute;
top: 0;
right: 48px;
background: url(i/icons/hamburger.png) no-repeat 48px 2px
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler {
background-image: url("i/icons/hamburger-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler {
padding: 0px 0px 0px 70px;
padding: 0rem 0rem 0rem 4.375rem
}
}
.html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler:hover, .html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background: url(i/icons/hamburger-orange.png) no-repeat 48px 2px
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler:hover, .html-certification-services .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background-image: url("i/icons/hamburger-orange-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services #nav-main-dropdown-2016 {
top: -140px;
background-position: 48px 18px
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .breadcrumbs {
padding: 0px 48px;
padding: 0rem 3rem
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .content .body-content {
padding: 0px 80px;
padding: 0rem 5rem
}
}
.html-certification-services .content .body-content .hero {
position: relative
}
.html-certification-services .content .body-content .hero .hero-image {
width: 100%;
height: 280px;
position: relative;
overflow: hidden
}
@media only screen and (min-width: 750px) {
.html-certification-services .content .body-content .hero .hero-image {
height: 360px
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .content .body-content .hero .hero-image {
height: 440px
}
}
.html-certification-services .content .body-content .hero .hero-image img {
position: absolute;
left: -9999px;
right: -9999px;
top: -9999px;
bottom: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%
}
.html-certification-services .content .body-content .hero .hero-image::after {
display: block;
position: relative;
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6));
height: 100%;
width: 100%;
content: ''
}
@media only screen and (min-width: 750px) {
.html-certification-services .content .body-content .hero .hero-image::after {
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4))
}
}
.html-certification-services .content .body-content .hero .hero-content {
width: 100%;
text-align: left;
position: absolute;
left: 0;
top: 24px;
z-index: 100;
color: #f2f2f2
}
@media only screen and (min-width: 1200px) {
.html-certification-services .content .body-content .hero .hero-content {
top: 60px
}
}
.html-certification-services .content .body-content .hero .hero-content .page-header {
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.html-certification-services .content .body-content .hero .hero-content .page-header::after {
z-index: 1000;
border-bottom: 2px solid #fff;
margin-left: 1px
}
@media only screen and (max-width: 600px) {
.html-certification-services .content .body-content .hero .hero-content .page-header h1 {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important
}
}
.html-certification-services .content .body-content .hero .hero-content .intro {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
max-width: 440px
}
.html-certification-services .content .body-content .hero .hero-content .intro p {
margin-bottom: 0px !important
}
@media only screen and (min-width: 750px) {
.html-certification-services .content .body-content .body-copy {
margin: 36px 0px 0px !important;
margin: 2.25rem 0rem 0rem !important
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .content .body-content .body-copy {
padding: 36px 0px;
padding: 2.25rem 0rem
}
.html-certification-services .content .body-content .body-copy:before {
display: none
}
}
.html-certification-services .content .body-content .body-copy:before {
display: none
}
.html-certification-services .content .body-content .body-copy a {
color: #000
}
.html-certification-services .content .body-content .body-copy a:hover {
color: #c94c08;
text-decoration: none
}
.html-certification-services .content .body-content .body-copy .table-wrapper {
margin: 0px
}
.html-certification-services .content .body-content .section .section-header {
padding: 48px 0px 0px;
padding: 3rem 0rem 0rem
}
.html-certification-services .content .body-content .section .section-header h3 {
font-weight: 700
}
.html-certification-services .content .body-content .section .section-header h3 + p {
max-width: 580px;
margin: 0 auto
}
.html-certification-services .content .body-content .section .section-content {
position: relative;
overflow: hidden
}
.html-certification-services .content .body-content .section .section-content:after {
content: '';
display: table;
clear: both
}
.html-certification-services .content .buttons {
text-align: center;
padding: 0 !important
}
.html-certification-services .content .buttons .button-primary {
margin-bottom: 0px;
font-size: 13px !important;
font-size: .8125rem !important;
line-height: 1.84615em !important
}
.wf-robotocondensed-n3-active .html-certification-services .content .buttons .button-primary {
font-weight: 300;
text-rendering: optimizeLegibility
}
.html-certification-services .content .buttons .button-primary + p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.html-certification-services .content .buttons .button-primary + p a {
text-decoration: underline;
color: #c94c08
}
.html-certification-services .supplementary-content {
padding: 0px;
padding: 0rem
}
.html-certification-services .supplementary-content .section .grid .section-header {
text-align: center
}
.html-certification-services .supplementary-content .section .grid .section-content {
overflow: hidden
}
.html-certification-services .supplementary-content .section .grid .section-content:after {
content: '';
display: table;
clear: both
}
.html-certification-services .supplementary-content .framed-teaser {
margin: 0px auto !important
}
@media only screen and (max-width: 450px) {
.html-certification-services .supplementary-content .framed-teaser {
padding: 0px !important
}
}
.html-certification-services .supplementary-content .framed-teaser.framed-teaser-newsletter {
background: #fff !important;
padding: 24px 24px 24px !important;
padding: 1.5rem 1.5rem 1.5rem !important
}
.html-certification-services .supplementary-content .framed-teaser .frame {
padding: 24px 0px 32px;
padding: 1.5rem 0rem 2rem;
color: #000;
border: 0px
}
.html-certification-services .supplementary-content .framed-teaser .frame h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.5em !important
}
.html-certification-services .supplementary-content .framed-teaser .frame p {
margin-bottom: 24px;
font-weight: 300
}
.html-certification-services .supplementary-content .framed-teaser .frame p.cta {
margin: 0px !important
}
.html-certification-services .supplementary-content .framed-teaser .frame .button-primary {
font-size: 13px !important;
font-size: .8125rem !important;
line-height: 1.84615em !important
}
.html-certification-services .supplementary-content #related-assets {
margin: 0px !important;
margin: 0rem !important
}
@media only screen and (min-width: 1200px) {
.html-certification-services .supplementary-content #related-assets .related-downloads {
padding: 60px 80px;
padding: 3.75rem 5rem
}
}
.html-certification-services .supplementary-content #related-assets .related-downloads header h3 {
padding: 0px !important
}
.html-certification-services .supplementary-content #related-assets .related-downloads ul {
border-top: 1px solid #f2f2f2
}
.html-certification-services .supplementary-content #related-assets .related-downloads li {
margin: 0px !important;
border-bottom: 1px solid #f2f2f2
}
.html-certification-services .supplementary-content #related-assets .related-downloads li figure {
display: none
}
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content {
width: 100%;
position: relative;
padding: 12px 0px 18px;
padding: .75rem 0rem 1.125rem
}
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content h3 {
text-transform: none
}
@media only screen and (min-width: 750px) {
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content h3 {
max-width: 480px
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content h3 {
max-width: 640px
}
}
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content .metadata {
color: #9e9e9e;
text-transform: uppercase;
font-size: 13px !important;
font-size: .8125rem !important;
line-height: 1.38462em !important;
margin-bottom: 6px;
margin-bottom: .375rem
}
@media only screen and (min-width: 750px) {
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content .metadata {
position: absolute;
margin: 0px;
padding: 0px;
left: 0px;
bottom: 16px
}
}
@media only screen and (min-width: 750px) {
.html-certification-services .supplementary-content #related-assets .related-downloads li .box-content .button {
position: absolute;
right: 0px;
top: 18px
}
}
.html-certification-services .supplementary-content #related-assets .related-links ul {
max-width: 100%
}
@media only screen and (min-width: 1200px) {
.html-certification-services .supplementary-content #related-assets .related-links ul {
max-width: 50%
}
}
.html-certification-services .supplementary-content #related-assets .related-links ul li {
border-bottom: 1px solid #000 !important
}
.html-certification-services .contact-options {
background-color: #fff;
position: relative;
overflow: hidden
}
.html-certification-services .contact-options:before {
content: '';
position: absolute;
top: 82px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 32px;
height: 2rem;
width: 32px;
width: 2rem;
padding: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 3px solid #fff;
background: #c94c08 url(i/icons/nav-contact.svg) no-repeat 50% 50%;
background-size: 50%;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
z-index: 1000
}
@media only screen and (min-width: 750px) {
.html-certification-services .contact-options:before {
top: 33px;
height: 72px;
height: 4.5rem;
width: 72px;
width: 4.5rem
}
}
.html-certification-services .contact-options a {
display: block;
padding: 24px;
padding: 1.5rem;
color: #fff !important;
cursor: pointer
}
@media only screen and (min-width: 750px) {
.html-certification-services .contact-options a {
padding: 48px 24px;
padding: 3rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .contact-options a {
padding: 48px 80px;
padding: 3rem 5rem
}
}
.html-certification-services .contact-options .contact-option {
width: 100%;
position: relative;
-webkit-transition: background-position 0.25s, background-color 0.25s, background-size 0.25s;
-moz-transition: background-position 0.25s, background-color 0.25s, background-size 0.25s;
-ms-transition: background-position 0.25s, background-color 0.25s, background-size 0.25s;
-o-transition: background-position 0.25s, background-color 0.25s, background-size 0.25s;
transition: background-position 0.25s, background-color 0.25s, background-size 0.25s
}
@media only screen and (min-width: 750px) {
.html-certification-services .contact-options .contact-option {
width: 50%;
float: left
}
}
.html-certification-services .contact-options .contact-option.contact-primary {
background: #c94c08 url(i/bg-contact-primary.png) 50% 50%;
background-size: 140%
}
@media only screen and (min-width: 1200px) {
.html-certification-services .contact-options .contact-option.contact-primary:hover {
background-position: 50% 50%;
background-size: 160%
}
}
.html-certification-services .contact-options .contact-option.contact-primary span {
margin-left: 1px
}
.html-certification-services .contact-options .contact-option.contact-secondary {
text-align: right;
background: #000 url(i/bg-contact-secondary.png) 50% 50%;
background-size: 100%
}
@media only screen and (min-width: 1200px) {
.html-certification-services .contact-options .contact-option.contact-secondary:hover {
background-position: 50% 50%;
background-size: 120%
}
}
.html-certification-services .contact-options .contact-option.contact-secondary span {
margin-right: 1px
}
.html-certification-services .contact-options .contact-option h3 {
font-weight: 700;
margin: 0px;
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important
}
.html-certification-services .contact-options .contact-option span {
font-size: 11px !important;
font-size: .6875rem !important;
line-height: 1.63636em !important;
text-transform: uppercase;
font-weight: 400
}
.html-certification-services .promotional-teaser {
margin: 0px;
margin: 0rem;
overflow: hidden
}
.html-certification-services .promotional-teaser .frame {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 3;
text-align: center;
padding: 72px 24px 72px;
padding: 4.5rem 1.5rem 4.5rem
}
@media only screen and (min-width: 750px) {
.html-certification-services .promotional-teaser .frame {
padding: 72px 24px 192px;
padding: 4.5rem 1.5rem 12rem
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .promotional-teaser .frame {
padding: 72px 24px 264px;
padding: 4.5rem 1.5rem 16.5rem
}
}
.html-certification-services .promotional-teaser .frame h3 {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.14286em !important;
margin-bottom: 12px;
margin-bottom: .75rem;
font-weight: 700;
color: #242424
}
@media only screen and (min-width: 750px) {
.html-certification-services .promotional-teaser .frame h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2em !important
}
}
.html-certification-services .promotional-teaser .frame p:first-of-type {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.14286em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-weight: normal;
font-weight: 300;
color: #242424
}
@media only screen and (min-width: 750px) {
.html-certification-services .promotional-teaser .frame p:first-of-type {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important
}
}
.html-certification-services .promotional-teaser .frame .button-primary {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important
}
.html-certification-services .promotional-teaser .promotional-image {
width: 100%;
height: 280px;
position: relative;
overflow: hidden
}
@media only screen and (min-width: 750px) {
.html-certification-services .promotional-teaser .promotional-image {
height: 360px
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .promotional-teaser .promotional-image {
height: 440px
}
}
.html-certification-services .promotional-teaser .promotional-image img {
position: absolute;
left: -9999px;
right: -9999px;
top: -9999px;
bottom: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%
}
.html-certification-services .promotional-teaser .promotional-image::after {
display: block;
position: relative;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4));
height: 280px;
height: 100%;
width: 100%;
content: ''
}
.html-certification-services .section-statistics {
position: relative;
overflow: hidden
}
.html-certification-services .section-statistics > p {
max-width: 30em;
margin-left: auto;
margin-right: auto
}
.html-certification-services .section-statistics .section-header {
padding: 48px 0px 12px !important;
padding: 3rem 0rem .75rem !important
}
.html-certification-services .section-statistics .section-content-statistic h3 {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.42857em !important;
margin: 24px 0px 0px;
margin: 1.5rem 0rem 0rem;
text-align: center
}
.html-certification-services .section-statistics .section-content-statistic.summary-statistics figure {
position: relative;
padding: 72px 0px;
padding: 4.5rem 0rem
}
@media only screen and (min-width: 600px) {
.html-certification-services .section-statistics .section-content-statistic.summary-statistics figure {
padding: 24px 0px 72px;
padding: 1.5rem 0rem 4.5rem
}
}
.html-certification-services .section-statistics .section-content-statistic.summary-statistics figure .list-services-key-numbers {
width: 100%;
position: absolute;
top: 0;
left: 0
}
@media only screen and (min-width: 600px) {
.html-certification-services .section-statistics .section-content-statistic.summary-statistics figure .list-services-key-numbers {
top: 4%
}
}
@media only screen and (min-width: 750px) {
.html-certification-services .section-statistics .section-content-statistic.summary-statistics figure .list-services-key-numbers {
top: 28%
}
}
.html-certification-services .section-statistics .section-content-statistic.summary-statistics .map {
width: 100%;
display: block;
text-align: center;
margin: 0px auto 12px
}
@media only screen and (min-width: 1200px) {
.html-certification-services .section-statistics .section-content-statistic.summary-statistics .map {
width: 80%
}
}
.html-certification-services .section-statistics .section-content-statistic.summary-statistics .map img {
opacity: .5
}
.html-certification-services .section-statistics .section-content-statistic.summary-statistics ul > li {
float: left;
margin: 0px 6px 24px;
margin: 0rem .375rem 1.5rem;
padding: 36px 12px;
padding: 2.25rem .75rem;
background: rgba(255, 255, 255, 0.8)
}
@media only screen and (min-width: 750px) {
.html-certification-services .section-statistics .section-content-statistic.summary-statistics ul > li {
margin: 0px 6px;
margin: 0rem .375rem
}
}
.html-certification-services .section-statistics .list-services-key-numbers ul {
width: 312px;
margin: 0 auto
}
@media only screen and (min-width: 750px) {
.html-certification-services .section-statistics .list-services-key-numbers ul {
width: 624px
}
}
.html-certification-services .section-statistics .list-services-key-numbers ul:after {
content: '';
display: table;
clear: both
}
.html-certification-services .section-statistics .list-services-key-numbers ul > li {
font-size: 11px !important;
font-size: .6875rem !important;
line-height: 1.45455em !important;
text-transform: uppercase;
letter-spacing: .05em;
color: #464646;
text-align: center;
background: rgba(255, 255, 255, 0.8);
width: 144px;
height: 144px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid #ccc !important;
padding: 36px 12px;
padding: 2.25rem .75rem
}
@media only screen and (min-width: 1200px) {
.html-certification-services .section-statistics .list-services-key-numbers ul > li {
display: block
}
}
.html-certification-services .section-statistics .list-services-key-numbers ul > li span {
color: #242424;
margin-bottom: 6px
}
.html-certification-services .section-statistics .list-services-key-numbers ul li.animation-ready {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0
}
.html-certification-services .section-statistics .list-services-key-numbers ul li.activate-animation {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: all 0.75s ease-in;
-moz-transition: all 0.75s ease-in;
-ms-transition: all 0.75s ease-in;
-o-transition: all 0.75s ease-in;
transition: all 0.75s ease-in
}
.html-certification-services .section-statistics .list-services-key-numbers ul strong {
display: block;
clear: both;
color: #000;
font-weight: bold;
text-transform: uppercase;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.html-certification-services .section-statistics .list-services-key-numbers ul strong .unit {
margin-right: -.66em;
padding-left: .25em;
font-size: 72% !important;
line-height: 1.75 !important;
vertical-align: top
}
.html-certification-services .featured-services-simple {
overflow: hidden
}
.html-certification-services .featured-services-simple .featured-services-intro {
padding: 24px 0px;
padding: 1.5rem 0rem
}
@media only screen and (min-width: 750px) {
.html-certification-services .featured-services-simple .featured-services-intro {
padding: 24px 24px;
padding: 1.5rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .featured-services-simple .featured-services-intro {
width: 33.3333333%;
float: left;
padding: 36px 36px;
padding: 2.25rem 2.25rem
}
}
.html-certification-services .featured-services-simple .featured-services-intro p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.html-certification-services .featured-services-simple .list-featured-services-simple {
position: relative;
overflow: hidden;
margin-bottom: 36px;
margin-bottom: 2.25rem
}
@media only screen and (max-width: 750px) {
.html-certification-services .featured-services-simple .list-featured-services-simple {
padding-top: 24px;
padding-top: 1.5rem
}
}
.html-certification-services .featured-services-simple .list-featured-services-simple:after {
content: '';
display: table;
clear: both
}
.html-certification-services .featured-services-simple .list-featured-services-simple p {
text-align: center
}
.html-certification-services .featured-services-simple .list-featured-services-simple ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
margin: 0rem
}
@media only screen and (min-width: 750px) {
.html-certification-services .featured-services-simple .list-featured-services-simple ul {
border-width: 0px
}
}
.html-certification-services .featured-services-simple .list-featured-services-simple ul:after {
content: '';
display: table;
clear: both
}
.html-certification-services .featured-services-simple .list-featured-services-simple li {
margin: 0 !important;
padding: 0px !important;
-webkit-flex: 1 0 100%;
-moz-flex: 1 0 100%;
-ms-flex: 1 0 100%;
-o-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important
}
@media only screen and (min-width: 750px) {
.html-certification-services .featured-services-simple .list-featured-services-simple li {
max-width: calc(33.3333333%)
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .featured-services-simple .list-featured-services-simple li {
max-width: calc(25%)
}
}
.html-certification-services .featured-services-simple .list-featured-services-simple li:before {
content: none !important
}
.html-certification-services .featured-services-simple .list-featured-services-simple li > a {
display: block;
position: relative;
min-height: 66px;
background: #f8f8f8;
margin: 0px 0px 6px;
margin: 0rem 0rem .375rem;
padding: 12px !important;
padding: .75rem !important
}
@media only screen and (min-width: 750px) {
.html-certification-services .featured-services-simple .list-featured-services-simple li > a {
margin: 6px;
margin: .375rem;
min-height: 180px
}
}
.html-certification-services .featured-services-simple .list-featured-services-simple li > a h3 {
font-weight: 400;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.25em !important;
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
text-transform: none
}
.html-certification-services .featured-services-simple .list-featured-services-simple li > a h3:after {
content: '\00A0›';
color: #c94c08;
font-weight: 700
}
.html-certification-services .featured-services-simple .list-featured-services-simple li > a:hover, .html-certification-services .featured-services-simple .list-featured-services-simple li > a:focus {
text-decoration: none !important;
color: #000;
background: #c94c08;
color: #f2f2f2 !important
}
@media only screen and (min-width: 750px) {
.html-certification-services .featured-services-simple .list-featured-services-simple li > a:hover, .html-certification-services .featured-services-simple .list-featured-services-simple li > a:focus {
margin: 6px;
margin: .375rem
}
}
.html-certification-services .related-services ul {
border-top: 1px solid #d5d5d5;
width: 100%;
margin: 0 auto
}
.html-certification-services .related-services li {
margin: 0px !important
}
.html-certification-services .related-services li figure {
display: none
}
.html-certification-services .related-services li a {
display: block;
padding: 24px 18px 24px 24px;
padding: 1.5rem 1.125rem 1.5rem 1.5rem;
margin: 0px;
margin: 0rem;
position: relative;
border-bottom: 1px solid #e4e4e4
}
.html-certification-services .related-services li a h3 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.375em !important;
margin-bottom: 0px;
margin-bottom: 0rem;
overflow: hidden
}
.wf-robotocondensed-n3-active .html-certification-services .related-services li a h3 {
font-weight: 300;
text-rendering: optimizeLegibility
}
.html-certification-services .related-services li a:before {
content: '\00A0›';
color: #c94c08;
font-weight: 700;
position: absolute;
left: 6px;
top: 22px
}
.html-certification-services .service-finder {
clear: both;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 1200px) {
.html-certification-services .service-finder {
margin-bottom: 48px;
margin-bottom: 3rem
}
}
.html-certification-services .service-finder .form-service-finder, .html-certification-services .service-finder .form-certification-directory {
border: 0px;
margin: 0px;
padding: 0px
}
.html-certification-services .service-finder .form-service-finder legend, .html-certification-services .service-finder .form-certification-directory legend {
display: none
}
.html-certification-services .service-finder .form-service-finder .field, .html-certification-services .service-finder .form-certification-directory .field {
padding: 0px;
padding: 0rem
}
.html-certification-services .service-finder .form-service-finder .input-text, .html-certification-services .service-finder .form-certification-directory .input-text {
height: 48px;
height: 3rem;
line-height: 44px;
line-height: 2.75rem
}
@media only screen and (max-width: 450px) {
.html-certification-services .service-finder .form-service-finder .input-text, .html-certification-services .service-finder .form-certification-directory .input-text {
width: 55%;
float: left
}
}
.html-certification-services .service-finder .form-service-finder .button-primary, .html-certification-services .service-finder .form-certification-directory .button-primary {
background: #c94c08 !important;
border-color: #c94c08 !important;
min-height: 48px;
min-height: 3rem
}
@media only screen and (max-width: 450px) {
.html-certification-services .service-finder .form-service-finder .button-primary, .html-certification-services .service-finder .form-certification-directory .button-primary {
float: left;
width: 45%
}
}
.html-certification-services .service-finder .form-service-finder::before, .html-certification-services .service-finder .form-certification-directory::before {
background: #242424 url(i/noun_Search_1484092.svg) no-repeat 50% 50%;
background-size: 84px;
border: 3px solid #fff;
top: -96px
}
@media only screen and (min-width: 1200px) {
.html-certification-services .service-finder .form-service-finder::before, .html-certification-services .service-finder .form-certification-directory::before {
top: -120px
}
}
.html-certification-services .featured-insights {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.html-certification-services .featured-insights:after {
content: '';
display: table;
clear: both
}
.html-certification-services .featured-insight {
width: 100%;
border: solid 24px transparent;
border-width: 12px 24px;
border-width: 12px 32px;
position: relative
}
@media only screen and (min-width: 600px) {
.html-certification-services .featured-insight {
width: 50%
}
}
@media only screen and (min-width: 1200px) {
.html-certification-services .featured-insight {
width: 33.33333333%
}
}
.html-certification-services .featured-insight a {
color: #000
}
.html-certification-services .featured-insight a:hover h3 {
color: #c94c08
}
.html-certification-services .featured-insight .inner {
width: 100%
}
.html-certification-services .featured-insight .inner h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.36364em !important;
margin: 24px 0px 6px;
margin: 1.5rem 0rem .375rem;
clear: both;
font-weight: 300;
text-transform: none
}
.html-certification-services .featured-insight .topic {
color: #000;
font-weight: 400;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.html-certification-services .featured-insight .abstract {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.html-certification-services .featured-insight .abstract:after {
content: '\00A0›';
color: #c94c08
}
.tabs-theme-v6 {
margin: 36px 0px 0px;
margin: 2.25rem 0rem 0rem
}
@media only screen and (min-width: 750px) {
.tabs-theme-v6 {
margin: -96px -12px 0px;
margin: -6rem -.75rem 0rem
}
}
@media only screen and (min-width: 1200px) {
.tabs-theme-v6 {
margin: -96px 0px 0px;
margin: -6rem 0rem 0rem
}
}
.tabs-theme-v6 .tabs-nav-wide {
position: relative;
z-index: 100
}
.tabs-theme-v6 .tabs-nav-wide ul {
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
position: relative;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 600px) {
.tabs-theme-v6 .tabs-nav-wide ul {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
width: 100%
}
}
.tabs-theme-v6 .tabs-nav-wide ul:after {
content: '';
display: table;
clear: both
}
.tabs-theme-v6 .tabs-nav-wide li {
-webkit-flex: 1 0 0;
-moz-flex: 1 0 0;
-ms-flex: 1 0 0;
-o-flex: 1 0 0;
flex: 1 0 0;
text-align: center;
background: #f2f2f2
}
@media only screen and (min-width: 600px) {
.tabs-theme-v6 .tabs-nav-wide li {
display: table;
min-width: 33%;
width: 33%
}
.tabs-theme-v6 .tabs-nav-wide li:first-child {
margin-right: 5px
}
.tabs-theme-v6 .tabs-nav-wide li:last-child {
margin-left: 5px
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-v6 .tabs-nav-wide li {
background: rgba(0, 0, 0, 0.55);
border: 0px
}
}
.tabs-theme-v6 .tabs-nav-wide a {
color: #464646 !important;
font-weight: bold;
text-transform: uppercase;
border: 1px solid rgba(245, 245, 245, 0.85)
}
.wf-robotocondensed-n7-active .tabs-theme-v6 .tabs-nav-wide a {
text-rendering: optimizeLegibility
}
.tabs-theme-v6 .tabs-nav-wide a span {
display: block;
font-style: italic;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 1.6em !important;
font-weight: 300
}
.tabs-theme-v6 .tabs-nav-wide a:focus, .tabs-theme-v6 .tabs-nav-wide a:hover {
color: #fff !important;
background: #c94c08
}
@media only screen and (min-width: 600px) {
.tabs-theme-v6 .tabs-nav-wide a {
padding: 24px 12px 20px;
padding: 1.5rem .75rem 1.25rem
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-v6 .tabs-nav-wide a {
color: #f2f2f2 !important;
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important;
line-height: 36px !important;
border: 0px
}
}
.tabs-theme-v6 .tabs-nav-wide .current a {
background: #fff;
color: #000;
border: 1px solid #707070
}
@media only screen and (min-width: 750px) {
.tabs-theme-v6 .tabs-nav-wide .current a {
border: 0px
}
}
.tabs-theme-v6 .tabs-nav-wide .current a:focus, .tabs-theme-v6 .tabs-nav-wide .current a:hover {
color: #000 !important;
background: #fff
}
.tabs-theme-v6 .tab-header + p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important;
text-align: center;
margin-bottom: 48px;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 580px
}
.tabs-theme-v6 .tab-content {
padding: 0px;
padding: 0rem;
margin: 0px;
margin: 0rem;
position: relative
}
@media only screen and (min-width: 750px) {
.tabs-theme-v6 .tab-content {
padding: 48px 0px;
padding: 3rem 0rem
}
}
.tabs-theme-v7 {
position: relative;
margin-bottom: 48px;
margin-bottom: 3rem
}
.tabs-theme-v7 .tabs-nav a {
text-transform: none
}
.tabs-theme-v7 .tabs-nav-left {
width: 100%
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tabs-nav-left {
width: 30%
}
}
@media only screen and (min-width: 1200px) {
.tabs-theme-v7 .tabs-nav-left {
width: 25%
}
}
.tabs-theme-v7 .tabs-nav-left ul {
width: 100%;
position: relative;
border: 1px solid #e4e4e4;
border-width: 1px 0px 0px 1px;
margin-bottom: 12px;
margin-bottom: .75rem
}
.tabs-theme-v7 .tabs-nav-left ul:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tabs-nav-left ul {
border-width: 1px 0px 1px 1px;
margin-bottom: 0px;
margin-bottom: 0rem
}
}
.tabs-theme-v7 .tabs-nav-left li {
width: 50%;
float: left;
margin: 0 !important;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tabs-nav-left li {
border-right: 0px;
border-bottom: 0px;
width: 100%;
float: none
}
.tabs-theme-v7 .tabs-nav-left li:last-child {
border-bottom: 0px
}
}
.tabs-theme-v7 .tabs-nav-left li a {
display: block;
position: relative;
background: #fff;
text-align: center;
padding: 16px 6px 16px;
padding: 1rem .375rem 1rem;
color: #595959 !important;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
text-transform: none
}
.wf-robotocondensed-n4-active .tabs-theme-v7 .tabs-nav-left li a {
font-weight: 400;
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tabs-nav-left li a {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
padding: 12px 0px 12px 24px;
padding: .75rem 0rem .75rem 1.5rem;
text-align: left
}
}
.tabs-theme-v7 .tabs-nav-left li a:hover {
color: #000 !important
}
.tabs-theme-v7 .tabs-nav-left .current {
position: relative
}
.tabs-theme-v7 .tabs-nav-left .current a {
color: #c94c08 !important;
background: none;
font-weight: 400 !important
}
.tabs-theme-v7 .tabs-nav-left .current a:hover {
color: #c94c08 !important
}
.tabs-theme-v7 .tab-content {
position: relative
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tab-content {
display: block;
margin: 0px;
margin: 0rem;
padding: 0px;
padding: 0rem;
position: absolute;
top: 0;
left: 30%;
width: 70%;
height: 100%
}
}
@media only screen and (min-width: 1200px) {
.tabs-theme-v7 .tab-content {
left: 25%;
width: 75%
}
}
.tabs-theme-v7 .tab-content .service-teaser {
position: absolute;
width: 100%;
top: 0;
left: 0;
text-align: center;
padding: 24px 12px;
padding: 1.5rem .75rem;
background: #f2f2f2;
background: rgba(242, 242, 242, 0.9);
z-index: 100
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tab-content .service-teaser {
padding: 48px;
padding: 3rem;
text-align: left
}
}
.tabs-theme-v7 .tab-content .service-teaser h3 {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.33333em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem;
text-transform: none;
z-index: 1000
}
.wf-robotocondensed-n3-active .tabs-theme-v7 .tab-content .service-teaser h3 {
font-weight: 300;
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tab-content .service-teaser h3 {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.28571em !important
}
}
.tabs-theme-v7 .tab-content .service-teaser .buttons {
margin-bottom: 0px;
font-size: 13px !important;
font-size: .8125rem !important;
line-height: 1.84615em !important
}
.tabs-theme-v7 .tab-content .service-teaser .buttons i {
display: block;
padding: 6px 24px;
padding: .375rem 1.5rem;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 2.4em !important
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tab-content .service-teaser .buttons i {
padding: 0px 12px;
padding: 0rem .75rem;
display: inline
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tab-content .service-teaser .buttons {
text-align: left !important
}
}
.tabs-theme-v7 .tab-content .service-image {
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.tabs-theme-v7 .tab-content .service-image img {
position: absolute;
left: -9999px;
right: -9999px;
top: -9999px;
bottom: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%
}
.tabs-theme-v7 .tab-content .service-image::after {
display: block;
position: relative;
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6));
height: 300px;
width: 100%;
content: ''
}
@media only screen and (min-width: 750px) {
.tabs-theme-v7 .tab-content .service-image::after {
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4))
}
}
.tabs-theme-v8 {
min-width: 100%;
margin: 36px 0px 0px;
margin: 2.25rem 0rem 0rem
}
@media only screen and (min-width: 1000px) {
.tabs-theme-v8 {
margin: -58px 0px 0px;
margin: -3.625rem 0rem 0rem
}
}
.tabs-theme-v8 .tabs-nav-wide {
position: relative;
z-index: 100
}
.tabs-theme-v8 .tabs-nav-wide ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
position: relative
}
@media only screen and (min-width: 750px) {
.tabs-theme-v8 .tabs-nav-wide ul {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row
}
}
@media only screen and (min-width: 1000px) {
.tabs-theme-v8 .tabs-nav-wide ul {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
margin-bottom: 12px;
margin-bottom: .75rem
}
}
.tabs-theme-v8 .tabs-nav-wide ul:after {
content: '';
display: table;
clear: both
}
.tabs-theme-v8 .tabs-nav-wide ul li {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
text-align: center;
background: #f2f2f2
}
@media only screen and (min-width: 600px) {
.tabs-theme-v8 .tabs-nav-wide ul li {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
margin: 0px 1px
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-v8 .tabs-nav-wide ul li {
background: rgba(0, 0, 0, 0.55);
border: 0px
}
}
.tabs-theme-v8 .tabs-nav-wide ul li a {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important;
color: #464646 !important;
font-weight: normal;
text-transform: uppercase;
border: 1px solid #f2f2f2
}
.wf-robotocondensed-n4-active .tabs-theme-v8 .tabs-nav-wide ul li a {
text-rendering: optimizeLegibility
}
.tabs-theme-v8 .tabs-nav-wide ul li a:focus, .tabs-theme-v8 .tabs-nav-wide ul li a:hover {
color: #fff !important;
background: #c94c08
}
.tabs-theme-v8 .tabs-nav-wide ul li a span {
display: block;
font-style: italic;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 1.6em !important;
font-weight: 300
}
@media only screen and (min-width: 600px) {
.tabs-theme-v8 .tabs-nav-wide ul li a {
padding: 11px 6px;
padding: .6875rem .375rem
}
}
@media only screen and (min-width: 750px) {
.tabs-theme-v8 .tabs-nav-wide ul li a {
color: #f2f2f2 !important;
border: 0px;
padding: 20px 6px;
padding: 1.25rem .375rem
}
}
.tabs-theme-v8 .tabs-nav-wide ul li.current a {
background: #fff;
color: #000;
border: 1px solid #707070
}
@media only screen and (min-width: 750px) {
.tabs-theme-v8 .tabs-nav-wide ul li.current a {
border: 0px
}
}
.tabs-theme-v8 .tabs-nav-wide ul li.current a:focus, .tabs-theme-v8 .tabs-nav-wide ul li.current a:hover {
color: #000 !important;
background: #fff
}
.tabs-theme-v8 .tab-header + p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.28571em !important;
text-align: center;
margin-bottom: 48px;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 580px
}
.tabs-theme-v8 .tab-content {
padding: 24px 0px 0px;
padding: 1.5rem 0rem 0rem;
margin: 0px;
margin: 0rem;
position: relative
}
@media only screen and (min-width: 1200px) {
.tabs-theme-v8 .tab-content {
padding: 60px 0px 36px;
padding: 3.75rem 0rem 2.25rem
}
}
#quick-cart {
display: none;
z-index: 9999;
width: 100%
}
#quick-cart #quick-cart-toggler {
display: block;
width: 56px;
height: 56px;
text-indent: -9999px;
overflow: hidden;
background: #363636 url(i/icons/nav-cart-white.png) no-repeat 50% 50%;
margin: 0 !important;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
#quick-cart #quick-cart-toggler {
background-image: url("i/icons/nav-cart-white-@2x.png") !important;
background-size: 20px 20px !important
}
}
#quick-cart #quick-cart-toggler:hover, #quick-cart #quick-cart-toggler:focus {
background: #fff url(i/icons/nav-cart-black.png) no-repeat 50% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
#quick-cart #quick-cart-toggler:hover, #quick-cart #quick-cart-toggler:focus {
background-image: url("i/icons/nav-cart-black-@2x.png") !important;
background-size: 20px 20px !important
}
}
@media only screen and (min-width: 1200px) {
#quick-cart {
display: block;
position: fixed;
top: 160px;
right: auto;
left: 50%;
width: 56px;
height: 56px;
-webkit-transition: top 2s ease;
-moz-transition: top 2s ease;
-ms-transition: top 2s ease;
-o-transition: top 2s ease;
transition: top 2s ease
}
}
#quick-contact {
display: none;
z-index: 100;
width: 100%
}
#quick-contact #quick-contact-toggler, #quick-contact #quick-contact-anchor {
display: block;
width: 56px;
height: 56px;
text-indent: -9999px;
overflow: hidden;
background: #c94c08 url(i/icons/nav-contact.svg) no-repeat 50% 50%;
margin: 0 !important;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease
}
#quick-contact #quick-contact-toggler:hover, #quick-contact #quick-contact-toggler:focus, #quick-contact #quick-contact-anchor:hover, #quick-contact #quick-contact-anchor:focus {
background: #fff url(i/icons/nav-contact-hover.svg) no-repeat 50% 50%;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease
}
#quick-contact .list-quick-contact {
position: absolute;
top: 0;
right: 56px;
height: 56px;
opacity: 0;
overflow: hidden;
background: #c94c08;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease
}
#quick-contact .list-quick-contact ul {
width: 100%;
display: none;
margin: 0px !important;
margin: 0rem !important
}
#quick-contact .list-quick-contact ul:after {
content: '';
display: table;
clear: both
}
#quick-contact .list-quick-contact li {
display: table-cell;
white-space: nowrap
}
#quick-contact .list-quick-contact a {
display: block;
height: 56px;
padding: 0 1.5em;
color: #fff;
line-height: 56px;
text-align: center;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
#quick-contact .list-quick-contact a:hover {
background-color: #c50
}
@media only screen and (min-width: 1200px) {
#quick-contact {
display: block;
position: fixed;
top: 160px;
right: auto;
left: 50%;
width: 56px;
height: 56px;
-webkit-transition: top 2s ease;
-moz-transition: top 2s ease;
-ms-transition: top 2s ease;
-o-transition: top 2s ease;
transition: top 2s ease
}
#quick-cart + #quick-contact {
top: 216px
}
#quick-contact.scrolled {
top: 0;
-webkit-transition: top 1s ease;
-moz-transition: top 1s ease;
-ms-transition: top 1s ease;
-o-transition: top 1s ease;
transition: top 1s ease
}
#quick-contact.scrolled #quick-contact-toggler, #quick-contact:target #quick-contact-toggler, #quick-contact.visible #quick-contact-toggler, #quick-cart + #quick-contact.scrolled #quick-contact-toggler, #quick-cart + #quick-contact:target #quick-contact-toggler, #quick-cart + #quick-contact.visible #quick-contact-toggler {
background: #c50 url(i/icons/close-tiny-white.png) no-repeat 50% 50%
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
#quick-contact.scrolled #quick-contact-toggler, #quick-contact:target #quick-contact-toggler, #quick-contact.visible #quick-contact-toggler, #quick-cart + #quick-contact.scrolled #quick-contact-toggler, #quick-cart + #quick-contact:target #quick-contact-toggler, #quick-cart + #quick-contact.visible #quick-contact-toggler {
background-image: url("i/icons/close-tiny-white-@2x.png") !important;
background-size: 13px 13px !important
}
}
@media only screen and (min-width: 1200px) {
#quick-contact.scrolled #quick-contact-toggler:hover, #quick-contact.scrolled #quick-contact-toggler:focus, #quick-contact:target #quick-contact-toggler:hover, #quick-contact:target #quick-contact-toggler:focus, #quick-contact.visible #quick-contact-toggler:hover, #quick-contact.visible #quick-contact-toggler:focus, #quick-cart + #quick-contact.scrolled #quick-contact-toggler:hover, #quick-cart + #quick-contact.scrolled #quick-contact-toggler:focus, #quick-cart + #quick-contact:target #quick-contact-toggler:hover, #quick-cart + #quick-contact:target #quick-contact-toggler:focus, #quick-cart + #quick-contact.visible #quick-contact-toggler:hover, #quick-cart + #quick-contact.visible #quick-contact-toggler:focus {
background-color: #c94c08
}
#quick-contact.scrolled .list-quick-contact, #quick-contact:target .list-quick-contact, #quick-contact.visible .list-quick-contact, #quick-cart + #quick-contact.scrolled .list-quick-contact, #quick-cart + #quick-contact:target .list-quick-contact, #quick-cart + #quick-contact.visible .list-quick-contact {
opacity: 1
}
#quick-contact.scrolled .list-quick-contact ul, #quick-contact:target .list-quick-contact ul, #quick-contact.visible .list-quick-contact ul, #quick-cart + #quick-contact.scrolled .list-quick-contact ul, #quick-cart + #quick-contact:target .list-quick-contact ul, #quick-cart + #quick-contact.visible .list-quick-contact ul {
display: table
}
}
#share-toolbar {
z-index: 9999;
width: 100%;
position: absolute;
top: 100%;
left: 0
}
#share-toolbar:after {
content: '';
display: table;
clear: both
}
#share-toolbar #share-toggler {
display: block;
width: 50px;
position: absolute;
top: -56px;
right: 250px;
height: 56px;
text-indent: -9999px;
overflow: hidden;
background: #fff url(i/icons/share-tools-vertical.png) no-repeat 50% -2px;
margin: 0 !important;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
#share-toolbar #share-toggler {
background-image: url("i/icons/share-tools-vertical-@2x.png") !important;
background-size: 60px 420px !important
}
}
#share-toolbar #share-toggler:hover {
background-color: #f2f2f2
}
#share-toolbar .list-share-toolbar {
background: #f2f2f2;
width: 100%;
display: none
}
#share-toolbar .list-share-toolbar:after {
content: '';
display: table;
clear: both
}
#share-toolbar .list-share-toolbar ul {
margin: 0px !important;
margin: 0rem !important;
float: right;
width: 100%
}
#share-toolbar .list-share-toolbar ul:after {
content: '';
display: table;
clear: both
}
#share-toolbar .list-share-toolbar li {
float: right;
margin: 0 !important;
width: 56px;
width: 50px
}
#share-toolbar .list-share-toolbar a {
display: block;
width: 100%;
height: 56px;
text-indent: -9999px;
overflow: hidden;
background: url(i/icons/share-tools-vertical.png) no-repeat;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
#share-toolbar .list-share-toolbar a {
background-image: url("i/icons/share-tools-vertical-@2x.png") !important;
background-size: 60px 420px !important
}
}
#share-toolbar .list-share-toolbar a:hover {
background-color: #f2f2f2
}
#share-toolbar .list-share-toolbar .share-linkedin a {
background-position: 50% -60px
}
#share-toolbar .list-share-toolbar .share-twitter a {
background-position: 50% -120px
}
#share-toolbar .list-share-toolbar .share-facebook a {
background-position: 50% -180px
}
#share-toolbar .list-share-toolbar .share-weibo a {
background-position: 50% -240px
}
#share-toolbar .list-share-toolbar .share-mail a {
background-position: 50% -300px
}
#share-toolbar .list-share-toolbar .share-print a {
background-position: 50% -360px
}
#share-toolbar .list-share-toolbar .share-vkontakte a {
background-position: 50% -420px
}
#share-toolbar .list-share-toolbar .share-print {
display: none !important
}
#share-toolbar:target #share-toggler, #share-toolbar.visible #share-toggler {
background: #f2f2f2 url(i/icons/close-tiny-black.png) no-repeat 50% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
#share-toolbar:target #share-toggler, #share-toolbar.visible #share-toggler {
background-image: url("i/icons/close-tiny-black-@2x.png") !important;
background-size: 13px 13px !important
}
}
#share-toolbar:target .list-share-toolbar, #share-toolbar.visible .list-share-toolbar {
display: block !important
}
@media only screen and (min-width: 1200px) {
#share-toolbar {
position: fixed;
top: 160px;
bottom: auto;
right: auto;
left: 50%;
width: 56px
}
#quick-contact + #share-toolbar {
top: 216px
}
#quick-cart + #quick-contact + #share-toolbar {
top: 272px
}
#share-toolbar #share-toggler {
position: static;
top: auto;
right: auto;
width: 56px;
background-color: #f2f2f2
}
#share-toolbar #share-toggler:hover, #share-toolbar #share-toggler:focus {
background-color: #fff
}
#share-toolbar .list-share-toolbar {
display: block !important;
opacity: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: #fff !important;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
background: red
}
#share-toolbar .list-share-toolbar ul {
display: none
}
#share-toolbar .list-share-toolbar li {
float: none;
display: block !important;
width: 100%
}
#share-toolbar .list-share-toolbar a:hover, #share-toolbar .list-share-toolbar a:focus {
background-color: #fff
}
#share-toolbar .list-share-toolbar .share-print {
display: inline !important
}
#share-toolbar:target #share-toggler, #share-toolbar.visible #share-toggler {
background-color: #fff
}
#share-toolbar:target .list-share-toolbar, #share-toolbar.visible .list-share-toolbar {
height: auto;
opacity: 1
}
#share-toolbar:target .list-share-toolbar ul, #share-toolbar.visible .list-share-toolbar ul {
display: block !important
}
}
.skipper #share-toggler {
background: url(i/icons/share-tools-vertical.png) no-repeat 50% -2px
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.skipper #share-toggler {
background-image: url("i/icons/share-tools-vertical-@2x.png") !important;
background-size: 60px 420px !important
}
}
.skipper #share-toggler:hover {
background-color: #f2f2f2
}
.skipper:target #share-toggler, .skipper.visible #share-toggler {
background: #f2f2f2 url(i/icons/close-tiny-black.png) no-repeat 50% 50%
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.skipper:target #share-toggler, .skipper.visible #share-toggler {
background-image: url("i/icons/close-tiny-black-@2x.png") !important;
background-size: 13px 13px !important
}
}
.skipper:target .list-share-toolbar, .skipper.visible .list-share-toolbar {
height: 56px;
opacity: 1
}
@media only screen and (min-width: 750px) and (max-width: 1200px) {
.content-with-share-tools .grid {
padding-right: 56px
}
}
@media only screen and (min-width: 1200px) {
#quick-cart, #quick-contact, #share-toolbar {
margin-left: 544px
}
}
@media only screen and (min-width: 1312px) {
#quick-cart, #quick-contact, #share-toolbar {
margin-left: 600px
}
}
#related-contacts.related-contacts {
margin: 24px -24px 0px !important;
margin: 1.5rem -1.5rem 0rem !important;
border: 1px solid #d5d5d5;
border-width: 1px 0;
overflow: hidden;
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.service-online-store + #related-contacts.related-contacts {
margin-top: 0 !important
}
.wf-roboto-n3-active #related-contacts.related-contacts {
font-weight: 300;
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 1200px) {
#related-contacts.related-contacts {
margin: 24px -80px 0px !important;
margin: 1.5rem -5rem 0rem !important
}
}
#related-contacts.related-contacts header h3 {
margin: 0px 0px 12px -2px !important;
margin: 0rem 0rem .75rem -.125rem !important;
font-weight: 300
}
@media only screen and (min-width: 600px) {
#related-contacts.related-contacts header h3 {
max-width: 6em
}
}
@media only screen and (min-width: 1200px) {
#related-contacts.related-contacts header h3 {
margin-bottom: 36px !important;
margin-bottom: 2.25rem !important
}
}
#related-contacts.related-contacts .contact-options {
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
background: #ffffff
}
#related-contacts.related-contacts .contact-column {
width: 100%;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
#related-contacts.related-contacts .contact-column:first-child {
background-image: url("i/contact-bg.png");
background-size: cover;
background-size: 100%;
background-repeat: repeat;
background-position: top left
}
@media only screen and (min-width: 600px) {
#related-contacts.related-contacts .contact-column:first-child {
width: 306px
}
}
#related-contacts.related-contacts .contact-column:last-child {
background: #ffffff;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1
}
#related-contacts.related-contacts .contact-information {
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1200px) {
#related-contacts.related-contacts .contact-information {
padding: 70px 0px 80px 80px;
padding: 4.375rem 0rem 5rem 5rem
}
}
#related-contacts.related-contacts .contact-information.primary-cta {
background: #c94c08;
background: rgba(201, 76, 8, 0.85);
color: #ffffff
}
#related-contacts.related-contacts .contact-information.primary-cta a.button {
max-width: 11.25em;
background: #ffffff;
color: #c94c08;
border: 2px solid #ffffff;
font-weight: 400
}
#related-contacts.related-contacts .contact-information.primary-cta a.button:hover {
background: #000000;
border-color: #000 !important
}
#related-contacts.related-contacts .contact-information a.button {
font-weight: 400;
padding: 6px 12px;
padding: .375rem .75rem
}
#related-contacts.related-contacts .contact-information .location-contacts {
position: relative;
width: 100%
}
#related-contacts.related-contacts .contact-information .location-contacts ul {
max-width: 100%
}
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option {
width: 100%;
display: block;
padding: 4px 0px;
padding: .25rem 0rem;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option:first-child {
padding: 0px 0px 12px 0px;
padding: 0rem 0rem .75rem 0rem
}
@media only screen and (min-width: 1200px) {
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.55556em !important
}
}
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option .value {
display: inline-block;
margin-left: 12px;
margin-left: .75rem;
color: #c94c08
}
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option .value a {
color: #c94c08
}
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option strong {
display: inline-block;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
font-weight: normal;
text-transform: uppercase;
float: left
}
@media only screen and (min-width: 1200px) {
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option strong {
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2.33333em !important
}
}
#related-contacts.related-contacts .contact-information .location-contacts .location-contact-option .corporation {
font-weight: bold
}
.location-phones .location-contact-option .value, .location-contacts .location-contact-option .value {
display: inline-block;
margin-left: 12px;
margin-left: .75rem;
color: #c94c08
}
.location-phones .location-contact-option .value a, .location-contacts .location-contact-option .value a {
color: #c94c08
}
.location-phones .location-contact-option.fax .value, .location-contacts .location-contact-option.fax .value {
color: inherit
}
.location-phones .contact-type-whatsapp a:before, .location-contacts .contact-type-whatsapp a:before {
content: ' ';
display: inline-block;
width: 20px;
height: 20px;
background: none no-repeat 50% 50%;
margin: 0 -4px -4px 0;
background-image: url("i/icons/whatsapp-logo.svg") !important;
background-size: auto 20px !important
}
html[lang="hu-HU"] #related-contacts.related-contacts header h3, html[lang="tr-TR"] #related-contacts.related-contacts header h3 {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.html-parked {
background: #9e9e9e
}
.html-parked .top-navigation {
width: auto !important
}
.html-parked #contact-toggler {
right: 0
}
.html-parked #websites-nav .dropdown-toggler {
right: 50px
}
.html-parked #share-toolbar #share-toggler {
right: 100px
}
@media only screen and (min-width: 1200px) {
.html-parked .logo {
padding: 18.5px 24px;
padding: 1.15625rem 1.5rem;
background: url(/img/logo.png) no-repeat 24px 18.5px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
.html-parked .logo {
background-image: url("i/logo.png") !important;
}
}
@media only screen and (min-width: 1200px) {
.html-parked .logo img {
visibility: hidden
}
.html-parked .top-navigation {
padding: 25px 48px 25px 72px;
padding: 1.5625rem 3rem 1.5625rem 4.5rem
}
.html-parked .countries-nav .dropdown-toggler.active:before {
bottom: -30px
}
.html-parked .countries-nav .dropdown {
top: 100%
}
.html-parked .content .grid {
background: #f2f2f2
}
}
.html-parked .parked-hero-image {
position: relative;
width: 100%;
height: 0;
padding-top: 30%;
overflow: hidden
}
.html-parked .parked-hero-image img {
position: absolute;
top: 0;
display: block;
width: 100%
}
.html-parked .parked-breadcrumb {
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.html-parked .parked-breadcrumb a {
color: #c94c08;
padding: 6px 0px;
padding: .375rem 0rem
}
.html-parked .parked-breadcrumb a:hover, .html-parked .parked-breadcrumb a:focus {
color: #000
}
@media only screen and (min-width: 1200px) {
.html-parked .parked-breadcrumb {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
}
.html-parked .section-parked-about {
background: #f2f2f2
}
.html-parked .section-parked-about .inner {
max-width: 800px;
margin: 0 auto;
padding: 24px 24px 1px;
padding: 1.5rem 1.5rem .0625rem
}
.html-parked .section-parked-about h1 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important;
margin-bottom: 8px;
margin-bottom: .5rem
}
.html-parked .section-parked-about p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.html-parked .section-parked-about .inner {
padding: 36px 24px 12px;
padding: 2.25rem 1.5rem .75rem
}
}
@media only screen and (min-width: 1200px) {
.html-parked .section-parked-about {
position: relative;
color: #fff;
background: rgba(0, 0, 0, 0.75);
height: 213px
}
.html-parked .section-parked-about .inner {
max-width: 100%;
padding: 48px 80px;
padding: 3rem 5rem
}
.html-parked .section-parked-about h1 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.08333em !important;
margin-bottom: 13px;
margin-bottom: .8125rem
}
.html-parked .section-parked-about .intro {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.625em !important
}
}
.html-parked .parked-main-content {
position: relative
}
.html-parked .parked-main-content .body-content {
padding-top: 24px;
padding-top: 1.5rem
}
@media only screen and (min-width: 750px) {
.html-parked .parked-main-content .body-content {
padding: 30px 24px 36px;
padding: 1.875rem 1.5rem 2.25rem
}
}
@media only screen and (min-width: 1000px) {
.html-parked .parked-main-content {
margin-top: -180px;
margin-top: -11.25rem
}
.html-parked .parked-main-content .body-content {
padding: 30px 48px 36px;
padding: 1.875rem 3rem 2.25rem
}
}
@media only screen and (min-width: 1200px) {
.html-parked .parked-main-content {
float: right;
width: 70%;
margin-top: -180px;
margin-top: -11.25rem
}
.html-parked .parked-main-content .body-content {
padding: 48px 80px;
padding: 3rem 5rem
}
.html-parked .parked-main-content .body-content .page-header h1, .html-parked .parked-main-content .body-content .page-header h2 {
font-weight: bold;
font-size: 40px !important;
font-size: 2.5rem !important;
line-height: 1.2em !important
}
}
@media only screen and (min-width: 1200px) {
.html-parked .body-parked .parked-main-content {
margin-top: -293px;
margin-top: -18.3125rem
}
}
.html-parked .supplementary-content {
background: #fff;
max-width: 1000%
}
.html-parked .supplementary-content .list-parked-featured-services {
position: relative;
margin-left: -24px;
margin-left: -1.5rem;
margin-right: -24px;
margin-right: -1.5rem
}
@media only screen and (min-width: 750px) {
.html-parked .supplementary-content .list-parked-featured-services {
max-width: 800px;
margin: 0 auto;
margin-bottom: 48px;
margin-bottom: 3rem
}
}
@media only screen and (min-width: 1200px) {
.html-parked .supplementary-content .list-parked-featured-services {
max-width: 200%;
margin-left: -80px;
margin-left: -5rem;
margin-right: -80px;
margin-right: -5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
}
.html-parked .supplementary-content .list-parked-featured-services ul {
border-top: 1px solid #d5d5d5;
margin: 0
}
.html-parked .supplementary-content .list-parked-featured-services ul:after {
content: '';
display: table;
clear: both
}
.html-parked .supplementary-content .list-parked-featured-services li {
font-weight: 200;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
border-bottom: 1px solid #d5d5d5;
margin: 0;
padding: 0
}
.html-parked .supplementary-content .list-parked-featured-services li > a {
display: block;
text-align: center;
padding: 24px !important;
padding: 1.5rem !important
}
.html-parked .supplementary-content .list-parked-featured-services li > a:before {
content: '';
margin: 0 auto;
margin-bottom: 18px;
margin-bottom: 1.125rem;
display: block;
height: 72px;
height: 4.5rem;
width: 72px;
width: 4.5rem;
color: #fff;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
background: #000 url(i/icons/complex-beauty.svg) no-repeat 50% 50%;
background-size: 66.66666666%;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.html-parked .supplementary-content .list-parked-featured-services li > a h3 {
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.html-parked .supplementary-content .list-parked-featured-services li > a:hover h3 {
color: #c94c08
}
.html-parked .supplementary-content .list-parked-featured-services li > a:hover:before {
background-color: #c94c08 !important
}
.html-parked .supplementary-content .list-parked-featured-services li h3 {
color: #000;
font-weight: 300;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
margin: 0 !important
}
.html-parked .supplementary-content .list-parked-featured-services li h3:after {
content: '\00A0›';
color: #c94c08;
font-weight: 700
}
@media only screen and (min-width: 750px) {
.html-parked .supplementary-content .list-parked-featured-services ul {
border-left: 1px solid #d5d5d5
}
.html-parked .supplementary-content .list-parked-featured-services li {
float: left;
width: 50%;
margin: 0px !important;
margin: 0rem !important;
border-right: 1px solid #d5d5d5
}
.html-parked .supplementary-content .list-parked-featured-services li.item-odd {
clear: both
}
.html-parked .supplementary-content .list-parked-featured-services li.item-even {
float: right;
clear: right
}
.html-parked .supplementary-content .list-parked-featured-services li > a {
min-height: 300px;
min-height: 18.75rem;
padding: 48px !important;
padding: 3rem !important
}
.html-parked .supplementary-content .list-parked-featured-services li > a:before {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-parked .supplementary-content .list-parked-featured-services li h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
height: 96px;
overflow: hidden
}
}
@media only screen and (min-width: 1200px) {
.html-parked .supplementary-content .list-parked-featured-services ul {
border-left: 0
}
.html-parked .supplementary-content .list-parked-featured-services li.item-even {
border-right: 0
}
.html-parked .supplementary-content .list-parked-featured-services li > a {
padding: 48px 80px !important;
padding: 3rem 5rem !important
}
}
@media only screen and (min-width: 750px) {
.html-parked .supplementary-content .related-downloads header, .html-parked .supplementary-content .related-downloads .list-related-entities, .html-parked .supplementary-content .related-links header, .html-parked .supplementary-content .related-links .list-related-entities {
max-width: 800px;
margin: 0 auto
}
}
@media only screen and (min-width: 1200px) {
.html-parked .supplementary-content .related-downloads header, .html-parked .supplementary-content .related-downloads .list-related-entities, .html-parked .supplementary-content .related-links header, .html-parked .supplementary-content .related-links .list-related-entities {
max-width: 200%
}
.html-parked .supplementary-content .related-downloads {
background: #fff
}
.html-parked .supplementary-content .related-downloads .download-item-fancy {
border: 1px solid #ccc
}
.html-parked .supplementary-content .related-links {
color: #000;
background: #fafafa url(i/tesseract.svg) no-repeat 200% 50%;
background-size: 75%
}
.html-parked .supplementary-content .related-links li {
border-bottom-color: #d5d5d5 !important
}
.html-parked .supplementary-content .related-links a:hover, .html-parked .supplementary-content .related-links a:focus {
color: #000
}
}
.html-parked .parked-sidebar {
max-width: 800px;
margin: 0 auto;
padding: 24px 24px;
padding: 1.5rem 1.5rem;
background: url(i/world-map-gray.svg) no-repeat 50% 90%;
background-size: 90% auto
}
.html-parked .parked-sidebar:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 1200px) {
.html-parked .parked-sidebar {
float: left;
width: 360px;
padding: 48px 48px 220px;
padding: 3rem 3rem 13.75rem;
background-position: 50% 100%;
background-size: 120% auto
}
}
.html-parked .section-parked-contact {
float: left;
width: 100%;
padding: 12px 0px;
padding: .75rem 0rem
}
.html-parked .section-parked-contact a {
color: #c94c08
}
.html-parked .section-parked-contact a:hover, .html-parked .section-parked-contact a:focus {
text-decoration: underline
}
.html-parked .section-parked-contact h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.09091em !important;
margin-bottom: 10px;
margin-bottom: .625rem
}
.html-parked .section-parked-contact p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.57143em !important;
margin-bottom: 11px;
margin-bottom: .6875rem;
color: #707070
}
@media only screen and (min-width: 600px) {
.html-parked .section-parked-contact {
width: 50%
}
}
@media only screen and (min-width: 1200px) {
.html-parked .section-parked-contact {
width: 100%;
padding: 0px 0px 48px;
padding: 0rem 0rem 3rem
}
}
@media only screen and (min-width: 600px) {
.html-contact .tab-content {
padding-top: 48px;
padding-top: 3rem
}
}
.box-contact-address {
padding: 36px 0px 0px;
padding: 2.25rem 0rem 0rem;
width: auto
}
.box-contact-address:after {
content: '';
display: table;
clear: both
}
.box-contact-address p {
margin-bottom: 1.5em
}
.box-contact-address .org {
display: block;
font-weight: bold;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.box-contact-address .location-contact-option {
display: flex;
margin-bottom: 10px;
margin-bottom: .625rem
}
.box-contact-address .location-contact-option .value {
float: left
}
.box-contact-address .location-contact-option .ext {
float: left;
margin-left: .25rem
}
@media only screen and (min-width: 750px) {
.box-contact-address {
padding: 36px 24px;
padding: 2.25rem 1.5rem
}
}
@media only screen and (min-width: 750px) {
.box-contact-address {
padding: 80px 80px;
padding: 5rem 5rem
}
}
.box-contact-address.box-contact-address-icon {
position: relative;
border-top: 1px solid #ccc;
text-align: center
}
.box-contact-address.box-contact-address-icon .org {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1em !important
}
.wf-roboto-n7-active .box-contact-address.box-contact-address-icon .org {
text-rendering: optimizeLegibility
}
.box-contact-address.box-contact-address-icon:before {
content: ' ';
display: block;
width: 80px;
width: 5rem;
height: 85px;
height: 5.3125rem;
margin: 0 auto;
margin-bottom: 24px;
margin-bottom: 1.5rem;
background: url(i/icons/events/location.svg) no-repeat 50% 50%
}
@media only screen and (min-width: 750px) {
.box-contact-address.box-contact-address-icon:before {
position: absolute;
top: -42.5px;
top: -2.65625rem;
left: 50%;
margin: 0;
margin-left: -40px;
margin-left: -2.5rem
}
}
.map-and-address {
border-bottom: 1px solid #ccc;
padding-bottom: 24px;
padding-bottom: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.map-and-address:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.map-and-address .box-contact-map {
float: left;
width: 66.66666666%
}
.map-and-address .box-contact-address {
float: left;
width: 33.33333333%;
padding: 0px;
padding: 0rem
}
}
@media only screen and (min-width: 1200px) {
.map-and-address {
padding-bottom: 48px;
padding-bottom: 3rem;
margin-bottom: 48px;
margin-bottom: 3rem
}
.map-and-address .box-contact-address {
padding: 0px;
padding: 0rem
}
}
.list-contact-options-all-in-one .contact-option-group {
position: relative;
border: 1px solid #ccc;
text-align: center;
padding: 64px 24px 36px;
padding: 4rem 1.5rem 2.25rem;
margin: 64px 0px;
margin: 4rem 0rem
}
.list-contact-options-all-in-one .contact-option-group:before {
content: '';
position: absolute;
top: -40px;
left: 50%;
margin-left: -40px;
display: block;
width: 80px;
height: 85px;
background: #fff url(i/icons/events/language.svg) no-repeat 50% 50%
}
.list-contact-options-all-in-one .contact-option-group:after {
content: '';
display: table;
clear: both
}
.list-contact-options-all-in-one .contact-option-group a {
display: block;
color: #c94c08
}
.list-contact-options-all-in-one .contact-option-group a:hover, .list-contact-options-all-in-one .contact-option-group a:focus {
text-decoration: underline
}
.list-contact-options-all-in-one .contact-option-group h3:after {
content: '';
display: block;
width: 48px;
height: 0;
border-top: 2px solid #000;
margin: 0 auto;
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.list-contact-options-all-in-one .contact-group-options ul {
margin-bottom: 18px;
margin-bottom: 1.125rem
}
.list-contact-options-all-in-one .option-service-requests h3 {
font-size: 27px !important;
font-size: 1.6875rem !important;
line-height: 1.18519em !important;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
margin-bottom: 1.25rem
}
.list-contact-options-all-in-one .option-service-requests .contact-group-options ul {
margin: 0
}
.list-contact-options-all-in-one .option-service-requests .contact-group-options li {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.66667em !important;
margin-bottom: 18px;
margin-bottom: 1.125rem;
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.wf-roboto-n3-active .list-contact-options-all-in-one .option-service-requests .contact-group-options li {
text-rendering: optimizeLegibility;
font-weight: 300
}
.list-contact-options-all-in-one .option-other-requests h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 30px;
margin-bottom: 1.875rem
}
.list-contact-options-all-in-one .option-other-requests li {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
.list-contact-options-all-in-one .list-other-options > ul > li {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.list-contact-options-all-in-one .list-other-options .contact-group-options li {
margin-bottom: 6px;
margin-bottom: .375rem
}
.list-contact-options-all-in-one .list-other-options h4 {
display: block;
width: 100%;
text-align: center;
text-transform: none;
letter-spacing: 0;
margin-bottom: 8px;
margin-bottom: .5rem;
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.52381em !important;
font-weight: normal;
font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.wf-roboto-n3-active .list-contact-options-all-in-one .list-other-options h4 {
font-weight: 300;
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 750px) {
.list-contact-options-all-in-one .list-other-options > ul:after {
content: '';
display: table;
clear: both
}
.list-contact-options-all-in-one .list-other-options > ul > li {
float: left;
width: 47.5%
}
.list-contact-options-all-in-one .list-other-options > ul > li:nth-child(odd) {
clear: both
}
.list-contact-options-all-in-one .list-other-options > ul > li:nth-child(even) {
float: right
}
}
.select-wrapper.autocomplete::after {
content: unset !important
}
.select-wrapper .select-to-autocomplete {
background: transparent;
border: none;
font-size: 0.875rem !important;
padding: .375rem .75rem;
width: 100%;
height: 2.5rem
}
.ui-autocomplete:not(.typeahead) {
padding: 0;
list-style: none;
background-color: #e4e4e4;
width: 218px;
border: 1px solid #B0BECA;
max-height: 350px;
overflow-x: hidden;
z-index: 100
}
.ui-autocomplete:not(.typeahead) .ui-menu-item {
display: block;
font-size: 0.875rem;
cursor: pointer
}
.ui-autocomplete:not(.typeahead) .ui-menu-item:first-child {
border-top: none
}
.ui-autocomplete:not(.typeahead) .ui-menu-item .ui-menu-item-wrapper {
padding: 0 10px
}
.ui-autocomplete:not(.typeahead) .ui-menu-item .ui-state-active {
background-color: #ccc
}
.newsletter-teaser {
position: relative;
text-align: center;
color: #fff;
background: url(i/newsletter-teaser-bg.jpg) no-repeat 50% 50%;
background-size: cover
}
.newsletter-teaser:after {
content: '';
display: table;
clear: both
}
.main-content .newsletter-teaser {
margin: 0px -24px !important;
margin: 0rem -1.5rem !important
}
.newsletter-teaser .newsletter-header {
width: 100%;
padding: 48px 48px 0px;
padding: 3rem 3rem 0rem;
background: rgba(0, 0, 0, 0.75)
}
.newsletter-teaser .newsletter-header h3 {
padding-top: 72px;
padding-top: 4.5rem;
text-transform: uppercase;
font-weight: normal;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1em !important
}
.wf-robotocondensed-n4-active .newsletter-teaser .newsletter-header h3 {
text-rendering: optimizeLegibility
}
.newsletter-teaser .newsletter-header h3:before {
content: ' ';
position: relative;
display: block;
width: 40px;
width: 2.5rem;
height: 40px;
height: 2.5rem;
margin: -40px 0px 24px;
margin: -2.5rem 0rem 1.5rem;
margin-left: auto;
margin-right: auto;
background: url(i/icons/newsletter-teaser.svg) no-repeat 50% 50%;
background-size: 40px 40px
}
.newsletter-teaser .newsletter-teaser-content {
padding: 36px 36px;
padding: 2.25rem 2.25rem;
background: rgba(0, 0, 0, 0.75)
}
.newsletter-teaser .newsletter-teaser-content h4 {
font-weight: normal;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin-bottom: 12px;
margin-bottom: .75rem
}
.wf-robotocondensed-n4-active .newsletter-teaser .newsletter-teaser-content h4 {
text-rendering: optimizeLegibility
}
.newsletter-teaser .newsletter-teaser-content p, .newsletter-teaser .newsletter-teaser-content .list-checkbox {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.57143em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem;
color: rgba(255, 255, 255, 0.75)
}
.newsletter-teaser .newsletter-teaser-content fieldset {
margin: 0 !important
}
.newsletter-teaser .newsletter-teaser-content .field {
padding: 0 !important
}
.newsletter-teaser .newsletter-teaser-content .field-input-button label {
position: absolute;
left: -9999px;
overflow: hidden
}
.newsletter-teaser .newsletter-teaser-content .list-checkbox li {
margin-bottom: 6px;
margin-bottom: .375rem
}
.newsletter-teaser .newsletter-teaser-content .field-input-button-pair-wrapper, .newsletter-teaser .newsletter-teaser-content .input-text-wrapper, .newsletter-teaser .newsletter-teaser-content .buttons {
display: block !important
}
.newsletter-teaser .newsletter-teaser-content .input-text-wrapper {
margin-bottom: 12px;
margin-bottom: .75rem
}
.newsletter-teaser .newsletter-teaser-content .input-text {
font-size: 14px !important;
background: #fff !important
}
.newsletter-teaser .newsletter-teaser-content .input-text:focus {
background: #e4e4e4 !important
}
.newsletter-teaser .newsletter-teaser-content .button {
width: 100%;
margin-bottom: 0 !important;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
padding-left: 16px;
padding-left: 1rem;
padding-right: 16px;
padding-right: 1rem
}
@media only screen and (min-width: 600px) {
.newsletter-teaser .newsletter-header {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50%
}
.newsletter-teaser .newsletter-header h3 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.newsletter-teaser .newsletter-teaser-content {
float: right;
width: 50%;
padding: 80px 48px;
padding: 5rem 3rem;
background: none
}
}
@media only screen and (min-width: 1200px) {
.main-content .newsletter-teaser {
margin: 0px -80px !important;
margin: 0rem -5rem !important
}
.newsletter-teaser .newsletter-teaser-content .field-input-button-pair-wrapper {
display: table !important
}
.newsletter-teaser .newsletter-teaser-content .input-text-wrapper, .newsletter-teaser .newsletter-teaser-content .buttons {
display: table-cell !important
}
.newsletter-teaser .newsletter-teaser-content .input-text-wrapper {
margin-bottom: 0
}
.newsletter-teaser .newsletter-teaser-content .button {
width: auto
}
}
.newsletter-teaser-options .newsletter-teaser-content {
text-align: left
}
.service-online-store-button {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
@media only screen and (min-width: 1200px) {
.service-online-store-button {
padding-bottom: 48px;
padding-bottom: 3rem
}
}
.body-copy + .service-online-store-button {
padding: 0 !important
}
.service-online-store-button-description {
background: #e4e4e4;
width: 100%;
padding: 18px 24px 24px;
padding: 1.125rem 1.5rem 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.service-online-store-button-description .product-description {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
padding: 0px 0px 18px;
padding: 0rem 0rem 1.125rem
}
.service-online-store-button-description .buttons {
padding: 0
}
.service-online-store-button-description .buttons .button {
margin: 0
}
@media only screen and (min-width: 750px) {
.service-online-store-button-description {
padding: 24px 36px;
padding: 1.5rem 2.25rem;
margin-bottom: 48px;
margin-bottom: 3rem;
display: table
}
.service-online-store-button-description .product-description {
display: table-cell;
vertical-align: top;
width: 100%;
padding: 0px 18px 0px 0px;
padding: 0rem 1.125rem 0rem 0rem
}
.service-online-store-button-description .buttons {
display: table-cell;
vertical-align: top;
padding: 3px 0px;
padding: .1875rem 0rem
}
.service-online-store-button-description .buttons .button {
white-space: nowrap
}
}
.body-copy + .service-online-store-button-description {
margin-bottom: 0 !important
}
.service-online-store-form {
background: #ededed url(/css/i/store/store-module-background.png) no-repeat 0 50%;
clear: both;
width: auto !important;
position: relative;
padding: 24px 24px;
padding: 1.5rem 1.5rem
}
.body-content .service-online-store-form, .supplementary-content .service-online-store-form {
margin: 0px -24px;
margin: 0rem -1.5rem
}
.body-copy .service-online-store-form {
margin-top: 24px;
margin-top: 1.5rem
}
.body-copy .service-online-store-form + * {
margin-top: 24px;
margin-top: 1.5rem
}
.service-online-store-form + .related-contact, .service-online-store-form + #related-contact {
margin-top: 0 !important
}
.service-online-store-form .section-header h2 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important
}
.service-online-store-form .section-header .service-online-store-price {
border: 1px solid #ccc;
padding: 12px 24px 10px;
padding: .75rem 1.5rem .625rem;
margin-bottom: 12px;
margin-bottom: .75rem;
background: #fff;
text-align: center
}
.service-online-store-form .section-header .service-online-store-price .price-pre {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2.57143em !important;
vertical-align: baseline
}
.service-online-store-form .section-header .service-online-store-price .price-amount {
font-weight: bold;
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.service-online-store-form .section-header .service-online-store-description {
padding-bottom: 12px;
padding-bottom: .75rem
}
.service-online-store-form label {
font-weight: bold;
line-height: 18px !important;
line-height: 1.125rem !important
}
.service-online-store-form .select-wrapper, .service-online-store-form .input-text {
background: #fff;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.service-online-store-form .select-wrapper select {
height: 38px;
height: 2.375rem
}
.service-online-store-form .select-wrapper:after {
top: 17px;
top: 1.0625rem
}
.service-online-store-form .form-service-store .field-bar {
width: 100%;
margin-bottom: 0
}
.service-online-store-form .form-service-store .buttons {
clear: both
}
@media only screen and (min-width: 450px) {
.service-online-store-form .section-header .service-online-store-price {
float: right;
margin: 0px 0px 12px 24px;
margin: 0rem 0rem .75rem 1.5rem
}
}
@media only screen and (min-width: 600px) {
.service-online-store-form .form-service-store:after {
content: '';
display: table;
clear: both
}
.service-online-store-form .form-service-store .field-bar {
float: left;
width: auto;
margin-bottom: 0
}
.service-online-store-form .form-service-store .field-bar .field {
padding-right: .5em !important
}
.service-online-store-form .form-service-store .field-bar .field-service-type {
min-width: 260px
}
.service-online-store-form .form-service-store .field-bar.field-bar-3 {
display: block;
width: 100%
}
.service-online-store-form .form-service-store .field-bar.field-bar-3 .field:last-child {
padding-right: 0 !important
}
.service-online-store-form .form-service-store .field-bar.field-bar-4-plus {
display: block;
width: 100%
}
.service-online-store-form .form-service-store .field-bar.field-bar-4-plus:after {
content: '';
display: table;
clear: both
}
.service-online-store-form .form-service-store .field-bar.field-bar-4-plus .field {
clear: none !important;
float: left !important;
width: 50% !important
}
.service-online-store-form .form-service-store .buttons {
float: left;
clear: none;
margin: 24px 0px 0px 0px;
margin: 1.5rem 0rem 0rem 0rem
}
.service-online-store-form .form-service-store .field-bar-3 + .buttons {
padding-top: 0;
margin: 0px;
margin: 0rem
}
.service-online-store-form .form-service-store .field-bar-3 + .buttons .button {
min-width: 140px;
min-width: 8.75rem
}
.service-online-store-form .form-service-store .field-bar-4-plus + .buttons {
margin: 0px;
margin: 0rem
}
}
@media only screen and (min-width: 750px) {
.service-online-store-form .section-header {
padding-bottom: 12px;
padding-bottom: .75rem
}
.service-online-store-form .section-header:after {
content: '';
display: table;
clear: both
}
.service-online-store-form .section-header h2 {
float: left
}
.service-online-store-form .section-header .service-online-store-price {
float: right;
margin: 0;
border: 0;
background: none;
padding: 0
}
.service-online-store-form .section-header .service-online-store-description {
clear: both;
width: 80%
}
.service-online-store-form .form-service-store .field-bar-3 + .buttons {
float: right
}
}
@media only screen and (min-width: 1200px) {
.service-online-store-form {
padding: 48px 80px;
padding: 3rem 5rem
}
.body-content .service-online-store-form, .supplementary-content .service-online-store-form {
margin: 0px -80px;
margin: 0rem -5rem
}
.body-copy .service-online-store-form {
margin-top: 48px;
margin-top: 3rem
}
.body-copy .service-online-store-form + * {
margin-top: 48px;
margin-top: 3rem
}
}
.banner {
position: relative;
text-align: center;
padding: 36px 24px;
padding: 2.25rem 1.5rem
}
.banner .banner-header, .banner .banner-content, .banner .banner-image {
max-width: 500px;
max-width: 31.25rem;
margin: 0 auto
}
.banner .banner-header {
margin-bottom: 12px;
margin-bottom: .75rem
}
.banner .banner-header h3 {
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important
}
.banner p.cta {
margin-top: 24px;
margin-top: 1.5rem
}
.banner.banner-style-1 {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover
}
.banner.banner-style-1:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.25)
}
.banner.banner-style-1 .banner-header, .banner.banner-style-1 .banner-content {
position: relative;
z-index: 2;
margin: 0 auto
}
.banner.banner-style-1 .banner-header {
margin-bottom: 12px;
margin-bottom: .75rem
}
.banner.banner-style-1 h3, .banner.banner-style-1 p {
color: #fff
}
.banner.banner-style-2 .banner-image {
padding: 0px 24px;
padding: 0rem 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.banner {
padding: 48px;
padding: 3rem
}
.banner.banner-style-2 {
text-align: left;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 48px 2fr;
grid-template-columns:1fr 2fr;
grid-column-gap: 48px
}
.banner.banner-style-2 .banner-image {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1 / span 2;
padding: 0;
display: flex;
align-items: center;
margin: 0
}
.banner.banner-style-2 .banner-header, .banner.banner-style-2 .banner-content {
max-width: none;
-ms-grid-column: 3
}
.banner.banner-style-2 .banner-header {
-ms-grid-row: 1;
display: flex;
align-items: flex-end;
margin: 0px 0px 12px;
margin: 0rem 0rem .75rem
}
.banner.banner-style-2 .banner-content {
-ms-grid-row: 2;
margin: 0
}
}
@media only screen and (min-width: 1000px) {
.banner.banner-style-2 {
padding: 64px 144px;
padding: 4rem 9rem;
grid-column-gap: 72px
}
}
.related-promo-2019 {
margin: 0px -24px;
margin: 0rem -1.5rem
}
.related-promo-2019 .list-container {
display: flex;
flex-direction: column
}
.related-promo-2019 a {
position: relative;
background: #575757;
display: block;
overflow: hidden;
margin-top: 1px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
cursor: pointer
}
.related-promo-2019 a .inner {
background: #f2f2f2;
padding: 30px;
padding: 1.875rem;
margin: 24px;
margin: 1.5rem;
margin-right: 20%;
position: relative;
z-index: 10
}
.related-promo-2019 a .type {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.25em !important;
text-transform: uppercase;
font-weight: bold;
color: #959595
}
.related-promo-2019 a h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin: 0;
font-weight: bold
}
.related-promo-2019 a .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.related-promo-2019 a .image img {
min-height: 100%;
min-width: 100%;
width: auto !important
}
@media only screen and (min-width: 600px) {
.related-promo-2019 a .inner {
margin: 40px;
margin: 2.5rem;
margin-right: 30%
}
.related-promo-2019 .column-one a .inner {
margin: 50px 50px 50px 24px;
margin: 3.125rem 3.125rem 3.125rem 1.5rem;
margin-right: 25%
}
}
@media only screen and (min-width: 750px) {
.related-promo-2019 .list-container {
flex-direction: row;
flex-wrap: wrap
}
.related-promo-2019 a {
border-left: 1px solid #f2f2f2;
margin: 0
}
.related-promo-2019 a:first-child {
border-left: 0
}
.related-promo-2019 .column-two a, .related-promo-2019 .column-four a {
width: 50%
}
.related-promo-2019 .column-two a .inner, .related-promo-2019 .column-four a .inner {
margin: 40px 40px 40px 0px;
margin: 2.5rem 2.5rem 2.5rem 0rem;
padding: 24px 40px;
padding: 1.5rem 2.5rem
}
.related-promo-2019 .column-four a {
border-top: 1px solid #f2f2f2
}
.related-promo-2019 .column-four a:nth-child(3n) {
border-left: 0
}
}
@media only screen and (min-width: 1000px) {
.related-promo-2019 .column-one a .inner {
margin: 100px;
margin: 6.25rem;
margin-right: 25%;
padding: 40px;
padding: 2.5rem
}
.related-promo-2019 .column-three a {
width: 33.333333%
}
.related-promo-2019 .column-three a .inner {
margin: 30px 30px 30px 0px;
margin: 1.875rem 1.875rem 1.875rem 0rem
}
.related-promo-2019 .column-two a .inner, .related-promo-2019 .column-four a .inner {
margin: 40px 40px 40px 0px;
margin: 2.5rem 2.5rem 2.5rem 0rem;
margin-right: 25%
}
}
@media only screen and (min-width: 1200px) {
.related-promo-2019 {
margin: 0
}
.related-promo-2019 a .inner {
margin: 50px 50px 50px 0px !important;
margin: 3.125rem 3.125rem 3.125rem 0rem !important;
margin-right: 20% !important;
padding: 40px 80px !important;
padding: 2.5rem 5rem !important
}
.related-promo-2019 .column-one a .inner {
margin: 80px !important;
margin: 5rem !important;
margin-right: 35% !important;
padding: 60px 80px !important;
padding: 3.75rem 5rem !important
}
.related-promo-2019 .column-three a .inner {
padding: 40px !important;
padding: 2.5rem !important
}
}
.related-services-2019 {
background: #e2e2e2 url("i/our-services-background.jpg") no-repeat top left;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px 24px 0px;
padding: 1.5rem 1.5rem 0rem
}
.related-services-2019 header h2 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.related-services-2019 footer {
padding: 24px 0px;
padding: 1.5rem 0rem
}
.related-services-2019 footer a {
color: #c94c08;
text-decoration: underline
}
.related-services-2019 footer a:before {
content: "< "
}
.related-services-2019 .links {
margin-top: 24px;
margin-top: 1.5rem
}
.related-services-2019 .links a {
display: block;
background: #fff;
border-bottom: 1px solid #e4e4e4;
color: #555;
font-weight: normal;
margin: 0px -24px;
margin: 0rem -1.5rem;
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.33333em !important;
padding: 14px 62px 14px 24px;
padding: .875rem 3.875rem .875rem 1.5rem;
box-shadow: inset 5px 0 0 #faa61a;
background-repeat: no-repeat;
background-position: right 26px center;
background-image: url("i/arrows/arrow-14px-right-grey.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.related-services-2019 .links a {
background-image: url("i/arrows/arrow-14px-right-grey@2x.png") !important;
background-size: 8px 14px !important
}
}
@media only screen and (min-width: 600px) {
.related-services-2019 {
padding: 40px;
padding: 2.5rem
}
.related-services-2019 footer {
padding-bottom: 0;
font-weight: bold
}
}
@media only screen and (min-width: 750px) {
.related-services-2019 .links {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns:repeat(2, 1fr);
-ms-grid-rows: 1fr;
grid-gap: 10px;
grid-auto-rows: 1fr
}
}
@media only screen and (min-width: 750px) and (-ms-high-contrast: active) {
.related-services-2019 .links li {
padding-top: 10px
}
.related-services-2019 .links li:nth-child(2n+1) {
padding-right: 10px
}
.related-services-2019 .links li:nth-child(1n) {
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(2n) {
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(3n) {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(4n) {
-ms-grid-row: 2;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(5n) {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(6n) {
-ms-grid-row: 3;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(7n) {
-ms-grid-row: 4;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(8n) {
-ms-grid-row: 4;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(9n) {
-ms-grid-row: 5;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(10n) {
-ms-grid-row: 5;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(11n) {
-ms-grid-row: 6;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(12n) {
-ms-grid-row: 6;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(13n) {
-ms-grid-row: 7;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(14n) {
-ms-grid-row: 7;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(15n) {
-ms-grid-row: 8;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(16n) {
-ms-grid-row: 8;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(17n) {
-ms-grid-row: 9;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(18n) {
-ms-grid-row: 9;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(19n) {
-ms-grid-row: 10;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(20n) {
-ms-grid-row: 10;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(21n) {
-ms-grid-row: 11;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(22n) {
-ms-grid-row: 11;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(23n) {
-ms-grid-row: 12;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(24n) {
-ms-grid-row: 12;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(25n) {
-ms-grid-row: 13;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(26n) {
-ms-grid-row: 13;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(27n) {
-ms-grid-row: 14;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(28n) {
-ms-grid-row: 14;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(29n) {
-ms-grid-row: 15;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(30n) {
-ms-grid-row: 15;
-ms-grid-column: 2
}
}
@media only screen and (min-width: 750px) {
.related-services-2019 .links a {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
flex-direction: column;
justify-content: center;
margin: 0;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
padding: 12px 62px 12px 24px;
padding: .75rem 3.875rem .75rem 1.5rem;
height: 100%;
transition: all .2s ease-in-out;
width: auto !important
}
@supports (-ms-ime-align: auto) {
.related-services-2019 .links a {
transition: none
}
}.related-services-2019 .links a span {
align-content: center
}
.related-services-2019 .links a:hover {
background-position: right 16px center;
box-shadow: inset 5px 0 0 #9e9e9e
}
}
@media only screen and (min-width: 1000px) {
.related-services-2019 {
padding: 40px;
padding: 2.5rem
}
.related-services-2019 header h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.26667em !important
}
.related-services-2019 .links {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns:repeat(3, 1fr);
-ms-grid-rows: 1fr;
grid-gap: 10px;
grid-auto-rows: 1fr
}
}
@media only screen and (min-width: 1000px) and (-ms-high-contrast: active) {
.related-services-2019 .links li {
padding-right: 0 !important
}
.related-services-2019 .links li:nth-child(3n+1), .related-services-2019 .links li:nth-child(3n+2) {
padding-right: 10px !important
}
.related-services-2019 .links li:nth-child(1n) {
-ms-grid-row: 1;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(2n) {
-ms-grid-row: 1;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(3n) {
-ms-grid-row: 1;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(4n) {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(5n) {
-ms-grid-row: 2;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(6n) {
-ms-grid-row: 2;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(7n) {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(8n) {
-ms-grid-row: 3;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(9n) {
-ms-grid-row: 3;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(10n) {
-ms-grid-row: 4;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(11n) {
-ms-grid-row: 4;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(12n) {
-ms-grid-row: 4;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(13n) {
-ms-grid-row: 5;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(14n) {
-ms-grid-row: 5;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(15n) {
-ms-grid-row: 5;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(16n) {
-ms-grid-row: 6;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(17n) {
-ms-grid-row: 6;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(18n) {
-ms-grid-row: 6;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(19n) {
-ms-grid-row: 7;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(20n) {
-ms-grid-row: 7;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(21n) {
-ms-grid-row: 7;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(22n) {
-ms-grid-row: 8;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(23n) {
-ms-grid-row: 8;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(24n) {
-ms-grid-row: 8;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(25n) {
-ms-grid-row: 9;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(26n) {
-ms-grid-row: 9;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(27n) {
-ms-grid-row: 9;
-ms-grid-column: 3
}
.related-services-2019 .links li:nth-child(28n) {
-ms-grid-row: 10;
-ms-grid-column: 1
}
.related-services-2019 .links li:nth-child(29n) {
-ms-grid-row: 10;
-ms-grid-column: 2
}
.related-services-2019 .links li:nth-child(30n) {
-ms-grid-row: 10;
-ms-grid-column: 3
}
}
@media only screen and (min-width: 1200px) {
.related-services-2019 {
margin: 0;
padding: 60px 80px;
padding: 3.75rem 5rem
}
}
.related-links-2019 {
background: #f2f2f2 url("i/tesseract-light.svg") no-repeat left -60vw center;
background-size: auto 60%;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px;
padding: 1.5rem
}
.related-links-2019 header h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important
}
.related-links-2019 a {
border-bottom: 1px solid #ccc;
display: block;
padding: 24px 0px 12px;
padding: 1.5rem 0rem .75rem;
padding-right: 40px;
padding-right: 2.5rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
position: relative;
color: #111
}
.related-links-2019 a:before {
content: "";
display: block;
position: absolute;
bottom: 19px;
bottom: 1.1875rem;
right: 0;
width: 8px;
width: .5rem;
height: 14px;
height: .875rem;
background: url("i/arrows/arrow-14px-right-orange.png") no-repeat 0 0;
background-size: 8px 14px !important
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.related-links-2019 a:before {
background-image: url("i/arrows/arrow-14px-right-orange@2x.png") !important;
background-size: 8px 14px !important
}
}
.related-links-2019 a:first-child {
margin-top: 0
}
.related-links-2019 a:hover {
color: #c94c08
}
.related-links-2019 a.link-external:after {
display: none
}
@media only screen and (min-width: 600px) {
.related-links-2019 {
background-size: auto 80%;
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 750px) {
.related-links-2019 {
background-size: auto 90%;
background-position: -40vw center
}
.related-links-2019 a {
margin-top: 24px;
margin-top: 1.5rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.55556em !important
}
}
@media only screen and (min-width: 1000px) {
.related-links-2019 {
padding: 40px;
padding: 2.5rem;
display: flex;
background-size: auto 100%
}
.related-links-2019 header {
width: 33.333333%
}
.related-links-2019 header h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.26667em !important
}
.related-links-2019 .list-related-links {
width: 66.666666%;
padding-left: 40px;
padding-left: 2.5rem
}
.related-links-2019 .list-related-links li:first-child a {
padding-top: 0
}
}
@media only screen and (min-width: 1200px) {
.related-links-2019 {
padding: 60px 80px;
padding: 3.75rem 5rem;
background-size: auto 105%;
background-position: -60% center;
margin: 0
}
}
.related-news-events-2019 {
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px;
padding: 1.5rem;
background: #fff
}
@media only screen and (min-width: 1000px) {
.related-news-events-2019.related-news-events-2019-theme-v2 {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.related-news-events-2019.related-news-events-2019-theme-v2 header {
width: 33.333333%
}
.related-news-events-2019.related-news-events-2019-theme-v2 .featured-entities {
width: 66.666666%;
padding-left: 40px;
padding-left: 2.5rem
}
.related-news-events-2019.related-news-events-2019-theme-v2 .featured-entities.featured-entities-one .inner-one {
width: 100%
}
.related-news-events-2019.related-news-events-2019-theme-v2 .featured-entities.featured-entities-one .featured-entity {
padding-left: 0;
padding-right: 0
}
.related-news-events-2019.related-news-events-2019-theme-v2 .featured-entities.featured-entities-two .inner-one {
width: 50%
}
.related-news-events-2019.related-news-events-2019-theme-v2 .featured-entities.featured-entities-two .inner-two {
width: 100%
}
}
.related-news-events-2019 header h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.related-news-events-2019 .featured-entity {
padding: 0px 0px 24px;
padding: 0rem 0rem 1.5rem
}
.related-news-events-2019 .featured-entity h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.27273em !important;
margin: 12px 0px;
margin: .75rem 0rem;
font-weight: normal;
color: #c94c08;
width: 100%
}
.related-news-events-2019 .featured-entity .topic, .related-news-events-2019 .featured-entity .date-day-month-year, .related-news-events-2019 .featured-entity .location {
color: #3e3e3e
}
.related-news-events-2019 .featured-entity .topic {
margin-bottom: 12px;
margin-bottom: .75rem
}
.related-news-events-2019 .featured-entity .abstract {
color: #3e3e3e
}
.related-news-events-2019 .button {
margin: -12px 0px 36px;
margin: -.75rem 0rem 2.25rem
}
.related-news-events-2019 .inner:last-child > .button {
margin-bottom: 12px
}
@media only screen and (min-width: 600px) {
.related-news-events-2019 {
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 750px) {
.related-news-events-2019 .inner {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
flex-wrap: wrap
}
.related-news-events-2019 .inner-one .featured-entity {
width: 100%
}
.related-news-events-2019 .featured-entity {
display: block
}
.related-news-events-2019 .featured-entity:first-child {
padding-right: 24px;
padding-right: 1.5rem
}
.related-news-events-2019 .featured-entities-three .button {
margin-right: 50%;
margin-top: 0
}
}
@media only screen and (min-width: 1000px) {
.related-news-events-2019 {
padding: 40px;
padding: 2.5rem
}
.related-news-events-2019 header h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.26667em !important
}
.related-news-events-2019 .featured-entities {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
margin: 0px -12px;
margin: 0rem -.75rem
}
.related-news-events-2019 .featured-entities .inner-one {
width: 33.333333%
}
.related-news-events-2019 .featured-entities .inner-two {
width: 66.666666%
}
.related-news-events-2019 .inner-three .featured-entity {
width: 33.333333%
}
.related-news-events-2019 .featured-entity {
padding: 0px 12px 24px !important;
padding: 0rem .75rem 1.5rem !important
}
.related-news-events-2019 .featured-entity h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important;
margin: 18px 0px;
margin: 1.125rem 0rem
}
.related-news-events-2019 .inner > .button {
margin: 0px 0px 0px 12px !important;
margin: 0rem 0rem 0rem .75rem !important;
align-self: flex-end
}
}
@media only screen and (min-width: 1200px) {
.related-news-events-2019 {
padding: 60px 80px;
padding: 3.75rem 5rem;
margin: 0
}
}
.related-downloads-2019 {
background: #f2f2f2;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1000px) {
.related-downloads-2019.related-downloads-2019-theme-v2 {
display: flex
}
.related-downloads-2019.related-downloads-2019-theme-v2 header {
width: 33.333333%
}
.related-downloads-2019.related-downloads-2019-theme-v2 .list-related-downloads-2019 {
width: 66.666666%;
padding-left: 40px;
padding-left: 2.5rem
}
.related-downloads-2019.related-downloads-2019-theme-v2 .list-related-downloads-2019 li {
width: 100% !important
}
}
.related-downloads-2019 header h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.related-downloads-2019 footer {
margin-top: 24px;
margin-top: 1.5rem;
text-align: center
}
.related-downloads-2019 .related-downloads-filter {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.related-downloads-2019 .related-downloads-filter ol {
display: flex;
flex-wrap: wrap
}
.related-downloads-2019 .related-downloads-filter li {
margin: 0px 6px 6px 0px;
margin: 0rem .375rem .375rem 0rem
}
.related-downloads-2019 .related-downloads-filter a {
display: block;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.42857em !important;
padding: 5px 15px;
padding: .3125rem .9375rem;
border: 2px solid #ddd;
font-weight: bold;
text-transform: uppercase
}
.related-downloads-2019 .related-downloads-filter li:hover a {
background: #ccc;
border: 2px solid #ccc;
color: #363636
}
.related-downloads-2019 .related-downloads-filter .active a {
background: #575757 !important;
border: 2px solid #575757 !important;
color: #fff !important
}
.related-downloads-2019 .list-related-downloads-2019 {
width: 100%
}
.related-downloads-2019 .list-related-downloads-2019 li {
margin: 10px 0px 0px;
margin: .625rem 0rem 0rem
}
.related-downloads-2019 .list-related-downloads-2019 li:first-child {
margin-top: 0
}
@media only screen and (min-width: 600px) {
.related-downloads-2019 {
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 750px) {
.related-downloads-2019 {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.related-downloads-2019 .related-downloads-filter {
margin: -2px -6px 24px 0px;
margin: -.125rem -.375rem 1.5rem 0rem
}
.related-downloads-2019 .related-downloads-filter ol {
justify-content: flex-end
}
.related-downloads-2019 .list-related-downloads-filter, .related-downloads-2019 footer {
width: 100%
}
}
@media only screen and (min-width: 1000px) {
.related-downloads-2019 header h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.26667em !important
}
.related-downloads-2019 .list-related-downloads-2019 ul {
display: flex;
flex-wrap: wrap;
width: 101%;
margin-left: -.5%
}
.related-downloads-2019 .list-related-downloads-2019 li {
width: 49%;
margin: .5% !important
}
.related-downloads-2019 footer {
text-align: left
}
}
@media only screen and (min-width: 1200px) {
.related-downloads-2019 {
margin: 0;
padding: 60px 80px;
padding: 3.75rem 5rem
}
}
.download-item-2019 a {
background: #fff;
padding: 24px 24px 24px 80px;
padding: 1.5rem 1.5rem 1.5rem 5rem;
position: relative;
display: flex;
align-items: center
}
.download-item-2019 .metadata {
margin-bottom: 6px;
margin-bottom: .375rem
}
.download-item-2019 .metadata:before {
content: "";
display: block;
width: 32px;
width: 2rem;
height: 32px;
height: 2rem;
background: url("i/icons/cloud-gray.png") no-repeat center center;
background-size: 32px 32px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 24px;
left: 1.5rem
}
.download-item-2019 .metadata span {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.42857em !important;
color: #616261
}
.download-item-2019 .metadata .pipe {
color: #ddd
}
.download-item-2019 h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.27273em !important;
text-transform: none;
font-weight: normal;
margin-bottom: 0;
color: #3B3B3B
}
.academy-enhancement-2019 {
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px;
padding: 1.5rem;
background: #363636;
position: relative;
overflow: hidden
}
.academy-enhancement-2019:before, .academy-enhancement-2019:after {
content: "";
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 300px;
height: 18.75rem
}
.academy-enhancement-2019:before {
background: url("i/academy-enhancement.jpg") top center;
background-size: cover;
z-index: 1
}
.academy-enhancement-2019:after {
background-image: -webkit-linear-gradient(0deg, #363636 0%, rgba(54, 54, 54, 0.5) 100%);
background-image: -moz-linear-gradient(0deg, #363636 0%, rgba(54, 54, 54, 0.5) 100%);
background-image: -ms-linear-gradient(0deg, #363636 0%, rgba(54, 54, 54, 0.5) 100%);
background-image: -o-linear-gradient(0deg, #363636 0%, rgba(54, 54, 54, 0.5) 100%);
background-image: linear-gradient(0deg, #363636 0%, rgba(54, 54, 54, 0.5) 100%);
z-index: 2
}
.academy-enhancement-2019 header, .academy-enhancement-2019 .inner-content, .academy-enhancement-2019 .location-select {
position: relative;
z-index: 10
}
.academy-enhancement-2019 header h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
color: #fff;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.academy-enhancement-2019 .inner-content .intro {
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-weight: 500
}
.academy-enhancement-2019 .inner-content .intro p {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.4em !important
}
.academy-enhancement-2019 .inner-content p {
color: #f2f2f2;
margin-bottom: 12px;
margin-bottom: .75rem
}
.academy-enhancement-2019 .inner-content p:last-child {
margin: 0
}
.academy-enhancement-2019 .location-select {
background: #575757;
padding: 24px;
padding: 1.5rem;
margin-top: 24px;
margin-top: 1.5rem
}
.academy-enhancement-2019 .location-select h3 {
color: #f2f2f2;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.3em !important;
text-transform: none
}
.academy-enhancement-2019 .location-select ul {
display: flex;
flex-wrap: wrap;
width: 101%;
position: relative;
margin-left: -.5%
}
.academy-enhancement-2019 .location-select li {
width: 50%;
padding: .5%
}
.academy-enhancement-2019 .location-select a {
border: 1px solid #777;
display: block;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.25em !important;
color: #fff;
text-align: center;
padding: 6px;
padding: .375rem;
font-weight: bold;
transition: .3s ease-in-out
}
.academy-enhancement-2019 .location-select a:hover {
background: #656565
}
@media only screen and (min-width: 600px) {
.academy-enhancement-2019 {
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 750px) {
.academy-enhancement-2019 .location-select li {
width: 33.333333%
}
}
@media only screen and (min-width: 1000px) {
.academy-enhancement-2019:before, .academy-enhancement-2019:after {
height: 400px;
height: 25rem
}
.academy-enhancement-2019 header h3 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.26667em !important
}
.academy-enhancement-2019 .inner-content {
padding-left: calc(33.333333% + 40px)
}
.academy-enhancement-2019 .inner-content .intro {
float: left;
width: calc(20px + 50%);
margin-left: calc(-60px - 50%);
position: relative
}
.academy-enhancement-2019 .inner-content .intro:after {
content: "";
display: block;
width: 150px;
width: 9.375rem;
height: 5px;
height: .3125rem;
background: #fff;
margin-top: 24px;
margin-top: 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.academy-enhancement-2019 {
margin: 0;
padding: 60px 80px;
padding: 3.75rem 5rem
}
.academy-enhancement-2019:before, .academy-enhancement-2019:after {
height: 500px;
height: 31.25rem
}
.academy-enhancement-2019 .location-select {
margin-top: 40px;
margin-top: 2.5rem
}
.academy-enhancement-2019 .location-select li {
width: 25%
}
}
.html-report-2018 .logo-campaign {
text-transform: uppercase;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.html-report-2018 .logo-campaign a {
display: block;
color: #000;
font-weight: bold
}
.html-report-2018 .header {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
z-index: 2998 !important;
height: 56px;
height: 3.5rem
}
.html-report-2018 #main-nav-toggler {
position: fixed;
z-index: 3000 !important
}
.html-report-2018 .header .grid {
-webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
position: fixed;
z-index: 1000;
width: 100%;
height: 56px;
height: 3.5rem
}
.html-report-2018 .header .grid > .logo-campaign {
float: left;
margin-left: 64px;
margin-left: 4rem
}
.html-report-2018 .header .grid > .logo-campaign a {
padding: 17px 24px 15px;
padding: 1.0625rem 1.5rem .9375rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .header {
height: 72px;
height: 4.5rem
}
.html-report-2018 .logo {
width: 120px;
padding: 10px 16px 9px;
padding: .625rem 1rem .5625rem;
background-position: 24px 16px;
background-size: auto 36px !important;
overflow: hidden
}
.html-report-2018 .header .grid {
height: 72px;
height: 4.5rem;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.html-report-2018 .header .grid > .logo-campaign {
display: none
}
.html-report-2018 .columns .col-50 {
width: 47.5%;
margin-left: 5%
}
.html-report-2018 .columns .col-50:first-child, .html-report-2018 .columns .col-50:nth-child(2n+1) {
clear: both;
margin-left: 0
}
}
.html-report-2018.html-modal .skipper {
display: none
}
.html-report-2018 .main-navigation-bar {
display: none;
position: absolute;
top: 56px;
top: 3.5rem;
right: 0;
padding: 12px 0px;
padding: .75rem 0rem;
background: #363636
}
.html-report-2018 .main-navigation-bar a {
display: block;
padding: 12px 24px;
padding: .75rem 1.5rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
color: #fff
}
.html-report-2018 .main-navigation-bar li.current a {
color: #c94c08;
background: #000
}
.html-report-2018 .main-navigation-bar.visible, .html-report-2018 .main-navigation-bar:target {
display: block
}
.html-report-2018 .main-navigation-bar li.logo-campaign {
display: none
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .main-navigation-bar {
position: static;
top: auto;
right: auto;
float: left;
display: inline;
padding: 0;
padding-right: 24px;
padding-right: 1.5rem;
background: #fff
}
.html-report-2018 .main-navigation-bar ul {
overflow: auto
}
.html-report-2018 .main-navigation-bar li {
float: left;
margin-bottom: -5px;
padding: 4px 0px;
padding: .25rem 0rem;
-webkit-transition: border-color 0.3s ease;
-moz-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
-o-transition: border-color 0.3s ease;
transition: border-color 0.3s ease
}
.html-report-2018 .main-navigation-bar li a {
color: #000;
padding: 20px 16px;
padding: 1.25rem 1rem;
border-bottom: 5px solid transparent
}
.html-report-2018 .main-navigation-bar li.current a {
color: #000;
border-bottom-color: #c94c08;
background: none
}
.html-report-2018 .main-navigation-bar li.logo-campaign {
display: inline
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section {
padding-bottom: 144px;
padding-bottom: 9rem
}
}
.html-report-2018 .media-parallax {
position: relative;
width: 100%;
height: 0;
padding-top: 50%;
overflow: hidden
}
.html-report-2018 .media-parallax video, .html-report-2018 .media-parallax img {
display: block;
position: absolute;
top: auto;
bottom: -10%;
left: 0;
width: 100%
}
.html-report-2018 .media-parallax video {
display: none
}
.html-report-2018 .media-parallax img {
min-height: 100%
}
.html-report-2018 .media-parallax img.mobile-fallback {
display: block
}
.html-report-2018 .section-header {
text-align: center
}
.html-report-2018 .section-header.section-header-image .section-intro {
background: #fff;
text-align: left;
position: relative;
padding: 24px;
padding: 1.5rem;
margin: -24px 24px 0px;
margin: -1.5rem 1.5rem 0rem
}
.html-report-2018 .section-header.section-header-image .section-intro p {
margin-top: 30px;
margin-top: 1.875rem
}
.html-report-2018 .section-header.section-header-image .section-intro p:first-child {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25em !important;
margin-top: 0
}
@media only screen and (min-width: 750px) {
.html-report-2018 .section-header.section-header-image .section-intro {
padding: 48px;
padding: 3rem
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-header.section-header-image {
position: relative
}
.html-report-2018 .section-header.section-header-image .section-intro {
position: absolute;
width: 60%;
right: 80px;
right: 5rem;
bottom: -48px;
bottom: -3rem;
padding: 80px;
padding: 5rem;
margin: 0
}
.html-report-2018 .section-header.section-header-image .section-intro h2 {
color: #000;
margin-bottom: 32px;
margin-bottom: 2rem
}
.html-report-2018 .section-header.section-header-image.animation-ready .media-parallax, .html-report-2018 .section-header.section-header-image.animation-ready .section-intro {
opacity: 0
}
.html-report-2018 .section-header.section-header-image.animation-ready .section-intro {
right: 160px;
right: 10rem
}
.html-report-2018 .section-header.section-header-image.activate-animation .media-parallax, .html-report-2018 .section-header.section-header-image.activate-animation .section-intro {
opacity: 1;
-webkit-transition: opacity 0.75s linear, right 0.75s linear;
-moz-transition: opacity 0.75s linear, right 0.75s linear;
-ms-transition: opacity 0.75s linear, right 0.75s linear;
-o-transition: opacity 0.75s linear, right 0.75s linear;
transition: opacity 0.75s linear, right 0.75s linear
}
.html-report-2018 .section-header.section-header-image.activate-animation .section-intro {
right: 80px;
right: 5rem
}
}
.html-report-2018 .section-body {
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-body {
padding: 80px 80px 0px;
padding: 5rem 5rem 0rem
}
}
.html-report-2018 .section-hero {
position: relative;
text-align: center;
color: #fff;
background: #177185;
background-image: -webkit-linear-gradient(top, #177185 0, #244853 50%);
background-image: -moz-linear-gradient(top, #177185 0, #244853 50%);
background-image: -ms-linear-gradient(top, #177185 0, #244853 50%);
background-image: -o-linear-gradient(top, #177185 0, #244853 50%);
background-image: linear-gradient(top, #177185 0, #244853 50%);
padding-bottom: 0
}
.html-report-2018 .section-hero .hero-text {
margin: 0 auto;
padding: 24px;
padding: 1.5rem;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.html-report-2018 .section-hero .hero-text.animation-ready {
opacity: 0
}
.html-report-2018 .section-hero .hero-text.activate-animation {
opacity: 1;
-webkit-transition: opacity 0.75s ease-in;
-moz-transition: opacity 0.75s ease-in;
-ms-transition: opacity 0.75s ease-in;
-o-transition: opacity 0.75s ease-in;
transition: opacity 0.75s ease-in
}
.html-report-2018 .section-hero .link-more-scroll {
display: block;
position: static;
bottom: auto;
left: auto;
width: 50%;
margin: 0 auto;
margin-top: 40px;
margin-top: 2.5rem
}
.html-report-2018 .section-hero .link-more-scroll a {
color: #fff;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: normal;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
display: inline-block;
padding-bottom: 42px;
padding-bottom: 2.625rem;
background: url(i/icons/arrow-down.png) no-repeat 50% 100%;
background-size: 50px 50px
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.html-report-2018 .section-hero .link-more-scroll a {
background-image: url("i/icons/arrow-down-@2x.png") !important;
background-size: 50px 50px !important
}
}
.html-report-2018 .section-hero .buttons {
padding-top: 24px;
padding-top: 1.5rem
}
.html-report-2018 .section-hero .media-parallax {
background: #f2f2f2
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-hero .hero-text {
width: 75%;
padding: 80px 0px 40px;
padding: 5rem 0rem 2.5rem
}
.html-report-2018 .section-hero video {
display: block
}
.html-report-2018 .section-hero img.mobile-fallback {
display: none
}
}
.html-report-2018 .section-letter {
clear: both;
background: #f2f2f2
}
.html-report-2018 .section-letter .person-quote img {
display: block;
margin: 0 auto;
width: auto;
height: auto
}
.html-report-2018 .section-letter .person-quote blockquote {
padding: 100px 24px 0px;
padding: 6.25rem 1.5rem 0rem;
border-top: 1px solid #ccc
}
.html-report-2018 .section-letter .section-header {
padding-top: 36px;
padding-top: 2.25rem
}
.html-report-2018 .section-letter .section-body {
border-top: 1px solid #ccc;
padding: 24px;
padding: 1.5rem
}
.html-report-2018 .section-letter .section-body p {
margin-bottom: 1.5em
}
.html-report-2018 .section-letter .section-body p a {
color: #c94c08
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-letter .person-quote {
overflow: hidden;
position: relative
}
.html-report-2018 .section-letter .person-quote img {
float: left;
width: 50%
}
.html-report-2018 .section-letter .person-quote blockquote {
position: absolute;
left: 50%;
top: 50%;
width: 50%;
padding: 0px 80px;
padding: 0rem 5rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border: 0
}
.html-report-2018 .section-letter .person-quote.animation-ready {
opacity: 0
}
.html-report-2018 .section-letter .person-quote.activate-animation {
opacity: 1;
-webkit-transition: opacity 0.75s ease-in;
-moz-transition: opacity 0.75s ease-in;
-ms-transition: opacity 0.75s ease-in;
-o-transition: opacity 0.75s ease-in;
transition: opacity 0.75s ease-in
}
.html-report-2018 .section-letter .section-header {
padding-top: 100px;
padding-top: 6.25rem
}
.html-report-2018 .section-letter .section-body {
padding: 100px 80px 0px;
padding: 6.25rem 5rem 0rem
}
}
.html-report-2018 .section-highlights {
background: #f2f2f2;
padding: 0
}
.html-report-2018 .section-highlights .section-body {
background: #f2f2f2
}
.html-report-2018 .section-highlights .section-body h2 strong {
display: block
}
@media only screen and (min-width: 750px) {
.html-report-2018 .section-highlights .section-body {
padding: 24px 80px;
padding: 1.5rem 5rem
}
.html-report-2018 .section-highlights .section-body h2 {
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.05556em !important
}
.html-report-2018 .section-highlights .section-body .col-50 {
float: left;
width: 47.5%
}
}
@media only screen and (min-width: 1000px) {
.html-report-2018 .section-highlights .section-body h2 {
font-size: 40px !important;
font-size: 2.5rem !important;
line-height: 1.05em !important
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-highlights .section-body {
padding: 100px 80px;
padding: 6.25rem 5rem
}
.html-report-2018 .section-highlights .section-body h2 {
font-size: 48px !important;
font-size: 3rem !important;
line-height: 1.04167em !important
}
}
.html-report-2018 .campaign-carousel-slider {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none
}
.html-report-2018 .campaign-carousel-slider .bx-controls {
margin-top: 12px;
margin-top: .75rem
}
.html-report-2018 .campaign-carousel-slider .bx-controls-direction a {
z-index: 1000 !important;
top: 0;
bottom: 0;
background-color: #f2f2f2;
width: 48px;
height: 100%
}
.html-report-2018 .campaign-carousel-slider .bx-controls-direction a.bx-prev {
left: -24px;
background-position: -48px 29px
}
.html-report-2018 .campaign-carousel-slider .bx-controls-direction a.bx-next {
right: -24px;
background-position: -2px 29px
}
.html-report-2018 .campaign-carousel-slider .bx-pager {
display: block;
text-align: center;
padding: 24px 0px;
padding: 1.5rem 0rem;
line-height: 12px
}
.html-report-2018 .campaign-carousel-slider .bx-pager .bx-pager-item {
display: inline-block;
padding: 0px 12px;
padding: 0rem .75rem
}
.html-report-2018 .campaign-carousel-slider .bx-pager .bx-pager-link {
display: block;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #b5b5b5;
text-indent: -9999px;
overflow: hidden
}
.html-report-2018 .campaign-carousel-slider .bx-pager .bx-pager-link:hover, .html-report-2018 .campaign-carousel-slider .bx-pager .bx-pager-link:focus {
background: #464646
}
.html-report-2018 .campaign-carousel-slider .bx-pager .bx-pager-link.active {
background: #c94c08
}
.html-report-2018 .campaign-carousel-slider .carousel-slide {
padding: 0px 24px;
padding: 0rem 1.5rem
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-text .main-title {
display: block;
width: 100%
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-text a {
color: #c94c08
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-image {
padding: 24px 0px 0px;
padding: 1.5rem 0rem 0rem
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-image img {
display: block;
width: 100%
}
@media only screen and (min-width: 450px) {
.html-report-2018 .campaign-carousel-slider .bx-pager {
display: block;
line-height: 16px
}
.html-report-2018 .campaign-carousel-slider .bx-pager .bx-pager-link {
width: 16px;
height: 16px
}
}
@media only screen and (min-width: 750px) {
.html-report-2018 .campaign-carousel-slider .bx-controls-direction a {
width: 50px;
height: auto
}
.html-report-2018 .campaign-carousel-slider .bx-controls-direction a.bx-prev {
left: -64px;
background-position: -50px 50%
}
.html-report-2018 .campaign-carousel-slider .bx-controls-direction a.bx-next {
right: -64px;
background-position: 0 50%
}
.html-report-2018 .campaign-carousel-slider .carousel-slide {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 24px 1fr;
grid-template-columns:repeat(2, 1fr);
grid-column-gap: 24px
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .col-50:first-child {
-ms-grid-column: 1
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .col-50:last-child {
-ms-grid-column: 3
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .col-50 {
-ms-grid-row: 1;
padding: 0;
margin: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .col-50 h2, .html-report-2018 .campaign-carousel-slider .carousel-slide .col-50 p {
width: 100%
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-text {
padding: 48px 24px 0px 0px;
padding: 3rem 1.5rem 0rem 0rem
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-image {
padding: 0px 0px 0px 24px;
padding: 0rem 0rem 0rem 1.5rem
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-text {
padding: 80px 80px 24px 0px;
padding: 5rem 5rem 1.5rem 0rem
}
.html-report-2018 .campaign-carousel-slider .carousel-slide .slider-image {
padding: 0px 0px 0px 48px;
padding: 0rem 0rem 0rem 3rem
}
}
.html-report-2018 .section-at-a-glance {
background: #f2f2f2
}
.html-report-2018 .section-at-a-glance .section-header {
background: #c94c08
}
.html-report-2018 .section-at-a-glance .list-key-numbers {
color: #fff;
background-color: #c94c08;
background-repeat: repeat;
background-position: 50% 50%;
text-align: center
}
.html-report-2018 .section-at-a-glance .list-key-numbers ul {
padding: 36px 24px 48px;
padding: 2.25rem 1.5rem 3rem
}
.html-report-2018 .section-at-a-glance .list-key-numbers li {
text-transform: uppercase;
margin-top: 24px;
margin-top: 1.5rem
}
.html-report-2018 .section-at-a-glance .list-key-numbers li:first-child {
margin-top: 0
}
.html-report-2018 .section-at-a-glance .list-key-numbers strong {
display: block
}
.html-report-2018 .section-at-a-glance .list-key-numbers li > span {
display: block
}
.html-report-2018 .section-at-a-glance .list-key-numbers li > span.animation-ready {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0
}
.html-report-2018 .section-at-a-glance .list-key-numbers li > span.activate-animation {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: opacity 0.75s ease-in, transform 0.75s ease-in;
-moz-transition: opacity 0.75s ease-in, transform 0.75s ease-in;
-ms-transition: opacity 0.75s ease-in, transform 0.75s ease-in;
-o-transition: opacity 0.75s ease-in, transform 0.75s ease-in;
transition: opacity 0.75s ease-in, transform 0.75s ease-in
}
.html-report-2018 .section-at-a-glance .subsection {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-report-2018 .section-at-a-glance .subsection img {
display: block;
width: 100%
}
.html-report-2018 .section-at-a-glance .subsection .section-intro {
background: #fff;
padding: 24px 24px 1px;
padding: 1.5rem 1.5rem .0625rem
}
.html-report-2018 .section-at-a-glance .subsection .section-intro p {
margin-bottom: 1.5em
}
.html-report-2018 .section-at-a-glance .subsection .section-intro a {
color: #c94c08
}
.html-report-2018 .section-at-a-glance .read-more {
text-align: center
}
@media only screen and (min-width: 750px) {
.html-report-2018 .section-at-a-glance .subsection {
clear: both;
overflow: auto;
margin-bottom: 72px;
margin-bottom: 4.5rem
}
.html-report-2018 .section-at-a-glance .subsection img {
width: 70%;
z-index: 50
}
.html-report-2018 .section-at-a-glance .subsection .section-intro {
width: 55%;
padding: 36px 36px 12px;
padding: 2.25rem 2.25rem .75rem;
z-index: 100
}
.html-report-2018 .section-at-a-glance .subsection.animation-ready {
opacity: 0
}
.html-report-2018 .section-at-a-glance .subsection.activate-animation {
opacity: 1;
-webkit-transition: opacity 0.75s ease-in;
-moz-transition: opacity 0.75s ease-in;
-ms-transition: opacity 0.75s ease-in;
-o-transition: opacity 0.75s ease-in;
transition: opacity 0.75s ease-in
}
.html-report-2018 .section-at-a-glance .subsection-float-left img {
float: left
}
.html-report-2018 .section-at-a-glance .subsection-float-left .section-intro {
float: left;
margin-left: -25%
}
.html-report-2018 .section-at-a-glance .subsection-float-right img {
float: right
}
.html-report-2018 .section-at-a-glance .subsection-float-right .section-intro {
float: right;
margin-right: -25%
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-at-a-glance .list-key-numbers ul {
overflow: auto;
padding: 120px 80px 80px;
padding: 7.5rem 5rem 5rem
}
.html-report-2018 .section-at-a-glance .list-key-numbers li {
float: left;
width: 33.33333333%;
padding: 40px 12px;
padding: 2.5rem .75rem;
margin: 0 !important;
border-left: 2px solid rgba(255, 255, 255, 0.5)
}
.html-report-2018 .section-at-a-glance .list-key-numbers li:first-child {
border-left: none
}
.html-report-2018 .section-at-a-glance .section-body {
padding: 80px 80px 0px;
padding: 5rem 5rem 0rem
}
.html-report-2018 .section-at-a-glance .subsection .section-intro {
padding: 80px 60px 60px;
padding: 5rem 3.75rem 3.75rem
}
}
.html-report-2018 .section-trends .section-header h2 {
color: #000
}
.html-report-2018 .section-trends .section-header .section-intro {
background: #f2f2f2
}
@media only screen and (max-width: 1199px) {
.html-report-2018 .section-trends .accordion-columns .col-33 + .col-66 {
padding-left: 0
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-trends .section-body .accordion {
padding: 0;
margin: 0
}
}
.html-report-2018 .section-business-model {
padding: 0
}
.html-report-2018 .section-business-model .section-header {
background-color: #00688f
}
.html-report-2018 .section-business-model .section-body {
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% auto;
background-color: #00688f;
padding-top: 36px;
padding-top: 2.25rem;
padding-bottom: 50%
}
.html-report-2018 .section-business-model .list-business-model li {
border-bottom: 6px solid #fff;
text-transform: uppercase;
letter-spacing: .05em;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.html-report-2018 .section-business-model .list-business-model li:first-child {
border-top: 6px solid #fff
}
.html-report-2018 .section-business-model .list-business-model li a {
display: block;
color: #fff;
padding: 72px 0px;
padding: 4.5rem 0rem;
background-repeat: no-repeat !important;
background-position: 0 50%;
background-size: 64px auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.html-report-2018 .section-business-model .list-business-model li a .icon {
float: left;
width: 64px;
height: 64px;
margin-right: 36px;
margin-top: -20px
}
.html-report-2018 .section-business-model .list-business-model li a .icon svg {
width: 100%
}
.html-report-2018 .section-business-model .list-business-model li a path, .html-report-2018 .section-business-model .list-business-model li a rect, .html-report-2018 .section-business-model .list-business-model li a polygon, .html-report-2018 .section-business-model .list-business-model li a circle {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.html-report-2018 .section-business-model .list-business-model li a:hover, .html-report-2018 .section-business-model .list-business-model li a:focus {
text-decoration: underline
}
@media only screen and (min-width: 600px) {
.html-report-2018 .section-business-model .list-business-model ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 24px 1fr;
grid-template-columns:repeat(2, 1fr);
grid-column-gap: 24px
}
.html-report-2018 .section-business-model .list-business-model li {
padding: 0
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 3
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 3
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(-n+2) {
border-top: 6px solid #fff
}
.html-report-2018 .section-business-model .list-business-model li a {
display: flex;
height: 100%;
padding: 54px 0px;
padding: 3.375rem 0rem;
align-items: center
}
.html-report-2018 .section-business-model .list-business-model li a .icon {
margin-top: 0
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-business-model .section-body {
padding-top: 180px;
padding-top: 11.25rem
}
.html-report-2018 .section-business-model .list-business-model ul {
-ms-grid-columns: 1fr 36px 1fr 36px 1fr;
grid-template-columns:repeat(3, 1fr);
grid-column-gap: 36px
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 3
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 5
}
.html-report-2018 .section-business-model .list-business-model li:nth-child(-n+3) {
border-top: 6px solid #fff
}
}
.html-report-2018 .section-downloads {
background: #f2f2f2;
padding-bottom: 0
}
.html-report-2018 .section-downloads .button-primary:hover, .html-report-2018 .section-downloads .button-primary:focus {
color: #c94c08 !important;
border-color: #c94c08 !important;
background: #fff !important
}
.html-report-2018 .section-downloads .button-primary.button-ghost:hover, .html-report-2018 .section-downloads .button-primary.button-ghost:focus {
color: #fff !important;
border-color: #c94c08 !important;
background: #c94c08 !important
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-downloads .section-body {
padding: 80px 160px 0px;
padding: 5rem 10rem 0rem
}
.html-report-2018 .section-downloads .download-item-fancy {
margin-bottom: 48px;
margin-bottom: 3rem
}
.html-report-2018 .section-downloads .download-item-fancy .box-content {
padding-top: 48px;
padding-top: 3rem
}
.html-report-2018 .section-downloads .download-item-fancy h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.38462em !important
}
}
.html-report-2018 .links-prev-next a {
outline: 0;
bottom: 0;
width: 50px;
height: 100px;
text-indent: -9999px;
overflow: hidden;
z-index: 9999;
cursor: pointer;
background-size: 100px 50px;
background: url(i/icons/arrows-prev-next.png) no-repeat 0 0;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease
}
.html-report-2018 .links-prev-next a:hover, .html-report-2018 .links-prev-next a:focus {
background-image: url(i/icons/arrows-prev-next-orange.png)
}
.html-report-2018 .links-prev-next .link-prev {
float: left;
background-position: -50px 50%
}
.html-report-2018 .links-prev-next .link-next {
float: right;
background-position: 0 50%
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .links-prev-next a {
position: absolute;
top: 50%;
bottom: auto;
margin-top: -50px
}
.html-report-2018 .links-prev-next .link-prev {
left: 12px
}
.html-report-2018 .links-prev-next .link-next {
right: 12px
}
}
.html-report-2018 .section-video {
overflow: hidden
}
.html-report-2018 .section-video .subsection {
clear: both;
overflow: auto
}
.html-report-2018 .section-video .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.html-report-2018 .section-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.html-report-2018 .section-video .subsection:last-child {
margin-bottom: 0
}
.html-report-2018 .section-video .section-intro {
background: #fff;
padding: 24px;
padding: 1.5rem;
padding-bottom: 24px !important;
padding-bottom: 1.5rem !important
}
.html-report-2018 .section-video .section-intro p {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.html-report-2018 .section-video .section-intro > :last-child {
margin-bottom: 0 !important
}
.html-report-2018 .section-video.section-video-inline {
padding: 24px;
padding: 1.5rem;
position: relative
}
@media only screen and (min-width: 750px) {
.html-report-2018 .section-video.section-video-inline .video {
width: 45%
}
.html-report-2018 .section-video.section-video-inline .section-intro {
padding: 36px;
padding: 2.25rem;
width: 55%;
z-index: 100;
position: relative
}
.html-report-2018 .section-video.section-video-inline .subsection-float-left .video {
float: left
}
.html-report-2018 .section-video.section-video-inline .subsection-float-left .section-intro {
float: left;
margin-left: 0
}
.html-report-2018 .section-video.section-video-inline .subsection-float-right .video {
float: right
}
.html-report-2018 .section-video.section-video-inline .subsection-float-right .section-intro {
float: right;
margin-right: 0
}
}
@media only screen and (min-width: 1000px) {
.html-report-2018 .section-video.section-video-inline .section-intro {
width: 55%;
padding-bottom: 36px !important;
padding-bottom: 2.25rem !important
}
.html-report-2018 .section-video.section-video-inline .subsection-float-left .section-intro {
padding: 36px 72px 36px 36px;
padding: 2.25rem 4.5rem 2.25rem 2.25rem
}
.html-report-2018 .section-video.section-video-inline .subsection-float-left .video {
right: 24px;
right: 1.5rem
}
.html-report-2018 .section-video.section-video-inline .subsection-float-right .section-intro {
padding: 36px 36px 36px 72px;
padding: 2.25rem 2.25rem 2.25rem 4.5rem
}
.html-report-2018 .section-video.section-video-inline .subsection-float-right .video {
left: 24px;
left: 1.5rem
}
.html-report-2018 .section-video.section-video-inline .video {
width: calc(45% + 14px);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 101
}
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section-video.section-video-inline {
padding: 80px;
padding: 5rem
}
.html-report-2018 .section-video.section-video-inline .section-intro {
padding: 80px;
padding: 5rem;
padding-bottom: 80px !important;
padding-bottom: 5rem !important;
width: 70%
}
.html-report-2018 .section-video.section-video-inline .subsection-float-left .section-intro {
padding: 80px 120px 80px 80px;
padding: 5rem 7.5rem 5rem 5rem
}
.html-report-2018 .section-video.section-video-inline .subsection-float-left .video {
right: 80px;
right: 5rem
}
.html-report-2018 .section-video.section-video-inline .subsection-float-right .section-intro {
padding: 80px 80px 80px 120px;
padding: 5rem 5rem 5rem 7.5rem
}
.html-report-2018 .section-video.section-video-inline .subsection-float-right .video {
left: 80px;
left: 5rem
}
.html-report-2018 .section-video.section-video-inline .video {
width: 400px;
width: 25rem
}
}
.html-report-2018 .section-video.section-video-light {
background: #f2f2f2
}
.html-report-2018 .section-video.section-video-light .section-intro {
background: #fff
}
.html-report-2018 .section-video.section-video-dark {
background: #333
}
@media only screen and (min-width: 1200px) {
.html-report-2018 .section .section-body + .section-video {
margin-top: 80px;
margin-top: 5rem
}
.html-report-2018 .section .section-video:last-child {
margin-bottom: -144px;
margin-bottom: -9rem
}
.html-report-2018 #carousel.section .section-video:last-child {
margin-bottom: 0px;
margin-bottom: 0rem
}
.html-report-2018 .section-business-model .section-video {
margin-top: 0 !important;
margin-bottom: 0 !important
}
}
.html-report-2018 .page-header-category {
line-height: normal !important
}
.hero-landing-2019 {
position: relative;
padding: 0;
margin: 0px -24px;
margin: 0rem -1.5rem;
background: #fff
}
@media only screen and (min-width: 750px) {
.hero-landing-2019 {
padding: 80px 0px 0px;
padding: 5rem 0rem 0rem
}
}
@media only screen and (min-width: 1200px) {
.hero-landing-2019 {
margin: 0px -80px;
margin: 0rem -5rem
}
}
.hero-landing-2019-content {
position: relative;
z-index: 10;
background: #fff;
padding: 24px 24px 1px;
padding: 1.5rem 1.5rem .0625rem
}
@media only screen and (min-width: 750px) {
.hero-landing-2019-content {
width: 66%;
padding: 48px 80px 1px;
padding: 3rem 5rem .0625rem
}
}
.hero-landing-2019-content .breadcrumbs {
position: relative;
max-width: 100%;
margin-bottom: 12px;
margin-bottom: .75rem;
padding: 0
}
.hero-landing-2019-content .breadcrumbs .current {
font-weight: normal
}
.hero-landing-2019-content .page-header, .hero-landing-2019-content .intro {
padding: 0;
margin-bottom: 16px;
margin-bottom: 1rem
}
.hero-landing-2019-content .intro p {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.4em !important;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.hero-landing-2019-content .page-header:after {
display: none
}
.hero-landing-2019-content:before {
content: "";
width: 10px;
position: absolute;
top: 42px;
top: 2.625rem;
left: -10px;
bottom: 24px;
bottom: 1.5rem;
background: #faa61a
}
.hero-landing-2019-image {
overflow: hidden;
background: #363636
}
.hero-landing-2019-image img {
object-fit: cover;
object-position: center;
height: 100%;
width: 100%
}
@media only screen and (min-width: 750px) {
.hero-landing-2019-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
z-index: 1
}
}
.hero-landing-2019-tiles {
width: 100%
}
@media only screen and (min-width: 1200px) {
.hero-landing-2019-tiles {
position: absolute
}
}
.hero-landing-2019-tiles-container {
background: #fff;
z-index: 1
}
@media only screen and (min-width: 750px) {
.hero-landing-2019-tiles-container {
position: absolute;
bottom: 0;
right: 0;
width: 34%
}
}
.hero-landing-2019-tiles-container-1 {
display: block;
height: auto
}
.hero-landing-2019-tile {
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.hero-landing-2019-tile .tile-title {
color: #000;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.33333em !important;
margin: 0px 0px 6px;
margin: 0rem 0rem .375rem;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.hero-landing-2019-tile .tile-abstract {
color: #000;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
margin: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.hero-landing-2019-tile .button {
background: #fff;
color: #363636;
border: 0;
margin: 12px 0px 0px;
margin: .75rem 0rem 0rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2em !important;
margin: 0px 0px 24px;
margin: 0rem 0rem 1.5rem;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.hero-landing-2019-tile-super-promo {
padding: 36px 24px 18px;
padding: 2.25rem 1.5rem 1.125rem;
background: #c94c08;
text-align: center
}
.hero-landing-2019-tile-super-promo .tile-title {
color: #f2f2f2
}
.hero-landing-2019-tile-super-promo .tile-abstract {
color: rgba(242, 242, 242, 0.9)
}
.hero-landing-2019-tile-super-promo .button {
background: #fff;
color: #363636
}
.hero-landing-2019-tile-super-promo:hover, .hero-landing-2019-tile-super-promo:focus {
background: #e4e4e4
}
.hero-landing-2019-tile-super-promo:hover .tile-title, .hero-landing-2019-tile-super-promo:focus .tile-title {
color: #000
}
.hero-landing-2019-tile-super-promo:hover .tile-abstract, .hero-landing-2019-tile-super-promo:focus .tile-abstract {
color: #000
}
.hero-landing-2019-tile-super-promo:hover .button, .hero-landing-2019-tile-super-promo:focus .button {
color: #fff;
background: #c94c08
}
@media only screen and (min-width: 1200px) {
.hero-landing-2019-tile-super-promo {
padding: 48px 80px 36px 48px;
padding: 3rem 5rem 2.25rem 3rem;
text-align: left
}
}
.grid-tiles-2019 {
display: flex;
flex-flow: row wrap
}
.grid-tiles-2019:after {
content: '';
display: table;
clear: both
}
.grid-tiles-2019 > .tile-2019 {
width: 100%;
overflow: visible;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.grid-tiles-2019 > .tile-2019 {
flex: 1 1 0%;
flex-basis: 0%;
display: flex;
flex-direction: column;
height: 100%
}
@media only screen and (min-width: 1200px) {
.grid-tiles-2019 > .tile-2019 {
margin-bottom: 48px;
margin-bottom: 3rem
}
}
@supports (display: grid) {
.grid-tiles-2019 {
display: grid;
grid-template-columns:minmax(0, 1fr);
grid-column-gap: 36px;
grid-row-gap: 36px
}
.grid-tiles-2019:after {
content: none
}
.grid-tiles-2019 > .tile-2019 {
width: 100% !important;
margin: 0 !important
}
}
@media only screen and (min-width: 600px) and (max-width: 749px) {
.grid-tiles-2019-columns-phablet-2 > .tile-2019 {
float: left;
width: 47.5%;
min-width: 47.5%;
margin-left: 5%
}
.grid-tiles-2019-columns-phablet-2 > .tile-2019:nth-child(odd) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-phablet-2 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)
}
}.grid-tiles-2019-columns-phablet-3 > .tile-2019 {
float: left;
width: 30%;
min-width: 30%;
margin-left: 5%
}
.grid-tiles-2019-columns-phablet-3 > .tile-2019:nth-child(3n+1) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-phablet-3 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}
}.grid-tiles-2019-columns-phablet-4 > .tile-2019 {
float: left;
width: 21.25%;
min-width: 21.25%;
margin-left: 5%
}
.grid-tiles-2019-columns-phablet-4 > .tile-2019:nth-child(4n+1) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-phablet-4 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}
}
}
@media only screen and (min-width: 750px) and (max-width: 1199px) {
.grid-tiles-2019-columns-tablet-2 > .tile-2019 {
float: left;
width: 47.5%;
min-width: 47.5%;
margin-left: 5%
}
.grid-tiles-2019-columns-tablet-2 > .tile-2019:nth-child(odd) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-tablet-2 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)
}
}.grid-tiles-2019-columns-tablet-3 > .tile-2019 {
float: left;
width: 30%;
min-width: 30%;
margin-left: 5%
}
.grid-tiles-2019-columns-tablet-3 > .tile-2019:nth-child(3n+1) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-tablet-3 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}
}.grid-tiles-2019-columns-tablet-4 > .tile-2019 {
float: left;
width: 21.25%;
min-width: 21.25%;
margin-left: 5%
}
.grid-tiles-2019-columns-tablet-4 > .tile-2019:nth-child(4n+1) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-tablet-4 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}
}
}
@media only screen and (min-width: 1200px) {
.grid-tiles-2019-columns-desktop-2 > .tile-2019 {
float: left;
width: 47.5%;
min-width: 47.5%;
margin-left: 5%
}
.grid-tiles-2019-columns-desktop-2 > .tile-2019:nth-child(odd) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-desktop-2 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)
}
}.grid-tiles-2019-columns-desktop-3 > .tile-2019 {
float: left;
width: 30%;
min-width: 30%;
margin-left: 5%
}
.grid-tiles-2019-columns-desktop-3 > .tile-2019:nth-child(3n+1) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-desktop-3 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}
}.grid-tiles-2019-columns-desktop-4 > .tile-2019 {
float: left;
width: 21.25%;
min-width: 21.25%;
margin-left: 5%
}
.grid-tiles-2019-columns-desktop-4 > .tile-2019:nth-child(4n+1) {
clear: both;
margin-left: 0
}
@supports (display: grid) {
.grid-tiles-2019-columns-desktop-4 {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}
}
}
.tile-2019 {
background: transparent;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.tile-2019 a.link-card {
display: block
}
.tile-2019 a.link-card:after {
content: '';
display: table;
clear: both
}
.tile-2019 figure {
position: relative;
float: left;
width: 100%;
height: 175px;
overflow: hidden;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
background-size: cover !important;
background: #000
}
.tile-2019 figure img {
visibility: hidden
}
@supports (object: fit) {
.tile-2019 figure img {
visibility: visible !important;
object-position: 50% 50%;
object-fit: cover;
min-width: 100%
}
}
.tile-2019 .card-content {
float: left;
width: 100%;
position: relative;
padding: 24px;
padding: 1.5rem
}
.tile-2019 .card-content .card-title {
text-transform: uppercase;
letter-spacing: .015em;
font-weight: normal;
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.14286em !important;
margin: 0;
margin-bottom: 12px;
margin-bottom: .75rem;
color: #000;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
text-transform: none
}
.wf-robotocondensed-n3-active .tile-2019 .card-content .card-title {
font-weight: 300;
text-rendering: optimizeLegibility
}
.tile-2019 .card-content .card-title.card-title-meta {
text-transform: uppercase
}
.wf-robotocondensed-n7-active .tile-2019 .card-content .card-title.card-title-meta {
text-rendering: optimizeLegibility;
font-weight: bold
}
.tile-2019 .card-content .metadata, .tile-2019 .card-content .abstract {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
opacity: .75;
color: #000;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.tile-2019 .card-content .metadata {
margin: 12px 0px;
margin: .75rem 0rem
}
.tile-2019 .card-content .metadata .type, .tile-2019 .card-content .metadata .topic {
display: inline-block
}
.tile-2019 .card-content:before {
content: ' ';
width: 0;
height: 0;
border: 10px solid #fff;
position: absolute;
z-index: 3;
opacity: 1;
border-color: transparent transparent #fff transparent;
top: -18px;
left: 50%;
margin-left: -10px
}
.tile-2019 a:hover h3, .tile-2019 a:focus h3 {
color: #c94c08
}
.tile-2019 a:hover img, .tile-2019 a:hover .metadata, .tile-2019 a:hover .abstract, .tile-2019 a:focus img, .tile-2019 a:focus .metadata, .tile-2019 a:focus .abstract {
opacity: 1
}
@media only screen and (min-width: 1200px) {
.tile-2019 .card-content .card-title {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important
}
}
.tile-2019-bordered {
-webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
-moz-box-shadow: inset 0 0 0 1px #e4e4e4;
-ms-box-shadow: inset 0 0 0 1px #e4e4e4;
-o-box-shadow: inset 0 0 0 1px #e4e4e4;
box-shadow: inset 0 0 0 1px #e4e4e4;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.tile-2019-thumbnail .card-content h3 {
margin-bottom: 12px
}
.tile-2019-thumbnail-small .card-content {
padding-left: 0;
padding-right: 0;
padding-top: 18px;
padding-top: 1.125rem
}
.tile-2019-thumbnail-small .card-content:before {
content: none
}
.tile-2019-thumbnail-small .card-content h3 {
font-size: 21px !important;
font-size: 1.3125rem !important;
line-height: 1.14286em !important;
font-weight: normal;
margin-bottom: 4px
}
.tile-2019-thumbnail-small .card-content .metadata {
position: absolute;
top: -187.5px;
left: 0;
opacity: 1 !important
}
.tile-2019-thumbnail-small .card-content .metadata .tag {
color: #fff;
background: #c94c08;
display: inline-block;
padding: 0 10px;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 2em !important;
text-transform: uppercase;
letter-spacing: .05em
}
.tile-2019-thumbnail-small .card-content .card-caption {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
color: #666
}
.tile-2019-thumbnail-small .card-content .card-caption:last-child {
margin-bottom: 0
}
.tile-2019-links {
background: #f2f2f2
}
.tile-2019-links:first-child, .tile-2019-links:nth-child(9), .tile-2019-links:nth-child(13) {
color: #fff;
background: #c94c08
}
.tile-2019-links:first-child .card-title, .tile-2019-links:first-child p, .tile-2019-links:first-child li, .tile-2019-links:first-child a, .tile-2019-links:nth-child(9) .card-title, .tile-2019-links:nth-child(9) p, .tile-2019-links:nth-child(9) li, .tile-2019-links:nth-child(9) a, .tile-2019-links:nth-child(13) .card-title, .tile-2019-links:nth-child(13) p, .tile-2019-links:nth-child(13) li, .tile-2019-links:nth-child(13) a {
color: #fff
}
.tile-2019-links:first-child .card-links-list:before, .tile-2019-links:nth-child(9) .card-links-list:before, .tile-2019-links:nth-child(13) .card-links-list:before {
background: #fff
}
.tile-2019-links:nth-child(even) {
background: #f2f2f2
}
.tile-2019-links:nth-child(even) .card-links-list:before {
background: #c94c08
}
.tile-2019-links:nth-child(3), .tile-2019-links:nth-child(7), .tile-2019-links:nth-child(15) {
color: #fff;
background: #000
}
.tile-2019-links:nth-child(3) .card-title, .tile-2019-links:nth-child(3) p, .tile-2019-links:nth-child(3) li, .tile-2019-links:nth-child(3) a, .tile-2019-links:nth-child(7) .card-title, .tile-2019-links:nth-child(7) p, .tile-2019-links:nth-child(7) li, .tile-2019-links:nth-child(7) a, .tile-2019-links:nth-child(15) .card-title, .tile-2019-links:nth-child(15) p, .tile-2019-links:nth-child(15) li, .tile-2019-links:nth-child(15) a {
color: #fff
}
.tile-2019-links:nth-child(3) .card-links-list:before, .tile-2019-links:nth-child(7) .card-links-list:before, .tile-2019-links:nth-child(15) .card-links-list:before {
background: #fff
}
.tile-2019-links:nth-child(5), .tile-2019-links:nth-child(11) {
color: #000;
background: #fff;
-webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
-moz-box-shadow: inset 0 0 0 1px #e4e4e4;
-ms-box-shadow: inset 0 0 0 1px #e4e4e4;
-o-box-shadow: inset 0 0 0 1px #e4e4e4;
box-shadow: inset 0 0 0 1px #e4e4e4
}
.tile-2019-links:nth-child(5) .card-links-list:before, .tile-2019-links:nth-child(11) .card-links-list:before {
background: #c94c08
}
.tile-2019-links .card-content {
background: transparent
}
.tile-2019-links .card-content:before {
content: none
}
.tile-2019-links .card-links-list {
margin-top: 18px;
padding-top: 24px;
position: relative
}
.tile-2019-links .card-links-list:before {
content: '';
display: block;
width: 48px;
height: 2px;
position: absolute;
top: 0;
left: 0;
background: #fff
}
.tile-2019-links .card-links-list-item {
margin: 0px 0px 12px;
margin: 0rem 0rem .75rem
}
.tile-2019-links .card-links-list-item a {
text-decoration: none
}
.tile-2019-links .card-links-list-item a:hover, .tile-2019-links .card-links-list-item a:focus {
text-decoration: underline
}
.html-press-room-2019 .body-content-landing-2019 {
padding-top: 0;
max-width: 100%
}
@media only screen and (min-width: 1200px) {
.html-press-room-2019 .body-content-landing-2019 {
padding-bottom: 0
}
}
.html-press-room-2019 .tabs-theme-large-2019 .tab-content-highlights {
padding-bottom: 0 !important
}
.html-press-room-2019 .featured-entity {
padding: 0;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
@media only screen and (max-width: 1199px) {
.html-press-room-2019 .featured-entity .inner {
padding: 0px 24px 18px;
padding: 0rem 1.5rem 1.125rem;
-webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
-moz-box-shadow: inset 0 0 0 1px #e4e4e4;
-ms-box-shadow: inset 0 0 0 1px #e4e4e4;
-o-box-shadow: inset 0 0 0 1px #e4e4e4;
box-shadow: inset 0 0 0 1px #e4e4e4
}
}
.html-press-room-2019 .section-featured-numbers {
clear: both
}
@media only screen and (max-width: 1200px) {
.html-press-room-2019 .section-featured-numbers {
margin: 0px -24px -24px;
margin: 0rem -1.5rem -1.5rem
}
.html-press-room-2019 .section-featured-numbers .more-link {
padding-bottom: 48px;
padding-bottom: 3rem
}
}
.press-room-highlights {
padding-bottom: 24px;
padding-bottom: 1.5rem
}
@media only screen and (min-width: 750px) {
.press-room-highlights {
padding-bottom: 48px;
padding-bottom: 3rem
}
}
.press-releases-featured #featured-news-feed {
margin: 24px 0px 48px;
margin: 1.5rem 0rem 3rem
}
@media only screen and (max-width: 1199px) {
.press-releases-featured h2 {
position: absolute;
left: -9999px;
overflow: hidden
}
}
.press-releases-all .buttons-next {
padding-top: 24px
}
.press-releases-all-list ul {
border-top: 1px solid #d5d5d5;
margin-top: 24px
}
@media only screen and (min-width: 600px) {
.press-releases-all-list ul {
border-bottom: 1px solid #d5d5d5
}
}
.press-releases-all-item {
list-style: none;
padding: 36px 0;
border-top: 1px solid #d5d5d5
}
.press-releases-all-item:first-child {
border-top: 0
}
.press-releases-all-item:after {
content: '';
display: table;
clear: both
}
.press-releases-all-item .press-releases-all-title {
float: right;
width: 100%;
font-weight: bold;
color: #c94c08;
font-weight: normal;
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important;
margin-bottom: 12px
}
.wf-robotocondensed-n3-active .press-releases-all-item .press-releases-all-title {
text-rendering: optimizeLegibility;
font-weight: normal
}
.press-releases-all-item .press-release-links {
margin-top: 12px
}
.press-releases-all-item .press-release-links a {
color: #c94c08;
text-decoration: underline
}
.accordion-press-release-multimedia {
border-bottom: 1px solid #d5d5d5;
margin: 0
}
@media only screen and (min-width: 1200px) {
.accordion-press-release-multimedia {
margin-bottom: 12px;
margin-bottom: .75rem
}
}
.accordion-press-release-multimedia .item-accordion {
clear: both
}
.accordion-press-release-multimedia .item-accordion:first-child {
border-top: 1px solid #d5d5d5
}
.accordion-press-release-multimedia .accordion-header h2 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .015em;
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.38462em !important
}
.wf-robotocondensed-n4-active .accordion-press-release-multimedia .accordion-header h2 {
text-rendering: optimizeLegibility
}
.accordion-press-release-multimedia .accordion-toggler {
padding-left: 0px;
padding-left: 0rem
}
.accordion-press-release-multimedia .accordion-toggler:after {
top: 24px;
right: 0;
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: .92308em !important
}
.accordion-press-release-multimedia .accordion-content {
padding: 0
}
.press-releases-all-header:after {
content: '';
display: table;
clear: both
}
@media only screen and (min-width: 750px) {
.press-releases-all-header-title {
float: left;
width: 50%;
margin-top: 26px;
margin-top: 1.625rem
}
}
.press-releases-all-header-filters .filter-bar {
margin: 0
}
.press-releases-all-header-filters .filter-bar fieldset {
margin: 0;
padding: 0
}
.press-releases-all-header-filters .filter-bar fieldset .field, .press-releases-all-header-filters .filter-bar fieldset .buttons {
padding-bottom: 0
}
@media only screen and (min-width: 750px) {
.press-releases-all-header-filters {
float: right;
width: 50%
}
}
.section-interactive-infographic {
background: #fff
}
.section-interactive-infographic .desktop-view {
display: none
}
.section-interactive-infographic .section-header h2 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.15385em !important
}
.section-interactive-infographic .section-header h2:after {
display: none
}
.section-interactive-infographic .section-description p {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.4em !important
}
.section-interactive-infographic .section-content {
margin-top: 40px;
margin-top: 2.5rem
}
.section-interactive-infographic h2 {
font-size: 17px !important;
font-size: 1.0625rem !important;
line-height: 1.17647em !important
}
.section-interactive-infographic h2:after {
content: "";
display: block;
width: 90px;
width: 5.625rem;
height: 3px;
height: .1875rem;
background: #d9d9d9;
margin-top: 15px;
margin-top: .9375rem
}
.section-interactive-infographic .mobile-view article {
border-bottom: 1px solid #f2f1f1
}
.section-interactive-infographic .mobile-view article:last-child {
border-bottom: 0
}
.section-interactive-infographic .mobile-view article .content {
padding-bottom: 18px;
padding-bottom: 1.125rem;
display: none
}
.section-interactive-infographic .mobile-view article.is-visible .content {
display: block
}
.section-interactive-infographic .mobile-view article.is-visible h3:after {
background-image: url("i/icons/icon--ui--minus.svg")
}
.section-interactive-infographic .mobile-view header {
padding: 18px 0px;
padding: 1.125rem 0rem
}
.section-interactive-infographic .mobile-view h3 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.1875em !important;
text-transform: none;
position: relative
}
.section-interactive-infographic .mobile-view h3 a {
color: #363636
}
.section-interactive-infographic .mobile-view h3:after {
content: "";
display: block;
background: url("i/icons/icon--ui--plus.svg") no-repeat center center;
width: 24px;
width: 1.5rem;
height: 24px;
height: 1.5rem;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.section-interactive-infographic .mobile-view .content > :first-child {
margin-top: 0
}
.section-interactive-infographic .mobile-view h4, .section-interactive-infographic .mobile-view h5, .section-interactive-infographic .mobile-view p, .section-interactive-infographic .mobile-view img {
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.4em !important;
text-transform: none;
margin: 10px 0px 0px;
margin: .625rem 0rem 0rem
}
.section-interactive-infographic .mobile-view img {
border-radius: 3px;
width: 100%
}
.section-interactive-infographic nav {
margin-top: 15px;
margin-top: .9375rem
}
.section-interactive-infographic nav a {
display: block;
padding: 15px 0px;
padding: .9375rem 0rem;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.1875em !important;
padding-left: 40px;
padding-left: 2.5rem;
position: relative;
color: #f60;
font-weight: normal
}
.section-interactive-infographic nav .is-active a {
font-weight: bold;
color: #111
}
.section-interactive-infographic nav .icon {
width: 30px;
width: 1.875rem;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
text-align: center
}
.section-interactive-infographic .pain-points {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.section-interactive-infographic .pain-points .pain-points-container {
transition: all .7s easeOut
}
.section-interactive-infographic .inner-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: url("i/interactive-infographic/inner-circle-shadow.png");
background-size: 100% 100%;
z-index: 3;
pointer-events: none
}
.section-interactive-infographic .overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
pointer-events: none;
background: url("i/interactive-infographic/overlay.svg");
transform: rotate(54deg)
}
.section-interactive-infographic .overlay svg path {
pointer-events: none
}
.section-interactive-infographic .pain-points-container {
width: 680px;
width: 42.5rem;
height: 680px;
height: 42.5rem;
margin: 0 auto;
position: relative
}
.section-interactive-infographic .group-info {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
transform: rotate(-54deg);
padding: 0px 40px;
padding: 0rem 2.5rem;
visibility: hidden;
opacity: 0;
transition: all .1s linear
}
.section-interactive-infographic .group-info .icon {
margin: 0px 0px 15px 0px;
margin: 0rem 0rem .9375rem 0rem
}
.section-interactive-infographic .group-info .icon svg {
width: 40px;
width: 2.5rem;
height: auto
}
.section-interactive-infographic .group-info .subtitle {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.4em !important;
color: #111;
text-transform: uppercase
}
.section-interactive-infographic .group-info .title {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.2em !important;
margin: 5px 0px 10px;
margin: .3125rem 0rem .625rem;
color: #000;
text-transform: none;
font-weight: normal
}
.section-interactive-infographic .group-info .description {
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.4em !important;
color: #363636
}
.section-interactive-infographic .group {
width: 50%;
height: 50%;
position: absolute;
transform-origin: 100% 100%;
pointer-events: none
}
.section-interactive-infographic .group#pain-point-1 {
transform: rotate(0)
}
.section-interactive-infographic .group#pain-point-2 {
transform: rotate(72deg)
}
.section-interactive-infographic .group#pain-point-3 {
transform: rotate(144deg)
}
.section-interactive-infographic .group#pain-point-4 {
transform: rotate(216deg)
}
.section-interactive-infographic .group#pain-point-5 {
transform: rotate(288deg)
}
.section-interactive-infographic .group .pain-point svg, .section-interactive-infographic .group .impact-event svg, .section-interactive-infographic .group .impact-area svg {
pointer-events: none
}
.section-interactive-infographic .group .pain-point svg .background, .section-interactive-infographic .group .impact-event svg .background, .section-interactive-infographic .group .impact-area svg .background {
cursor: pointer;
pointer-events: all
}
.section-interactive-infographic .group .pain-point svg text, .section-interactive-infographic .group .impact-event svg text, .section-interactive-infographic .group .impact-area svg text {
pointer-events: none;
text-anchor: middle;
font-weight: bold
}
.section-interactive-infographic .group .impact-event svg.is-hover, .section-interactive-infographic .group .impact-area svg.is-hover {
opacity: .85
}
.section-interactive-infographic .group.is-active .pain-point .background {
transition-property: all;
transition-duration: 100ms;
transition-timing-function: linear
}
.section-interactive-infographic .group.is-active .impact-event text, .section-interactive-infographic .group.is-active .impact-event .background {
transition-property: all;
transition-duration: 100ms;
transition-timing-function: linear;
transition-delay: 100ms
}
.section-interactive-infographic .group .impact-area text, .section-interactive-infographic .group .impact-area .description, .section-interactive-infographic .group .impact-area .background {
transition-property: all;
transition-duration: 100ms;
transition-timing-function: linear;
transition-delay: 0
}
.section-interactive-infographic .group.is-active .impact-area text, .section-interactive-infographic .group.is-active .impact-area .description, .section-interactive-infographic .group.is-active .impact-area .background {
transition-delay: 200ms
}
.section-interactive-infographic .group.is-active {
z-index: 100
}
.section-interactive-infographic .group.is-active .group-info {
visibility: visible;
opacity: 1
}
.section-interactive-infographic .group.is-active .pain-point text {
fill: #fff
}
.section-interactive-infographic .group.is-active .pain-point .background {
fill: #595959
}
.section-interactive-infographic .group .pain-point svg {
width: 49.2540540541%;
height: 62.1794594595%;
position: absolute;
bottom: 1.3513513514%;
right: 18.2659459459%;
z-index: 20
}
.section-interactive-infographic .group .pain-point svg:hover {
-webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12));
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12))
}
.section-interactive-infographic .group .pain-point .background {
fill: transparent
}
.section-interactive-infographic .group .pain-point .background:hover {
fill: #595959
}
.section-interactive-infographic .group .pain-point .background:hover + text {
fill: white
}
.section-interactive-infographic .group .pain-point.is-active .background {
fill: #595959
}
.section-interactive-infographic .group .pain-point.is-active .background + text {
fill: white
}
.section-interactive-infographic .group .pain-point text {
fill: #f60;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.11111em !important;
letter-spacing: -.5px
}
.section-interactive-infographic .group .impact-event svg {
width: 60.4575675676%;
height: 77.6135135135%;
position: absolute;
bottom: 1.3513513514%;
right: 23.2848648649%
}
.section-interactive-infographic .group .impact-event text {
fill: transparent;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.11111em !important
}
.section-interactive-infographic .group .impact-event .background {
fill: #eee
}
.section-interactive-infographic .group.is-active .impact-event text {
fill: #fff
}
.section-interactive-infographic .group.is-active .impact-event .background {
fill: #8F98A5
}
.section-interactive-infographic .group.is-active .impact-event .is-active .background {
fill: #737e8e
}
.section-interactive-infographic .group .impact-area svg {
position: absolute;
overflow: visible
}
.section-interactive-infographic .group .impact-area text {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.42857em !important;
fill: transparent
}
.section-interactive-infographic .group .impact-area .background {
fill: #eee
}
.section-interactive-infographic .group .impact-area .description {
text-transform: uppercase;
letter-spacing: -1px;
opacity: 0;
visibility: hidden
}
.section-interactive-infographic .group .impact-area.first svg {
width: 17.02973%;
height: 27.97784%;
bottom: 1.35135%;
right: 82.94081%
}
.section-interactive-infographic .group .impact-area.second svg {
width: 23.23243%;
height: 28.95135%;
bottom: 28.28378%;
right: 71.17405%
}
.section-interactive-infographic .group .impact-area.third svg {
width: 27.31568%;
height: 27.31757%;
bottom: 52.33243%;
right: 52.34865%
}
.section-interactive-infographic .group .impact-area.fourth svg {
width: 28.9527%;
height: 23.2373%;
bottom: 71.16162%;
right: 28.3027%
}
.section-interactive-infographic .group.is-active .impact-area text {
fill: #fff;
opacity: 1
}
.section-interactive-infographic .group.is-active .impact-area .description {
visibility: visible;
opacity: 1
}
.section-interactive-infographic .group.is-active .impact-area.impact-low .description, .section-interactive-infographic .group.is-active .impact-area.impact-low .background {
fill: #91C351
}
.section-interactive-infographic .group.is-active .impact-area.impact-low .is-active .description, .section-interactive-infographic .group.is-active .impact-area.impact-low .is-active .background {
fill: #77a73a
}
.section-interactive-infographic .group.is-active .impact-area.impact-medium .description, .section-interactive-infographic .group.is-active .impact-area.impact-medium .background {
fill: #FFA41C
}
.section-interactive-infographic .group.is-active .impact-area.impact-medium .is-active .description, .section-interactive-infographic .group.is-active .impact-area.impact-medium .is-active .background {
fill: #e88b00
}
.section-interactive-infographic .group.is-active .impact-area.impact-high .description, .section-interactive-infographic .group.is-active .impact-area.impact-high .background {
fill: #EA4917
}
.section-interactive-infographic .group.is-active .impact-area.impact-high .is-active .description, .section-interactive-infographic .group.is-active .impact-area.impact-high .is-active .background {
fill: #bd3a11
}
.supplementary-content .section-interactive-infographic {
padding: 24px;
padding: 1.5rem
}
@media only screen and (min-width: 1000px) {
.supplementary-content .section-interactive-infographic {
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 1200px) {
.section-interactive-infographic {
padding-right: 720px;
padding-right: 45rem;
position: relative;
min-height: 720px;
min-height: 45rem;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden
}
.supplementary-content .section-interactive-infographic {
margin: 0;
padding: 60px 800px 60px 80px;
padding: 3.75rem 50rem 3.75rem 5rem;
min-height: 800px;
min-height: 50rem
}
.supplementary-content .section-interactive-infographic .pain-points {
right: 80px;
right: 5rem
}
.section-interactive-infographic.section-ppc {
padding-left: 0;
max-width: 1000px;
max-width: 62.5rem;
min-height: 880px;
min-height: 55rem;
margin: 0 auto
}
.section-interactive-infographic .desktop-view {
display: block
}
.section-interactive-infographic .mobile-view {
display: none
}
}
@media only screen and (min-width: 1200px) and (-ms-high-contrast: active) {
.section-interactive-infographic {
display: table-cell;
vertical-align: middle
}
.section-interactive-infographic.section-ppc {
display: flex
}
.section-interactive-infographic .pain-points {
top: 20px;
right: 0;
transform: translate(0)
}
.section-interactive-infographic .group-info .icon {
max-height: 50px;
max-height: 3.125rem
}
.section-interactive-infographic .group .impact-area .description {
font-family: Arial, Helvetica, sans-serif;
font-size: 11.9px !important;
letter-spacing: -1.9px;
word-spacing: 4px
}
}
.landing-page #share-toolbar #share-toggler {
right: 200px
}
.landing-page .body-content {
padding-bottom: 0
}
.landing-page #related-contacts {
margin-top: 0 !important;
border-top: 0
}
@media only screen and (min-width: 600px) and (max-width: 749px) {
.landing-page #related-contacts .contact-column:nth-child(2n) ul {
padding-left: 50%
}
.landing-page #related-contacts .contact-column:nth-child(2n) ul .location-address {
float: left;
margin-left: -100%
}
.landing-page #related-contacts .contact-column:nth-child(2n) ul .fax .value {
color: #111
}
}
@media only screen and (max-width: 749px) {
.landing-page #related-contacts .contact-column {
width: 100% !important
}
.landing-page #related-contacts .contact-column:last-child {
background: url("i/contact-bg.png") !important;
flex: initial !important
}
}
@media only screen and (min-width: 750px) and (max-width: 1199px) {
.landing-page #related-contacts .contact-column {
width: 30% !important
}
.landing-page #related-contacts .contact-column:first-child {
background: #c94c08
}
.landing-page #related-contacts .contact-column:nth-child(2n) {
width: 40% !important
}
.landing-page #related-contacts .contact-column:last-child {
flex: none !important;
background: url("i/contact-bg.png") !important
}
}
@media only screen and (min-width: 1000px) {
.landing-page #related-contacts .contact-information {
padding: 40px 0px 40px 40px;
padding: 2.5rem 0rem 2.5rem 2.5rem
}
.landing-page .supplementary-content {
max-width: none
}
.landing-page .supplementary-content #related-assets .related-downloads .download-item a {
overflow: visible;
position: relative;
display: block
}
.landing-page .supplementary-content #related-assets .related-downloads .download-item a:after {
content: "";
clear: both;
display: table
}
.landing-page .supplementary-content #related-assets .related-downloads .download-item .box-content {
float: right;
padding: 60px 80px;
padding: 3.75rem 5rem
}
.landing-page .supplementary-content #related-assets .related-downloads .download-item .box-content h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.23077em !important;
text-transform: none;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.landing-page .supplementary-content #related-assets .related-downloads .download-item figure {
position: absolute;
top: 0;
left: 0;
width: 33.333333% !important;
height: auto !important;
bottom: 0;
padding: 0 !important
}
.landing-page .supplementary-content #related-assets .related-downloads .download-item-fancy h3 {
max-height: 96px;
max-height: 6rem
}
.landing-page .related-block > div, .landing-page .framed-teaser, .landing-page .related-content-tabbed {
padding: 40px;
padding: 2.5rem
}
}
@media only screen and (min-width: 1200px) {
.landing-page {
padding-top: 80px;
padding-top: 5rem
}
.landing-page .header {
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%
}
.landing-page .top-navigation {
padding: 20px 0px;
padding: 1.25rem 0rem
}
.landing-page .logo {
padding: 13px 0px 14px;
padding: .8125rem 0rem .875rem;
background-position: 0 13px
}
.landing-page .content .grid #main-nav-dropdown {
z-index: 10000
}
.landing-page .content .grid #main-nav-dropdown .dropdown-toggler {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1em !important;
padding: 0px 24px 0px 24px;
padding: 0rem 1.5rem 0rem 1.5rem;
position: fixed;
z-index: 1000;
top: 32px;
top: 2rem;
right: 50%;
background-position: 0 2px !important;
margin-right: -600px;
background: url(i/icons/hamburger.png) no-repeat 48px 2px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
.landing-page .content .grid #main-nav-dropdown .dropdown-toggler {
background-image: url("i/icons/hamburger-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
.landing-page .content .grid #main-nav-dropdown .dropdown-toggler:hover, .landing-page .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background: url(i/icons/hamburger-orange.png) no-repeat 48px 2px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
.landing-page .content .grid #main-nav-dropdown .dropdown-toggler:hover, .landing-page .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background-image: url("i/icons/hamburger-orange-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
.landing-page #nav-main-dropdown-2016 {
top: 0;
background-position: 48px 25px;
max-width: 1200px;
left: 50%;
transform: translateX(-50%)
}
.landing-page #main-nav-dropdown.dropdown-wrapper.active {
width: 100%;
height: 620px;
height: 38.75rem;
background: #111;
position: fixed;
top: 0;
left: 0
}
.landing-page .search-input-autosuggest {
margin-right: 120px;
margin-right: 7.5rem
}
.landing-page .countries-nav .dropdown.visible {
top: 80px;
top: 5rem;
position: fixed;
max-width: 1200px;
max-width: 75rem;
bottom: 0;
left: 50%;
transform: translateX(-50%);
overflow-y: scroll
}
.landing-page .countries-nav .dropdown.visible .list-select-countries ul > li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid
}
.landing-page .countries-nav .dropdown.visible .list-select-countries li li {
display: inline
}
.landing-page .countries-nav .dropdown-toggler.active:before {
bottom: -24px;
bottom: -1.5rem
}
.landing-page .countries-nav .dropdown-toggler .current.flag-global {
float: left;
position: static;
top: auto !important;
left: auto !important;
margin-right: .5em;
margin-top: 8.5px;
width: 29px;
width: 1.8125rem;
height: 14px;
height: .875rem;
display: block
}
.landing-page .countries-nav .list-select-countries > ul li {
display: block
}
.landing-page .content .grid, .landing-page .main-content, .landing-page .body-content {
background: none
}
.landing-page .main-content {
padding-top: 0
}
.landing-page .body-content {
padding-bottom: 0
}
.landing-page .supplementary-content {
padding: 0px;
padding: 0rem
}
.landing-page .supplementary-content .related-block > div, .landing-page .supplementary-content .framed-teaser, .landing-page .supplementary-content .related-content-tabbed {
padding: 80px;
padding: 5rem
}
.landing-page .supplementary-content .section .grid .section-header {
text-align: center
}
.landing-page .supplementary-content .section .grid .section-content {
overflow: hidden
}
.landing-page .supplementary-content .section .grid .section-content:after {
content: '';
display: table;
clear: both
}
.landing-page .supplementary-content .framed-teaser {
margin: 0px auto !important
}
.landing-page .supplementary-content .related-block {
margin: 0px !important;
margin: 0rem !important
}
.landing-page .supplementary-content .related-block .related-links ul {
max-width: 70%
}
.landing-page .supplementary-content .related-block .related-links ul li {
border-bottom: 1px solid #000 !important
}
.landing-page #related-contacts {
margin: 0 !important;
border: 0
}
.landing-page #related-contacts .contact-information {
padding: 70px 0px 80px 80px;
padding: 4.375rem 0rem 5rem 5rem
}
.landing-page #related-contacts .contact-column {
width: 45%
}
.landing-page #related-contacts .contact-column:first-child {
background: #c94c08
}
.landing-page #related-contacts .contact-column:last-child {
background-image: url("i/contact-bg.png")
}
.landing-page #related-contacts .contact-column:nth-child(2n) {
background: #e4e4e4
}
.landing-page #related-contacts .contact-column:nth-child(2n) .location-contacts > ul {
padding-left: 50%
}
.landing-page #related-contacts .contact-column:nth-child(2n) .location-contacts > ul .location-address {
float: left;
margin-left: -100%
}
.landing-page #related-contacts .contact-column:nth-child(2n) .location-contacts > ul .fax .value {
color: #111
}
}
@media only screen and (min-width: 1312px) {
.landing-page .content .grid #main-nav-dropdown .dropdown-toggler {
padding-right: 0px;
padding-right: 0rem
}
.landing-page .search-input-autosuggest {
margin-right: 100px;
margin-right: 6.25rem
}
}
.services {
background: #e2e2e2 url("i/our-services-background.jpg") no-repeat top left;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px 24px 0px;
padding: 1.5rem 1.5rem 0rem
}
.services > header {
margin: -24px -24px 0px;
margin: -1.5rem -1.5rem 0rem;
padding: 24px;
padding: 1.5rem
}
.services > header h2 {
position: relative;
display: inline-block;
font-size: 32px !important;
font-size: 2rem !important;
line-height: 1.3125em !important;
color: #111
}
.services > .content > .grid-service {
margin: 0px -24px;
margin: 0rem -1.5rem
}
.services .tabs .tab-content {
padding: 0;
margin-top: 1px;
position: relative
}
.services .tabs .tab-content header {
display: none
}
.services .tabs .tabs-nav {
display: none
}
@media only screen and (min-width: 1000px) {
.services {
width: 100vw;
left: 50%;
transform: translateX(-50%);
position: relative;
margin: 0;
padding: 0;
padding-bottom: 40px;
padding-bottom: 2.5rem;
overflow: hidden
}
.services > header {
padding: 24px 40px;
padding: 1.5rem 2.5rem;
margin: 0
}
.services > .content {
padding: 0px 40px;
padding: 0rem 2.5rem
}
.services > .content > .grid-service {
margin: 0
}
.services .tabs {
padding: 0px 40px;
padding: 0rem 2.5rem;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.services .tabs .tabs-nav {
width: 30%;
margin: 0 !important;
padding-right: 20px;
padding-right: 1.25rem;
display: block
}
.services .tabs .tabs-nav ul {
padding: 0;
border-bottom: 0;
text-align: left;
display: block;
border: 0 !important
}
.services .tabs .tabs-nav ul ul {
display: none !important
}
.services .tabs .tabs-nav li {
display: block !important;
width: 100%;
float: left
}
.services .tabs .tabs-nav li.has-children > a {
background-repeat: no-repeat;
background-position: right 12px center;
background-image: url("i/arrows/arrow-14px-down-black.png")
}
}
@media only screen and (min-width: 1000px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1000px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1000px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1000px) and (min-resolution: 1.3dppx) {
.services .tabs .tabs-nav li.has-children > a {
background-image: url("i/arrows/arrow-14px-down-black@2x.png") !important;
background-size: 14px 8px !important
}
}
@media only screen and (min-width: 1000px) {
.services .tabs .tabs-nav li.has-children.is-open > a {
background-image: url("i/arrows/arrow-14px-up-black.png")
}
}
@media only screen and (min-width: 1000px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1000px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1000px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1000px) and (min-resolution: 1.3dppx) {
.services .tabs .tabs-nav li.has-children.is-open > a {
background-image: url("i/arrows/arrow-14px-up-black@2x.png") !important;
background-size: 14px 8px !important
}
}
@media only screen and (min-width: 1000px) {
.services .tabs .tabs-nav li.current a {
background-color: #c94c08;
color: #fff !important
}
.services .tabs .tabs-nav li.is-open ul {
display: block !important
}
.services .tabs .tabs-nav a {
padding: 14px 42px 14px 14px;
padding: .875rem 2.625rem .875rem .875rem;
background: #fff;
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.33333em !important;
font-weight: normal !important;
border: 0 !important;
border-bottom: 1px solid #f2f2f2 !important
}
.services .tabs .tabs-nav .current a {
background: #c94c08
}
.services .tabs .tabs-nav .has-children.is-open a {
border-bottom: 0 !important
}
.services .tabs .tabs-nav .has-children ul {
padding: 0px 0px 14px;
padding: 0rem 0rem .875rem;
background: #fff;
border-bottom: 1px solid #f2f2f2 !important
}
.services .tabs .tabs-nav .has-children li a {
padding: 7px 14px 7px 28px;
padding: .4375rem .875rem .4375rem 1.75rem;
border-bottom: 0 !important;
text-transform: none
}
.services .tabs .tab-content {
width: 70%;
margin: 0 !important;
padding: 0
}
.services .tabs .tab-content .tab-content {
width: 100%
}
.services .tabs .tab-content.hidden {
display: none !important
}
.services .tabs .tab-content header {
display: none
}
.services .tabs .tab-content .tab-content:before, .services .tabs .tab-content .tab-content:after, .services .tabs .tab-content .tab-content .inner-content:before {
display: none
}
}
@media only screen and (min-width: 1200px) {
.services {
margin: 0px -80px 0px;
margin: 0rem -5rem 0rem;
padding-bottom: 80px;
padding-bottom: 5rem;
width: auto;
transform: translate(0);
left: 0
}
.services > header {
padding: 40px 80px;
padding: 2.5rem 5rem
}
.services > .content {
padding: 0px 80px;
padding: 0rem 5rem
}
.services > .content .grid-service a {
min-height: 200px;
min-height: 12.5rem
}
.services .tabs {
padding: 0px 80px;
padding: 0rem 5rem
}
.services .tabs .tabs-nav {
padding-right: 40px;
padding-right: 2.5rem
}
}
.services .links a {
display: block;
background: #fff;
border-bottom: 1px solid #e4e4e4;
color: #555;
font-weight: normal;
margin: 0px -24px;
margin: 0rem -1.5rem;
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.33333em !important;
padding: 14px 62px 14px 48px;
padding: .875rem 3.875rem .875rem 3rem;
box-shadow: inset 5px 0 0 #faa61a;
background-repeat: no-repeat;
background-position: right 26px center;
background-image: url("i/arrows/arrow-14px-right-grey.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.services .links a {
background-image: url("i/arrows/arrow-14px-right-grey@2x.png") !important;
background-size: 8px 14px !important
}
}
@media only screen and (min-width: 1000px) {
.services .links {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns:repeat(2, 1fr);
-ms-grid-rows: 1fr;
grid-gap: 10px;
grid-auto-rows: 1fr
}
}
@media only screen and (min-width: 1000px) and (-ms-high-contrast: none) {
.services .links {
position: relative;
margin-top: -10px
}
.services .links li {
padding-top: 10px
}
.services .links li:nth-child(2n+1) {
padding-right: 10px
}
.services .links li:nth-child(1n) {
-ms-grid-column: 1
}
.services .links li:nth-child(2n) {
-ms-grid-column: 2
}
.services .links li:nth-child(3n) {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.services .links li:nth-child(4n) {
-ms-grid-row: 2;
-ms-grid-column: 2
}
.services .links li:nth-child(5n) {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.services .links li:nth-child(6n) {
-ms-grid-row: 3;
-ms-grid-column: 2
}
.services .links li:nth-child(7n) {
-ms-grid-row: 4;
-ms-grid-column: 1
}
.services .links li:nth-child(8n) {
-ms-grid-row: 4;
-ms-grid-column: 2
}
.services .links li:nth-child(9n) {
-ms-grid-row: 5;
-ms-grid-column: 1
}
.services .links li:nth-child(10n) {
-ms-grid-row: 5;
-ms-grid-column: 2
}
.services .links li:nth-child(11n) {
-ms-grid-row: 6;
-ms-grid-column: 1
}
.services .links li:nth-child(12n) {
-ms-grid-row: 6;
-ms-grid-column: 2
}
.services .links li:nth-child(13n) {
-ms-grid-row: 7;
-ms-grid-column: 1
}
.services .links li:nth-child(14n) {
-ms-grid-row: 7;
-ms-grid-column: 2
}
.services .links li:nth-child(15n) {
-ms-grid-row: 8;
-ms-grid-column: 1
}
.services .links li:nth-child(16n) {
-ms-grid-row: 8;
-ms-grid-column: 2
}
.services .links li:nth-child(17n) {
-ms-grid-row: 9;
-ms-grid-column: 1
}
.services .links li:nth-child(18n) {
-ms-grid-row: 9;
-ms-grid-column: 2
}
.services .links li:nth-child(19n) {
-ms-grid-row: 10;
-ms-grid-column: 1
}
.services .links li:nth-child(20n) {
-ms-grid-row: 10;
-ms-grid-column: 2
}
.services .links li:nth-child(21n) {
-ms-grid-row: 11;
-ms-grid-column: 1
}
.services .links li:nth-child(22n) {
-ms-grid-row: 11;
-ms-grid-column: 2
}
.services .links li:nth-child(23n) {
-ms-grid-row: 12;
-ms-grid-column: 1
}
.services .links li:nth-child(24n) {
-ms-grid-row: 12;
-ms-grid-column: 2
}
.services .links li:nth-child(25n) {
-ms-grid-row: 13;
-ms-grid-column: 1
}
.services .links li:nth-child(26n) {
-ms-grid-row: 13;
-ms-grid-column: 2
}
.services .links li:nth-child(27n) {
-ms-grid-row: 14;
-ms-grid-column: 1
}
.services .links li:nth-child(28n) {
-ms-grid-row: 14;
-ms-grid-column: 2
}
.services .links li:nth-child(29n) {
-ms-grid-row: 15;
-ms-grid-column: 1
}
.services .links li:nth-child(30n) {
-ms-grid-row: 15;
-ms-grid-column: 2
}
}
@media only screen and (min-width: 1000px) {
.services .links a {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
flex-direction: column;
justify-content: center;
margin: 0;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
padding: 24px 62px 24px 24px;
padding: 1.5rem 3.875rem 1.5rem 1.5rem;
height: 100%;
transition: all .2s ease-in-out;
width: auto !important
}
@supports (-ms-ime-align: auto) {
.services .links a {
transition: none
}
}.services .links a span {
align-content: center
}
.services .links a:hover {
background-position: right 16px center;
box-shadow: inset 5px 0 0 #9e9e9e
}
}
.services.services-theme-v1 .tab-content {
margin: 0
}
.services.services-theme-v1 .tab-content .inner-content {
display: block
}
.services.services-theme-v1 .tab-content .grid-service {
margin: 0px -24px;
margin: 0rem -1.5rem
}
.services.services-theme-v1 .tab-content header {
display: block
}
.services.services-theme-v1 .tab-content header h3 {
background-color: #c94c08;
border-bottom: 1px solid #e4e4e4;
color: #f2f2f2;
margin: 0px -24px;
margin: 0rem -1.5rem;
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.33333em !important;
padding: 14px 62px 14px 24px;
padding: .875rem 3.875rem .875rem 1.5rem;
background-repeat: no-repeat;
background-position: right 24px center;
background-image: url("i/arrows/arrow-14px-up-white.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.services.services-theme-v1 .tab-content header h3 {
background-image: url("i/arrows/arrow-14px-up-white@2x.png") !important;
background-size: 14px 8px !important
}
}
.services.services-theme-v1 .tab-content.hidden {
display: block !important
}
.services.services-theme-v1 .tab-content.hidden .inner-content {
display: none
}
.services.services-theme-v1 .tab-content.hidden header h3 {
background-color: #fff;
color: #363636 !important;
background-image: url("i/arrows/arrow-14px-down-black.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.services.services-theme-v1 .tab-content.hidden header h3 {
background-image: url("i/arrows/arrow-14px-down-black@2x.png") !important;
background-size: 14px 8px !important
}
}
.services.services-theme-v1 .tab-content .tab-content.hidden header h3 {
font-weight: bold;
text-transform: none;
background-color: #fff;
color: #555;
padding: 14px 62px 14px 48px;
padding: .875rem 3.875rem .875rem 3rem;
background-image: url("i/arrows/arrow-14px-down-grey.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.services.services-theme-v1 .tab-content .tab-content.hidden header h3 {
background-image: url("i/arrows/arrow-14px-down-grey@2x.png") !important;
background-size: 14px 8px !important
}
}
.services.services-theme-v1 .tab-content .tab-content header h3 {
background-color: #c94c08;
color: #f2f2f2;
text-transform: none;
padding: 14px 62px 14px 48px;
padding: .875rem 3.875rem .875rem 3rem;
background-image: url("i/arrows/arrow-14px-up-white.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.services.services-theme-v1 .tab-content .tab-content header h3 {
background-image: url("i/arrows/arrow-14px-up-white@2x.png") !important;
background-size: 14px 8px !important
}
}
.services.services-theme-v1 .tab-content .tab-content .links a {
padding: 14px 62px 14px 72px;
padding: .875rem 3.875rem .875rem 4.5rem
}
@media only screen and (min-width: 1000px) {
.services.services-theme-v1 .tab-content .grid-service {
margin: 0
}
.services.services-theme-v1 .tab-content.hidden {
display: none !important
}
.services.services-theme-v1 .tab-content header {
display: none
}
.services.services-theme-v1 .tab-content .tab-content .links a {
padding: 24px 62px 24px 24px;
padding: 1.5rem 3.875rem 1.5rem 1.5rem
}
}
.services.services-theme-v2 .tab-content {
padding: 0;
margin: 0px -24px;
margin: 0rem -1.5rem
}
.services.services-theme-v2 .tab-content header {
border-top: 1px solid #f2f2f2;
background: #111;
color: #fff;
position: relative
}
.services.services-theme-v2 .tab-content header h3 {
padding: 16px 24px;
padding: 1rem 1.5rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
background: url("i/arrows/arrow-18px-up-white.png") no-repeat right 24px center
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.services.services-theme-v2 .tab-content header h3 {
background-image: url("i/arrows/arrow-18px-up-white@2x.png") !important;
background-size: 18px 10px !important
}
}
.services.services-theme-v2 .tab-content .tab-content {
padding: 0
}
.services.services-theme-v2 .tabs-nav {
display: block;
margin: 0px -24px;
margin: 0rem -1.5rem
}
.services.services-theme-v2 .tabs-nav ul {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
border-bottom: 5px solid #c94c08;
padding: 0px 22px;
padding: 0rem 1.375rem
}
.services.services-theme-v2 .tabs-nav li {
flex: 1;
margin: 0 2px
}
.services.services-theme-v2 .tabs-nav a {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
justify-content: center;
align-items: center;
background: #fff;
border: 1px solid #e4e4e4;
border-bottom: 0 !important;
font-weight: bold;
height: 100%;
width: 100%
}
.services.services-theme-v2 .tabs-nav .current a {
background: #c94c08;
border: 1px solid #c94c08;
color: #f2f2f2 !important
}
@media only screen and (max-width: 999px) {
.services.services-theme-v2 .tabs-nav ul {
margin-bottom: 4px
}
.services.services-theme-v2 .tabs-nav a {
padding: 12px;
padding: .75rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.22222em !important
}
}
@media only screen and (min-width: 1000px) {
.services.services-theme-v2 .tabs-nav ul {
padding: 0 !important;
display: block !important
}
.services.services-theme-v2 .tabs-nav li {
width: 100%;
margin: 0;
float: left
}
.services.services-theme-v2 .tabs-nav a {
display: block !important
}
}
.contact-simple {
padding: 50px 0px 80px;
padding: 3.125rem 0rem 5rem;
border-top: 1px solid #dedede
}
.contact-simple h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.38462em !important;
margin-bottom: 16px;
margin-bottom: 1rem
}
.contact-simple h4, .contact-simple h5 {
letter-spacing: 0;
margin: 0
}
.contact-simple a {
color: #c94c08
}
.contact-simple .secondary-content {
padding: 15px;
padding: .9375rem;
margin: 30px 0px;
margin: 1.875rem 0rem;
border: 1px solid #ddd;
border-radius: 4px
}
.contact-simple .secondary-content header {
position: relative
}
.contact-simple .secondary-content .content {
margin-bottom: 15px;
margin-bottom: .9375rem
}
.contact-simple .secondary-content .content > * {
margin-top: 12px;
margin-top: .75rem
}
.contact-simple .secondary-content h4, .contact-simple .secondary-content .meta-phone {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important;
font-weight: bold;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.contact-simple .secondary-content h4 {
text-transform: none
}
.contact-simple .secondary-content h4 a {
color: #000
}
.contact-simple .secondary-content .meta-grid {
display: -ms-grid;
display: inline-grid;
-ms-grid-columns: auto auto;
grid-template-columns:auto auto
}
.contact-simple .secondary-content .meta-grid dt, .contact-simple .secondary-content .meta-grid dd {
margin-top: 7px;
margin-top: .4375rem
}
.contact-simple .secondary-content .meta-grid dt:first-of-type, .contact-simple .secondary-content .meta-grid dd:first-of-type {
margin-top: 0
}
.contact-simple .secondary-content .meta-grid dt {
-ms-grid-column: 1
}
.contact-simple .secondary-content .meta-grid dt:nth-of-type(1) {
-ms-grid-row: 1
}
.contact-simple .secondary-content .meta-grid dt:nth-of-type(2) {
-ms-grid-row: 2
}
.contact-simple .secondary-content .meta-grid dt:nth-of-type(3) {
-ms-grid-row: 3
}
.contact-simple .secondary-content .meta-grid dd {
-ms-grid-column: 2
}
.contact-simple .secondary-content .meta-grid dd:nth-of-type(1) {
-ms-grid-row: 1
}
.contact-simple .secondary-content .meta-grid dd:nth-of-type(2) {
-ms-grid-row: 2
}
.contact-simple .secondary-content .meta-grid dd:nth-of-type(3) {
-ms-grid-row: 3
}
.contact-simple .secondary-content .meta-address {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
font-weight: 300
}
.contact-simple .secondary-content .meta-label {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
font-weight: bold;
margin: 0;
padding-top: 2px;
padding-top: .125rem;
padding-right: 5px;
padding-right: .3125rem
}
.contact-simple .secondary-content p {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
font-weight: bold
}
.contact-simple .secondary-content.multiple-contacts header h4 a, .contact-simple .secondary-content.multiple-contacts .dropdown-nav h5 a {
display: block;
padding-right: 30px;
padding-right: 1.875rem;
color: #000;
text-transform: none
}
.contact-simple .secondary-content.multiple-contacts header h4 a:after, .contact-simple .secondary-content.multiple-contacts .dropdown-nav h5 a:after {
content: '';
position: absolute;
margin-top: 2px;
top: 50%;
right: 0;
width: 0;
height: 0;
border: 5px solid #000;
border-color: #000 transparent transparent transparent;
z-index: 2;
transform: translateY(-50%)
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav {
position: absolute;
top: -16px;
left: -1px;
margin: 0px -15px;
margin: 0rem -.9375rem;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
width: calc(100% + 32px);
z-index: 100;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.15);
border-radius: 4px;
overflow: hidden
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav:not(.hidden) {
display: block
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav h5 {
margin: 0;
position: relative;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav h5 a {
padding: 16px 46px 16px 16px;
padding: 1rem 2.875rem 1rem 1rem;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav h5 a:after {
border-color: transparent transparent #000 transparent;
right: 15px;
margin-top: -2px
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav ul {
max-height: 400px;
max-height: 25rem;
overflow-y: auto
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav li a {
text-transform: none;
padding: 0;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
color: #000;
padding: 15px;
padding: .9375rem;
display: block;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav li a:hover, .contact-simple .secondary-content.multiple-contacts .dropdown-nav li a:focus {
background: #f7f7f7
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav .current a {
font-weight: bold;
background: #efefef
}
.contact-simple .secondary-content.multiple-contacts .dropdown-nav li {
margin: 0;
border-top: 1px solid #f5f5f5
}
@media only screen and (max-width: 749px) {
.contact-simple .primary-content p {
position: absolute;
left: -9999px;
overflow: hidden
}
}
@media only screen and (min-width: 750px) {
.contact-simple {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 80px 1fr;
grid-template-columns:repeat(2, 1fr);
grid-template-rows:repeat(3, auto);
grid-column-gap: 80px
}
.contact-simple h3 {
margin-bottom: 11px;
margin-bottom: .6875rem
}
.contact-simple .cta {
padding-top: 30px;
padding-top: 1.875rem;
-ms-grid-row: 2
}
.contact-simple .secondary-content {
-ms-grid-column: 3;
grid-column: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-row: 1 / span 3;
margin: 0;
padding: 0;
border: 0
}
}
.article-list-modern > header {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px 0px;
padding: .9375rem 0rem;
margin-bottom: 40px;
margin-bottom: 2.5rem
}
.article-list-modern > header p {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.3em !important
}
.article-modern {
margin-bottom: 50px;
margin-bottom: 3.125rem;
position: relative;
display: block
}
.article-modern h3 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.4em !important;
text-transform: none;
color: #000
}
.article-modern .image {
width: 100%;
padding-bottom: 50%;
background-size: cover;
background-position: center center;
margin-bottom: 10px;
margin-bottom: .625rem
}
.article-modern .description {
display: none
}
.article-modern .meta {
text-transform: uppercase;
color: #666;
font-size: 15px !important;
font-size: .9375rem !important;
line-height: 1.5em !important;
margin-top: 10px;
margin-top: .625rem
}
.article-modern .meta > * {
display: inline-block
}
.article-modern .meta .category-list > li:last-child:after {
content: "•";
margin: 0px 3px 0px 6px;
margin: 0rem .1875rem 0rem .375rem
}
.article-modern .meta .day-month:after {
content: ","
}
@media only screen and (min-width: 750px) {
.article-modern {
padding: 30px 56px 30px 290px;
padding: 1.875rem 3.5rem 1.875rem 18.125rem;
width: calc(100% + 20px);
left: -10px;
position: relative;
z-index: 10;
margin: 0;
transition: all .2s ease-in-out;
overflow: hidden;
border-radius: 3px
}
.article-modern:hover, .article-modern:focus {
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.15);
outline: none
}
.article-modern:hover:before, .article-modern:focus:before {
opacity: 0
}
.article-modern:hover .more, .article-modern:focus .more {
border-bottom: 1px solid #c94c08 !important
}
.article-modern:before {
content: "";
width: 1px;
height: 100%;
background: #dedede;
position: absolute;
left: 214px;
left: 13.375rem;
top: 0;
transition: all .2s ease-in-out
}
.article-modern:first-of-type:before {
top: 30px;
top: 1.875rem
}
.article-modern:last-of-type:before {
top: auto;
bottom: 100%;
margin-bottom: -30px;
margin-bottom: -1.875rem
}
.article-modern h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.3em !important;
margin-bottom: 6px;
margin-bottom: .375rem
}
.article-modern .description {
display: block;
color: #111
}
.article-modern .description .more {
color: #c94c08;
border-bottom: 1px solid #fff;
transition: all .2s ease-in-out
}
.article-modern .image {
background-color: #fff;
width: 80px;
width: 5rem;
height: 80px;
height: 5rem;
padding: 0;
float: left;
margin-left: -116px;
margin-left: -7.25rem;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.19), 0px 1px 1px rgba(0, 0, 0, 0.25);
position: relative;
z-index: 2
}
.article-modern .meta .category-list li {
font-weight: bold;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 2em !important;
color: #9e9e9e
}
.article-modern .meta .category-list > li:last-child:after {
display: none
}
.article-modern .meta-date {
width: 100px;
text-align: right;
display: flex;
justify-content: center;
height: 80px;
height: 5rem;
flex-direction: column;
position: absolute;
top: 30px;
top: 1.875rem;
left: 40px;
left: 2.5rem;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.1875em !important
}
.article-modern .meta-date .day-month {
font-weight: normal
}
.article-modern .meta-date .day-month:after {
display: none
}
.article-modern .meta-date .year {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 1.15385em !important;
color: #bbb;
font-weight: bold
}
}
@media only screen and (min-width: 1200px) {
html.html-header-update-2020 {
padding-top: 80px;
padding-top: 5rem
}
html.html-header-update-2020 .header {
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%
}
html.html-header-update-2020 .logo {
padding: 13px 0px 14px;
padding: .8125rem 0rem .875rem;
background-position: 0 13px
}
html.html-header-update-2020 .top-navigation {
padding: 20px 0px;
padding: 1.25rem 0rem
}
html.html-header-update-2020 .content .grid #main-nav-dropdown {
z-index: 10000
}
html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1em !important;
padding: 0px 24px 0px 24px;
padding: 0rem 1.5rem 0rem 1.5rem;
position: fixed;
z-index: 1000;
top: 32px;
top: 2rem;
right: 50%;
background-position: 0 2px !important;
margin-right: -600px;
background: url(i/icons/hamburger.png) no-repeat 48px 2px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler {
background-image: url("i/icons/hamburger-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler:hover, html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background: url(i/icons/hamburger-orange.png) no-repeat 48px 2px
}
}
@media only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 1200px) and (min-resolution: 1.3dppx) {
html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler:hover, html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler:focus {
background-image: url("i/icons/hamburger-orange-@2x.png") !important;
background-size: 16px 13px !important
}
}
@media only screen and (min-width: 1200px) {
html.html-header-update-2020 .countries-nav .dropdown.visible {
top: 80px;
top: 5rem;
position: fixed;
max-width: 1200px;
max-width: 75rem;
bottom: 0;
left: 50%;
transform: translateX(-50%);
overflow-y: scroll
}
html.html-header-update-2020 .countries-nav .dropdown.visible .list-select-countries ul > li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid
}
html.html-header-update-2020 .countries-nav .dropdown.visible .list-select-countries li li {
display: inline
}
html.html-header-update-2020 .countries-nav .dropdown-toggler.active:before {
bottom: -24px;
bottom: -1.5rem
}
html.html-header-update-2020 .countries-nav .dropdown-toggler .current.flag-global {
float: left;
position: static;
top: auto !important;
left: auto !important;
margin-right: .5em;
margin-top: 8.5px;
width: 29px;
width: 1.8125rem;
height: 14px;
height: .875rem;
display: block
}
html.html-header-update-2020 .countries-nav .list-select-countries > ul li {
display: block
}
html.html-header-update-2020 #nav-main-dropdown-2016 {
top: 0;
background-position: 48px 25px;
max-width: 1200px;
left: 50%;
transform: translateX(-50%)
}
html.html-header-update-2020 #main-nav-dropdown.dropdown-wrapper.active {
width: 100%;
height: 620px;
height: 38.75rem;
background: #111;
position: fixed;
top: 0;
left: 0
}
html.html-header-update-2020 #main-search {
margin-right: 100px;
margin-right: 6.25rem
}
}
@media only screen and (min-width: 1312px) {
html.html-header-update-2020 .content .grid #main-nav-dropdown .dropdown-toggler {
padding-right: 0
}
}
#main-search {
padding: 10px 12px;
padding: .625rem .75rem;
background: none !important;
position: relative;
width: 100%;
height: 64px;
height: 4rem
}
#main-search:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #363636
}
.html-serp #main-search:before, .html-serpV2 #main-search:before {
display: none
}
#main-search.autocomplete--is-active:before {
height: 2000%
}
html.landing-page #main-search {
margin-right: 100px;
margin-right: 6.25rem
}
#main-search [role="search"] {
position: absolute;
left: 12px;
left: .75rem;
right: 12px;
right: .75rem;
height: auto;
z-index: 2000
}
#main-search [role="search"] .field {
padding: 0;
position: relative;
border: 1px solid #e4e4e4;
background: #fff;
border-radius: 22px;
transition: all ease-out 0.1s
}
.autocomplete--is-active #main-search [role="search"] .field, .is-focus #main-search [role="search"] .field, #main-search [role="search"] .field:hover {
box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.25);
border: 1px solid #fff
}
#main-search [role="search"] .field-input-button-pair-wrapper {
display: block !important;
position: relative
}
#main-search [role="search"] .field-input-button-pair-wrapper .input-text-wrapper {
display: block;
width: auto !important;
transition: all ease-out 0.1s
}
#main-search #main-search [role="search"] .field-input-button-pair-wrapper .input-text-wrapper {
display: block !important
}
#main-search [role="search"] .field-input-button-pair-wrapper .input-text {
width: 100% !important;
border: 0;
background: none !important;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
padding: 9px 52px 10px 20px !important;
padding: .5625rem 3.25rem .625rem 1.25rem !important;
height: 42px;
height: 2.625rem;
appearance: none;
-webkit-appearance: none
}
#main-search [role="search"] .field-input-button-pair-wrapper .input-text::placeholder {
color: #9F9F9F
}
#main-search [role="search"] .field-input-button-pair-wrapper .input-text:-ms-input-placeholder, #main-search [role="search"] .field-input-button-pair-wrapper .input-text::-ms-input-placeholder {
color: #9F9F9F
}
#main-search [role="search"] .field-input-button-pair-wrapper input[type="search"]::-webkit-search-decoration, #main-search [role="search"] .field-input-button-pair-wrapper input[type="search"]::-webkit-search-cancel-button, #main-search [role="search"] .field-input-button-pair-wrapper input[type="search"]::-webkit-search-results-button, #main-search [role="search"] .field-input-button-pair-wrapper input[type="search"]::-webkit-search-results-decoration {
display: none
}
#main-search [role="search"] .field-input-button-pair-wrapper input[type=search]::-ms-clear, #main-search [role="search"] .field-input-button-pair-wrapper input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0
}
#main-search [role="search"] .field-input-button-pair-wrapper .buttons {
width: auto !important;
display: block !important;
position: absolute !important;
top: 50%;
right: 7px;
right: .4375rem;
transform: translateY(-50%)
}
#main-search [role="search"] .field-input-button-pair-wrapper .buttons button {
float: left
}
#main-search [role="search"] .field-input-button-pair-wrapper button {
margin: 0;
transition: all ease-out 0.1s;
width: 42px !important;
width: 2.625rem !important;
height: 42px;
height: 2.625rem;
text-indent: -9999px;
border: 0
}
#main-search [role="search"] .field-input-button-pair-wrapper button[type="submit"] {
background: url(i/icons/searchbar-search-icon.svg) no-repeat center center !important;
background-size: 16px 17px
}
#main-search [role="search"] .field-input-button-pair-wrapper button[type="reset"] {
background: url(i/icons/icon-cross--aaa.svg) no-repeat center center !important;
background-size: 12px 12px !important;
position: absolute;
top: 0;
right: 42px;
display: none
}
#main-search [role="search"] .field-input-button-pair-wrapper button[type="reset"]:before {
content: "";
position: absolute;
top: 10px;
bottom: 10px;
right: 0;
border-right: 1px solid #ddd
}
#main-search [role="search"] .ui-menu {
display: none;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
margin: 0px 20px;
margin: 0rem 1.25rem;
padding: 15px 0px;
padding: .9375rem 0rem;
border: 0;
border-top: 1px solid #ddd;
width: auto !important;
left: auto !important;
max-height: none;
overflow: visible
}
#main-search [role="search"] .ui-menu .ui-menu-item {
position: relative;
cursor: pointer;
margin: 0px -20px;
margin: 0rem -1.25rem;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important
}
#main-search [role="search"] .ui-menu .ui-menu-item .ui-menu-item-wrapper {
padding: 4px 20px;
padding: .25rem 1.25rem;
outline: none
}
#main-search [role="search"] .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active, #main-search [role="search"] .ui-menu .ui-menu-item .ui-menu-item-wrapper:hover, #main-search [role="search"] .ui-menu .ui-menu-item .ui-menu-item-wrapper:focus {
background: #f5f5f5
}
#main-search.reset--is-active [role="search"] button[type="reset"], #main-search.autocomplete--is-active [role="search"] .ui-menu {
display: block
}
@media only screen and (min-width: 1200px) {
#main-search {
padding: 0;
margin-top: -2px;
z-index: 1000;
width: 348px;
width: 21.75rem;
height: 42px;
height: 2.625rem
}
.sgs-header-2019 #main-search {
float: left;
margin-left: 0;
margin-right: 24px;
margin-right: 1.5rem
}
#main-search:before {
display: none
}
#main-search [role="search"] {
width: 100%;
right: auto !important;
left: auto !important
}
#main-search [role="search"] .field-input-button-pair-wrapper {
overflow: visible !important
}
#main-search [role="search"] .field-input-button-pair-wrapper .input-text {
padding: 6px 94px 8px 20px !important;
padding: .375rem 5.875rem .5rem 1.25rem !important;
height: 40px;
height: 2.5rem
}
}
@media only screen and (min-width: 1200px) and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
#main-search [role="search"] .field-input-button-pair-wrapper .input-text {
padding: 10px 20px !important;
padding: .625rem 1.25rem !important
}
}
}
@media only screen and (min-width: 1200px) {
@-moz-document url-prefix() {
#main-search [role="search"] .field-input-button-pair-wrapper button:focus {
border: 1px solid #c94c08
}
}
}
.module--ic-mark {
padding: 0px 15px;
padding: 0rem .9375rem
}
.module--ic-mark .ic-mark--block {
margin: 0px 0px 40px;
margin: 0rem 0rem 2.5rem
}
.module--ic-mark * {
color: #222
}
.module--ic-mark h1, .module--ic-mark h2 {
margin-bottom: 20px;
margin-bottom: 1.25rem
}
.module--ic-mark a {
color: #f60
}
.module--ic-mark a[target="_blank"] {
padding-right: 20px;
padding-right: 1.25rem;
position: relative
}
.module--ic-mark a[target="_blank"]:before {
content: "";
width: 14px;
width: .875rem;
height: 15px;
height: .9375rem;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background-image: url("i/icons/url--new-window.svg")
}
.module--ic-mark .button {
border-radius: 4px;
text-transform: none;
font-weight: bold;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
padding: 10px 30px !important;
padding: .625rem 1.875rem !important;
border-width: 1px;
margin: 0px 10px 10px 0px;
margin: 0rem .625rem .625rem 0rem
}
.module--ic-mark .button-primary {
background: #f60 !important;
border-color: #f60 !important
}
.module--ic-mark .button-outline-primary {
background: none;
border: 1px solid #f60
}
.module--ic-mark .button-outline-primary:hover, .module--ic-mark .button-outline-primary:focus {
color: #f60 !important
}
.module--ic-mark p {
margin: 0px 0px 10px;
margin: 0rem 0rem .625rem
}
.module--ic-mark p:last-child {
margin-bottom: 0
}
.module--ic-mark .breadcrumbs {
padding: 0
}
.module--ic-mark .breadcrumbs > * {
display: none
}
.module--ic-mark .breadcrumbs .mobile-show {
display: block;
position: relative;
padding-left: 10px;
padding-left: .625rem
}
.module--ic-mark .breadcrumbs .mobile-show:before {
content: "";
width: 6px;
width: .375rem;
height: 10px;
height: .625rem;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background-image: url("i/arrows/arrow-10px-left-orange.svg")
}
.module--ic-mark .ic-mark--image {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5px 3fr;
grid-template-columns:1fr 3fr;
grid-column-gap: 5px;
grid-column-gap: .3125rem
}
.module--ic-mark .ic-mark--image .image--icm, .module--ic-mark .ic-mark--image .image--product {
border-radius: 4px;
padding: 20px;
padding: 1.25rem;
display: flex;
justify-content: center;
align-items: center
}
.module--ic-mark .ic-mark--image .image--icm {
border: 1px solid #ddd
}
.module--ic-mark .ic-mark--image .image--product {
-ms-grid-column: 3;
background: #f5f5f5
}
.module--ic-mark .ic-mark--generalities > div {
margin: 0px 0px 40px;
margin: 0rem 0rem 2.5rem
}
.module--ic-mark .ic-mark--contact {
border: 1px solid #d6d5d5;
border-radius: 4px;
padding: 20px;
padding: 1.25rem;
overflow: hidden
}
.module--ic-mark .ic-mark--contact .button {
width: calc(100% + 42px);
margin: 10px -21px -21px -21px;
margin: .625rem -1.3125rem -1.3125rem -1.3125rem;
border-radius: 0 0 4px 4px
}
.module--ic-mark .table-wrapper {
border: 1px solid #ddd;
border-radius: 4px;
overflow: auto;
max-width: 100%;
background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
background-repeat: no-repeat;
background-color: white;
background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
background-position: 0 0, 100%, 0 0, 100%;
background-attachment: local, local, scroll, scroll;
margin: 0 !important
}
.module--ic-mark .table-wrapper .table-container {
overflow: scroll
}
.module--ic-mark .ic-mark--table-complex {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
display: block;
width: 100% !important
}
.module--ic-mark .ic-mark--table-complex tr:hover, .module--ic-mark .ic-mark--table-complex tr:focus {
background: none
}
.module--ic-mark .ic-mark--table-complex tr:first-child {
background: #f5f5f5;
text-transform: uppercase
}
.module--ic-mark .ic-mark--table-complex tr:first-child th, .module--ic-mark .ic-mark--table-complex tr:first-child td {
min-width: 200px;
min-width: 12.5rem
}
.module--ic-mark .ic-mark--table-complex tr:first-child th *, .module--ic-mark .ic-mark--table-complex tr:first-child td * {
color: #585858
}
.module--ic-mark .ic-mark--table-complex tr:last-child th, .module--ic-mark .ic-mark--table-complex tr:last-child td {
border-bottom: 0 !important
}
.module--ic-mark .ic-mark--table-complex th, .module--ic-mark .ic-mark--table-complex td {
padding: 15px 20px !important;
padding: .9375rem 1.25rem !important;
vertical-align: middle;
width: 25% !important;
text-align: center !important;
border-right: 0 !important;
border-bottom: 1px solid #ddd !important
}
.module--ic-mark .ic-mark--table-complex th:first-child, .module--ic-mark .ic-mark--table-complex td:first-child {
min-width: 280px;
min-width: 17.5rem;
text-align: left !important
}
.module--ic-mark .ic-mark--table-complex [class^="is-result"] p {
display: inline-block;
border-radius: 5px;
padding: 4px 12px;
padding: .25rem .75rem
}
.module--ic-mark .ic-mark--table-complex [class^="is-result"].is-result--pass p {
background: rgba(109, 203, 42, 0.15);
color: #2d6652
}
.module--ic-mark .ic-mark--table-complex [class^="is-result"].is-result--fail p {
background: rgba(221, 20, 0, 0.13);
color: #aa342c
}
.module--ic-mark .ic-mark--table-complex [class^="is-result"].is-result--tbc p {
background: rgba(18, 164, 176, 0.15);
color: #0a6aa0
}
.module--ic-mark .ic-mark--disclaimer {
background: #f5f5f5;
border-radius: 4px;
padding: 20px;
padding: 1.25rem
}
@media only screen and (min-width: 750px) {
.module--ic-mark {
padding: 0
}
.module--ic-mark .ic-mark--block, .module--ic-mark h1 {
margin: 0px 0px 50px;
margin: 0rem 0rem 3.125rem
}
.module--ic-mark h2 {
margin-bottom: 40px;
margin-bottom: 2.5rem
}
.module--ic-mark .breadcrumbs {
position: relative;
top: 0;
left: 0;
*zoom: 1;
margin-bottom: 30px;
margin-bottom: 1.875rem
}
.module--ic-mark .breadcrumbs:before, .module--ic-mark .breadcrumbs:after {
content: '';
display: table
}
.module--ic-mark .breadcrumbs:after {
clear: both
}
.module--ic-mark .breadcrumbs > * {
display: inline-block;
padding: 0px 10px 0px 0px !important;
padding: 0rem .625rem 0rem 0rem !important;
float: left
}
.module--ic-mark .breadcrumbs a {
border-bottom: 0
}
.module--ic-mark .breadcrumbs .mobile-show:before {
display: none
}
.module--ic-mark .ic-mark--image {
-ms-grid-column: 1fr 10px 3fr;
grid-column-gap: 10px;
grid-column-gap: .625rem
}
.module--ic-mark .ic-mark--generalities {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.5fr 80px 1fr;
-ms-grid-rows: auto 40px auto;
grid-template-columns:1.5fr 1fr;
grid-column-gap: 80px;
grid-column-gap: 5rem;
grid-row-gap: 40px;
grid-row-gap: 2.5rem
}
.module--ic-mark .ic-mark--generalities > div {
margin: 0
}
.module--ic-mark .ic-mark--generalities .ic-mark--info:last-child {
-ms-grid-row: 3
}
.module--ic-mark .ic-mark--generalities .ic-mark--contact {
-ms-grid-column: 3;
-ms-grid-row-span: 3;
grid-column: 2;
grid-row: 1 / span 2
}
.module--ic-mark .ic-mark--contact {
border: 0;
padding: 0;
overflow: visible
}
.module--ic-mark .ic-mark--contact .button {
width: auto !important;
margin: 0;
border-radius: 4px
}
.module--ic-mark .ic-mark--table-complex th, .module--ic-mark .ic-mark--table-complex td {
padding: 18px 30px !important;
padding: 1.125rem 1.875rem !important
}
.module--ic-mark .ic-mark--disclaimer {
padding: 30px;
padding: 1.875rem
}
}
.rb--title-xlarge {
font-weight: normal;
text-transform: none !important;
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.4em !important
}
.rb--title-large {
font-weight: 500;
text-transform: none !important;
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.4em !important
}
.rb--emphasized {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 1.09091em !important;
font-weight: 300
}
.rb--table-simple {
background: #f5f5f5;
border-radius: 4px;
padding: 20px;
padding: 1.25rem;
width: 100%
}
.rb--table-simple tr {
margin-bottom: 25px;
margin-bottom: 1.5625rem;
display: block
}
.rb--table-simple tr:last-child {
margin-bottom: 0
}
.rb--table-simple th, .rb--table-simple td {
display: block;
text-align: left
}
@media only screen and (min-width: 750px) {
.rb--title-xlarge {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.14286em !important
}
.rb--title-border {
position: relative
}
.rb--title-border span {
background: #fff;
display: inline-block;
position: relative;
z-index: 2;
padding-right: 25px;
padding-right: 1.5625rem
}
.rb--title-border:before {
content: "";
width: 100%;
height: 1px;
background: #e6e6e6;
position: absolute;
top: 50%;
margin-top: 1px;
display: block
}
.rb--table-simple {
padding: 15px;
padding: .9375rem
}
.rb--table-simple tr {
display: table-row
}
.rb--table-simple th, .rb--table-simple td {
display: table-cell;
padding: 8px 15px;
padding: .5rem .9375rem
}
}
.job-opportunities-filter {
background: #F4F4F4;
margin: 0px -24px;
margin: 0rem -1.5rem;
padding: 24px;
padding: 1.5rem;
width: calc(100% + 48px)
}
.job-opportunities-filter .field {
margin: 20px 0px;
margin: 1.25rem 0rem;
padding: 0;
position: relative;
transition: all ease-out .15s
}
.job-opportunities-filter .field [role="menu"] {
transition: all ease-out .1s;
visibility: hidden;
opacity: 0;
height: 0
}
.job-opportunities-filter .field.field--is-active [role="menu"] {
visibility: visible;
opacity: 1;
height: auto
}
.job-opportunities-filter .field.field--is-focused button {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}
.job-opportunities-filter .field.field--checkbox label {
position: relative;
padding-left: 20px;
padding-left: 1.25rem
}
.job-opportunities-filter .field.field--checkbox input[type="checkbox"] {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.job-opportunities-filter label {
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
cursor: pointer
}
.job-opportunities-filter button {
width: 100%;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important;
color: #363636;
text-transform: none;
text-align: left;
border: 1px solid #ccc;
background: #fff;
position: relative
}
.job-opportunities-filter button:before {
content: "";
display: block;
width: 9px;
width: .5625rem;
height: 5px;
height: .3125rem;
position: absolute;
top: 50%;
right: 10px;
right: .625rem;
transform: translateY(-50%);
background: url("i/arrows/carret-down.png") no-repeat center center
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.job-opportunities-filter button:before {
background-image: url("i/arrows/carret-down@2x.png") !important;
background-size: 9px 5px !important
}
}
.job-opportunities-filter button:hover, .job-opportunities-filter button:focus, .job-opportunities-filter button:hover:active, .job-opportunities-filter button:focus:active {
background: #fff;
color: #363636 !important;
border: 1px solid #ccc;
outline: none
}
.job-opportunities-filter [role="menu"] {
background: #fff;
border: 1px solid #ccc;
border-top: 0;
position: absolute;
z-index: 100;
top: 100%;
width: 100%;
max-height: 225px;
max-height: 14.0625rem;
overflow-y: scroll
}
.job-opportunities-filter [role="menu"] .multiple-select--option {
border-bottom: 1px solid #eee;
position: relative;
transition: all ease-out .15s
}
.job-opportunities-filter [role="menu"] .multiple-select--option.is-hidden {
display: none
}
.job-opportunities-filter [role="menu"] .multiple-select--option:focus {
outline: none;
background: #f8f8f8
}
.job-opportunities-filter [role="menu"] .multiple-select--option:last-of-type {
border-bottom: 0
}
.job-opportunities-filter [role="menu"] .multiple-select--option label {
padding: 12px 12px 12px 40px;
padding: .75rem .75rem .75rem 2.5rem;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.42857em !important;
display: block
}
.job-opportunities-filter [role="menu"] .multiple-select--option input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
pointer-events: none
}
.job-opportunities-filter [role="menu"] .multiple-select--option .checkmark {
position: absolute;
width: 18px;
width: 1.125rem;
height: 18px;
height: 1.125rem;
display: block;
top: 50%;
left: 10px;
left: .625rem;
transform: translateY(-50%);
background: url("i/icons/checkmark-empty.svg") no-repeat 0 0
}
.job-opportunities-filter [role="menu"] .multiple-select--option input:checked + .checkmark {
background: url("i/icons/checkmark-selected.svg") no-repeat 0 0
}
.job-opportunities-filter .field--is-active button {
background: #fff;
color: #363636 !important;
border: 1px solid #ccc;
outline: none
}
.job-opportunities-filter .field--is-active [role="menu"] {
display: block
}
.job-opportunities-filter .field--is-disabled {
pointer-events: none;
cursor: none;
opacity: .3
}
.job-opportunities-filter .description {
text-align: center;
margin-top: 35px;
margin-top: 2.1875rem;
color: #363636
}
.job-opportunities-filter .description.filter--is-active.filter--no-result .no-result {
display: inline
}
.job-opportunities-filter .description.filter--is-active.filter--one-result .one-result {
display: inline
}
.job-opportunities-filter .description.filter--is-active.filter--multi-result .multi-result {
display: inline
}
.job-opportunities-filter .description.filter--is-active p {
display: none
}
.job-opportunities-filter .description.filter--is-active .active-filter-only {
display: inline
}
.job-opportunities-filter .description .active-filter-only {
display: none
}
.job-opportunities-filter .description .active-filter-only.no-result {
display: none
}
.job-opportunities-filter .description .active-filter-only.one-result {
display: none
}
.job-opportunities-filter .description .active-filter-only.multi-result {
display: none
}
.job-opportunities-filter .description p, .job-opportunities-filter .description a {
margin-top: 12px;
margin-top: .75rem
}
.job-opportunities-filter .description a:focus {
outline: none;
text-decoration: underline
}
@media only screen and (min-width: 750px) {
.job-opportunities-filter {
padding: 36px 24px;
padding: 2.25rem 1.5rem
}
.job-opportunities-filter .fields-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
-ms-grid-rows: 1fr 20px 1fr;
grid-template-columns:repeat(3, 1fr);
grid-gap: 20px
}
.job-opportunities-filter .field {
margin: 0
}
.job-opportunities-filter .field:nth-of-type(1) {
-ms-grid-column: 1
}
.job-opportunities-filter .field:nth-of-type(2) {
-ms-grid-column: 3
}
.job-opportunities-filter .field:nth-of-type(3) {
-ms-grid-column: 5
}
.job-opportunities-filter .field.field--checkbox {
grid-column: 1 / span 3;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 3;
text-align: center
}
.job-opportunities-filter .field.field--checkbox label {
display: inline-block
}
.job-opportunities-filter .description p {
display: inline
}
}
@media only screen and (min-width: 1200px) {
.job-opportunities-filter {
padding: 36px 80px;
padding: 2.25rem 5rem;
width: calc(100% + 160px);
margin: 0px -80px;
margin: 0rem -5rem
}
}
.job-opportunities-results {
margin: 40px 0px;
margin: 2.5rem 0rem;
overflow: hidden
}
.job-opportunities-results .job-opportunities-results-group:first-of-type .title {
margin-top: 0
}
.job-opportunities-results .job-opportunities-results-group.is-hidden {
display: none
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible {
border-bottom: 1px solid #eee
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible .title {
position: relative;
padding: 25px 50px 25px 0px;
padding: 1.5625rem 3.125rem 1.5625rem 0rem;
cursor: pointer;
transition: all ease-out .15s;
margin: 0
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible .title:focus {
color: #444;
text-decoration: underline
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible .title:before {
content: "";
width: 20px;
width: 1.25rem;
height: 20px;
height: 1.25rem;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: url("i/icon-minus.svg") no-repeat center center
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible:not(.is-collapsed) {
border-bottom-color: transparent;
margin-bottom: 25px;
margin-bottom: 1.5625rem
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible.is-collapsed .title:before {
background: url("i/icon-plus.svg") no-repeat center center
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible.is-collapsed .job-opportunities-results-list {
visibility: hidden;
opacity: 0;
height: 0
}
.job-opportunities-results .title {
text-transform: none;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5em !important;
font-weight: normal;
padding: 25px 0px 15px;
padding: 1.5625rem 0rem .9375rem;
outline: none
}
.job-opportunities-results .count {
color: #b7b7b7
}
.job-opportunities-results .job-opportunities-results-list {
transition: all ease-out .1s;
height: auto;
visibility: visible;
opacity: 1;
overflow: hidden;
top: -15px;
top: -.9375rem;
position: relative
}
.job-opportunities-results .job-opportunities-results-list li {
border: 1px solid #e1e1e1;
border-radius: 5px;
margin: 15px 0px 0px;
margin: .9375rem 0rem 0rem;
padding: 20px;
padding: 1.25rem;
line-height: 1.5
}
.job-opportunities-results .job-opportunities-results-list li.is-hidden {
display: none
}
.job-opportunities-results .job-opportunities-results-list li a, .job-opportunities-results .job-opportunities-results-list li span {
display: block
}
.job-opportunities-results .job-opportunities-results-list li span {
margin-top: 12px;
margin-top: .75rem
}
.job-opportunities-results .job-opportunities-results-list li .job-type br {
display: none
}
.job-opportunities-results .job-opportunities-results-list a {
color: #C94C08
}
.job-opportunities-results .job-opportunities-results-list a:focus {
outline: none;
text-decoration: underline
}
@media only screen and (min-width: 750px) {
.job-opportunities-results .title {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1em !important
}
.job-opportunities-results .job-opportunities-results-group:not(.is-collapsed) .title {
border-bottom: 1px solid #eee
}
.job-opportunities-results .job-opportunities-results-group:not(.is-collapsed) .job-opportunities-results-list {
margin-bottom: 25px;
margin-bottom: 1.5625rem
}
.job-opportunities-results .job-opportunities-results-group.is-collapsible .title {
border-bottom: 0
}
.job-opportunities-results .job-opportunities-results-group:not(.is-collapsed) .job-opportunities-results-list {
top: 0
}
.job-opportunities-results .job-opportunities-results-list li {
border: 0;
padding: 20px 0px;
padding: 1.25rem 0rem;
margin: 0;
display: flex
}
.job-opportunities-results .job-opportunities-results-list li a {
width: 60%
}
.job-opportunities-results .job-opportunities-results-list li .job-type {
width: 20%
}
.job-opportunities-results .job-opportunities-results-list li .job-type br {
display: block
}
.job-opportunities-results .job-opportunities-results-list li .job-location {
width: 20%
}
.job-opportunities-results .job-opportunities-results-list li span {
margin: 0;
padding-left: 40px;
padding-left: 2.5rem
}
}
.infobox {
background: #f5f5f5;
padding: 24px;
padding: 1.5rem;
text-align: center;
border-radius: 5px
}
.infobox > * {
max-width: 480px;
max-width: 30rem;
margin-left: auto;
margin-right: auto
}
.infobox h3 {
text-transform: none;
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.125em !important
}
@media only screen and (min-width: 600px) {
.infobox .buttons .button {
margin-bottom: 0 !important
}
}
.intl-tel-input {
display: block;
position: relative;
width: 100%
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.intl-tel-input .hide {
display: none
}
.intl-tel-input .v-hide {
visibility: hidden
}
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0
}
.intl-tel-input .flag-container {
height: 2.5em;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.intl-tel-input .selected-flag {
height: 100%;
padding: 0;
position: relative;
width: 36px;
z-index: 1
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: none
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
display: none
}
@media (max-width: 500px) {
.intl-tel-input .country-list {
white-space: normal
}
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC
}
.intl-tel-input .country-list .country {
padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
color: #999
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, 0.05)
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
vertical-align: middle
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
margin-right: 6px
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] {
padding-right: 6px;
padding-left: 37px;
margin-left: 0;
width: 100%
}
.intl-tel-input.allow-dropdown .flag-container {
right: auto;
left: 0
}
.intl-tel-input.allow-dropdown .selected-flag {
width: 46px
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0, 0, 0, 0.05)
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
cursor: default
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
background-color: transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
background-color: rgba(0, 0, 0, 0.05);
display: table
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 8px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
padding-left: 61px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
width: 50px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
padding-left: 69px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
width: 58px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
padding-left: 77px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
width: 66px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
padding-left: 85px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
width: 74px
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px
}
.intl-tel-input.iti-container:hover {
cursor: pointer
}
.iti-mobile .intl-tel-input.iti-container {
bottom: 30px;
height: auto;
left: 30px;
position: fixed;
right: 30px;
top: 30px;
width: auto
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px 10px;
line-height: 1.5em
}
.iti-flag {
display: none !important
}
.iti-flag.be {
width: 18px
}
.iti-flag.ch {
width: 15px
}
.iti-flag.mc {
width: 19px
}
.iti-flag.ne {
width: 18px
}
.iti-flag.np {
width: 13px
}
.iti-flag.va {
width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-size: 5630px 15px
}
}
.iti-flag.ac {
height: 10px;
background-position: 0px 0px
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0px
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0px
}
.iti-flag.af {
height: 14px;
background-position: -66px 0px
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0px
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0px
}
.iti-flag.al {
height: 15px;
background-position: -132px 0px
}
.iti-flag.am {
height: 10px;
background-position: -154px 0px
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0px
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0px
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0px
}
.iti-flag.as {
height: 10px;
background-position: -242px 0px
}
.iti-flag.at {
height: 14px;
background-position: -264px 0px
}
.iti-flag.au {
height: 10px;
background-position: -286px 0px
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0px
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0px
}
.iti-flag.az {
height: 10px;
background-position: -352px 0px
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0px
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0px
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0px
}
.iti-flag.be {
height: 15px;
background-position: -440px 0px
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0px
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0px
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0px
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0px
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0px
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0px
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0px
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0px
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0px
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0px
}
.iti-flag.br {
height: 14px;
background-position: -680px 0px
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0px
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0px
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0px
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0px
}
.iti-flag.by {
height: 10px;
background-position: -790px 0px
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0px
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0px
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0px
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0px
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0px
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0px
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0px
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0px
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0px
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0px
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0px
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0px
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0px
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0px
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0px
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0px
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0px
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0px
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0px
}
.iti-flag.cy {
height: 13px;
background-position: -1225px 0px
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0px
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0px
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0px
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0px
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0px
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0px
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0px
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0px
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0px
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0px
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0px
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0px
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0px
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0px
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0px
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0px
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0px
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0px
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0px
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0px
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0px
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0px
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0px
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0px
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0px
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0px
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0px
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0px
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0px
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0px
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0px
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0px
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0px
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0px
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0px
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0px
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0px
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0px
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0px
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0px
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0px
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0px
}
.iti-flag.hk {
background: url(i/icons/flag-global-black.png) no-repeat 0 0/20px 9px !important;
box-shadow: none;
height: 9px
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0px
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0px
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0px
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0px
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0px
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0px
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0px
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0px
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0px
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0px
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0px
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0px
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0px
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0px
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0px
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0px
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0px
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0px
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0px
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0px
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0px
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0px
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0px
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0px
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0px
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0px
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0px
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0px
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0px
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0px
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0px
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0px
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0px
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0px
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0px
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0px
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0px
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0px
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0px
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0px
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0px
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0px
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0px
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0px
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0px
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0px
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0px
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0px
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0px
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0px
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0px
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0px
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0px
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0px
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0px
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0px
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0px
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0px
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0px
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0px
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0px
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0px
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0px
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0px
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0px
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0px
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0px
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0px
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0px
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0px
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0px
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0px
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0px
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0px
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0px
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0px
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0px
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0px
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0px
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0px
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0px
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0px
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0px
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0px
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0px
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0px
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0px
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0px
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0px
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0px
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0px
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0px
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0px
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0px
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0px
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0px
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0px
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0px
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0px
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0px
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0px
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0px
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0px
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0px
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0px
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0px
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0px
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0px
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0px
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0px
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0px
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0px
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0px
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0px
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0px
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0px
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0px
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0px
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0px
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0px
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0px
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0px
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0px
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0px
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0px
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0px
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0px
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0px
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0px
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0px
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0px
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0px
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0px
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0px
}
.iti-flag.tw {
background: url(i/icons/flag-global-black.png) no-repeat 0 0/20px 9px !important;
box-shadow: none;
height: 9px
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0px
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0px
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0px
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0px
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0px
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0px
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0px
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0px
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0px
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0px
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0px
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0px
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0px
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0px
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0px
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0px
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0px
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0px
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0px
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0px
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0px
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0px
}
.iti-flag {
width: 20px;
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("/css/i/intlTelInput/flags.png");
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-image: url("/css/i/intlTelInput/flags@2x.png")
}
}
.iti-flag.np {
background-color: transparent
}
.main-content {
counter-reset: styleguide-item
}
.styleguide-module {
clear: both;
counter-increment: styleguide-item
}
.styleguide-module > header {
color: #fff;
background: #464646
}
.styleguide-module > header:after {
content: '';
display: table;
clear: both
}
.styleguide-module > header a {
display: block;
color: #f60;
padding: 12px 24px;
padding: .75rem 1.5rem
}
.styleguide-module > header a:hover {
color: #fff;
background: #f60
}
.styleguide-module > header a:before {
display: inline-block;
width: 2em;
padding-right: 1em;
text-align: right;
content: counter(styleguide-item)
}
.styleguide-module .the-module {
padding: 24px 24px;
padding: 1.5rem 1.5rem
}
.styleguide-module .the-module:after {
content: '';
display: table;
clear: both
}
.styleguide-module .styleguide-module-description {
padding: 36px 48px;
background: #e4e4e4
}
.styleguide-module .styleguide-module-description ul, .styleguide-module .styleguide-module-description ol, .styleguide-module .styleguide-module-description p {
max-width: 30em;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.styleguide-module .styleguide-module-description ul li {
padding-left: 1.5em
}
.styleguide-module .styleguide-module-description ul li:before {
content: '–';
float: left;
margin-left: -1em
}
.styleguide-module .styleguide-module-description ol li {
margin-left: 1.5em;
list-style: decimal outside
}
.styleguide-module .styleguide-module-description a {
color: #09c
}
.styleguide-module .styleguide-module-description a:hover {
color: #f60
}
.styleguide-module .styleguide-module-description dl {
margin-bottom: 36px;
margin-bottom: 2.25rem
}
.styleguide-module .styleguide-module-description textarea {
white-space: nowrap;
overflow: auto;
height: 200px;
width: 100%
}
.styleguide-module .module-code-sample pre {
color: #fff;
background: #000;
font-size: 14px !important;
font-size: .875rem !important;
line-height: 1.71429em !important
}
.styleguide-module .breadcrumbs {
position: static;
top: 0
}
.styleguide-module p > code {
color: #060;
background: #ff0;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.33333em !important
}
.styleguide-snippet {
padding: 48px 0px;
padding: 3rem 0rem
}
.styleguide-snippet:after {
content: '';
display: table;
clear: both
}
.styleguide-snippet header h1 {
color: #ccc
}
@media only screen and (min-width: 1200px) {
.styleguide-module > header a {
padding: 12px 48px;
padding: .75rem 3rem
}
.styleguide-module > header a:before {
margin-left: -16px;
margin-left: -1rem
}
.the-module {
padding: 48px 80px !important;
padding: 3rem 5rem !important
}
}
#dev-links a {
display: block;
font-size: 11px !important;
font-size: .6875rem !important;
line-height: 1.63636em !important;
padding: 3px 16px;
padding: .1875rem 1rem;
text-transform: capitalize;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none
}
#dev-links-page-by-page {
position: fixed;
top: 0;
bottom: 0;
left: -180px;
overflow: auto;
transition: all .3s ease;
width: 200px;
z-index: 9999;
text-align: left;
background: #fff
}
@media only screen and (max-width: 1799px) {
#dev-links-page-by-page {
-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1)
}
}
@media only screen and (min-width: 1800px) {
#dev-links-page-by-page {
left: 0
}
}
#dev-links-page-by-page:hover {
left: 0
}
#dev-links-page-by-page h3 {
text-transform: uppercase;
font-weight: bold;
font-size: 12px !important;
font-size: .75rem !important;
line-height: 1.5em !important;
padding: 9px 16px 3px;
padding: .5625rem 1rem .1875rem;
margin: 0;
border-top: 1px solid #ccc
}
#dev-links-page-by-page ul {
width: 100%;
margin-bottom: 12px;
margin-bottom: .75rem;
overflow: hidden
}
#dev-links-page-by-page .done a {
color: #fff;
background: #393
}
#dev-links-page-by-page .empty a {
font-weight: bold
}
#dev-links-page-by-page .todo a {
color: #060;
background: #ff0
}
#dev-links-page-by-page .important a {
color: #fff;
background: #f00
}
#dev-links-page-by-page .new a, #dev-links-page-by-page .approved a {
color: #000;
background: #fff;
white-space: nowrap
}
#dev-links-page-by-page .new a:before, #dev-links-page-by-page .approved a:before {
content: 'NEW';
display: inline-block;
text-align: center;
font-size: 16px;
height: 18px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
color: #fff;
background: #f00;
margin-right: .5em;
padding: 0 .5em;
font-size: 10px !important;
font-size: .625rem !important;
line-height: 1.8em !important
}
#dev-links-page-by-page .current a {
color: #fff;
background: #000
}
#dev-links-page-by-page a:hover {
color: #fff !important;
background: #f60 !important
}
#dev-links-page-by-page {
display: none
}
@media only screen and (min-width: 1200px) {
#dev-links-page-by-page {
display: block
}
}
#dev-links-prev-next {
position: fixed;
z-index: 9999;
bottom: 0;
right: 0;
width: 100%;
max-width: 96px;
background: #000;
display: table
}
#dev-links-prev-next #dev-link-prev, #dev-links-prev-next #dev-link-next {
display: table-cell;
width: 50%;
text-align: center;
vertical-align: middle
}
#dev-links-prev-next #dev-link-prev a, #dev-links-prev-next #dev-link-next a {
display: block;
position: relative;
height: 48px;
height: 3rem;
width: 48px;
width: 3rem;
line-height: 40px;
line-height: 2.5rem;
text-indent: -9999px;
overflow: hidden;
color: #fff
}
#dev-links-prev-next #dev-link-prev a:hover, #dev-links-prev-next #dev-link-prev a:focus, #dev-links-prev-next #dev-link-next a:hover, #dev-links-prev-next #dev-link-next a:focus {
color: #fff;
background: #f60
}
#dev-links-prev-next #dev-link-prev a:before, #dev-links-prev-next #dev-link-next a:before {
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 40px !important;
font-size: 2.5rem !important;
line-height: 1em !important;
height: 48px;
width: 50px;
text-indent: 0;
text-align: center;
overflow: hidden
}
#dev-links-prev-next #dev-link-prev a:before {
content: '«'
}
#dev-links-prev-next #dev-link-next a:before {
content: '»'
}
pre {
max-width: 100%;
overflow: hidden;
color: #060;
background: #ffc;
padding: 1.5em 0;
margin-bottom: 1.5em
}
pre a {
color: #f60;
text-decoration: underline
}
pre a:hover {
text-decoration: none
}
pre.client {
display: none
}
.html-styleguide pre.client {
display: block
}
.html-no-dev pre {
display: none
}