﻿@charset "utf-8";

html {font-family: "Microsoft Yahei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
 display: none
}
a { background-color: transparent;}
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }

mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: "Microsoft Yahei"; font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-appearance: textfield; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 ; }
html { overflow-y: scroll; -webkit-overflow-scrolling: touch }
.has-overlay { overflow: hidden; height: auto }
.has-overlay>body { height: 100%; overflow: hidden }
.modal--fade, .modal--show { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; width: 0; height: 0; overflow: hidden; opacity: 0; display: none\9 }
.is-active.modal--fade, .is-active.modal--show, .modal--fade:target, .modal--show:target { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: auto; height: auto; opacity: 1 }
.is-active.modal--fade, .is-active.modal--show { display: block\9; height: 100%\9; width: 100%\9 }
.is-active.modal--fade, .is-active.modal--show, .modal--fade:target, .modal--show:target { display: block\9 }
.modal--fade .modal-inner, .modal--show .modal-inner { position: absolute; top: 60px; left: 50%; z-index: 20; margin-left: -325px; width: 650px; overflow-x: hidden; -webkit-overflow-scrolling: touch }
.modal--fade .modal-inner>iframe, .modal--fade .modal-inner>img, .modal--fade .modal-inner>video, .modal--show .modal-inner>iframe, .modal--show .modal-inner>img, .modal--show .modal-inner>video { width: 100%; height: auto; min-height: 300px }
.modal--fade .modal-inner>img, .modal--show .modal-inner>img { width: auto; max-width: 100% }
.modal--fade .modal-inner iframe, .modal--show .modal-inner iframe { display: block; width: 100%; border: 0 }
.modal--fade .modal-content, .modal--show .modal-content { position: relative; max-height: 400px; max-height: 60vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch }
.modal--fade .modal-content>*, .modal--show .modal-content>* { max-width: 100% }
.modal--fade footer, .modal--show footer { border-top: 1px solid #fff; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px }
.modal--fade .modal-close, .modal--show .modal-close { display: block; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden }
.modal--fade .modal-close:focus:after, .modal--show .modal-close:focus:after { outline: 1px dotted; outline: -webkit-focus-ring-color auto 5px }
.modal--fade .modal-close:before, .modal--show .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10 }
.modal--fade .modal-close:after, .modal--show .modal-close:after { content: '×'; position: absolute; top: 35px; right: 50%; z-index: 20; margin-right: -325px }
 @media screen and (max-width:690px) {
.modal--fade .modal-inner, .modal--show .modal-inner { width: auto; left: 20px; right: 20px; margin-left: 0 }
.modal--fade .modal-close:after, .modal--show .modal-close:after { margin-right: 0!important; right: 20px }
}
 @media screen and (max-width:30em) {
.modal--fade, .modal--show { -webkit-transform: translate(0, 400px); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity 1ms .25s; display: block; right: auto; bottom: auto }
.is-active.modal--fade, .is-active.modal--show, .modal--fade:target, .modal--show:target { width: 100%; height: 100% }
.is-active.modal--fade .modal-close, .is-active.modal--show .modal-close, .modal--fade:target .modal-close, .modal--show:target .modal-close { display: block }
.modal--fade .modal-inner, .modal--show .modal-inner { box-sizing: border-box; top: 0; left: 0; right: 0; height: 110%; overflow: auto }
.modal--fade .modal-content, .modal--show .modal-content { max-height: none; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto }
.modal--fade .modal-close, .modal--show .modal-close { display: none; right: auto }
.modal--fade .modal-close:before, .modal--show .modal-close:before { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 20 }
.modal--fade .modal-close:after, .modal--show .modal-close:after { top: 5px!important; right: 5px; left: auto; margin-left: 0 }
}
 @media screen and (max-height:46em)and (min-width:30em) {
.modal--fade .modal-content, .modal--show .modal-content { max-height: 340px; max-height: 50vh }
}
 @media screen and (max-height:36em)and (min-width:30em) {
.modal--fade .modal-content, .modal--show .modal-content { max-height: 265px; max-height: 40vh }
}
.is-stacked.modal--fade, .is-stacked.modal--show { -webkit-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1 }
.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both }
.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close { opacity: 0 }
 @media screen and (max-width:30em) {
.is-stacked.modal--fade, .is-stacked.modal--show { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both }
.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner { -webkit-animation: none; animation: none }
.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close { opacity: 1 }
}
 @media screen and (min-width:30em) {
.modal--fade { transition: opacity .4s }
}
.modal--fade, .modal--show { color: #222; line-height: 1.3 }
.modal--fade .modal-inner, .modal--show .modal-inner { border-radius: 2px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.6); max-width: 100%; transition: max-width .25s linear, margin-left 125ms linear }
.modal--fade header, .modal--show header { border-bottom: 1px solid #ddd; padding: 0 1.2em }
.modal--fade header>h2, .modal--show header>h2 { margin: .5em 0 }
.modal--fade .modal-content, .modal--show .modal-content { border-bottom: 1px solid #ddd; padding: 15px 1.2em }
.modal--fade footer, .modal--show footer { border-top: 1px solid #fff; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px }
.modal--fade .modal-close, .modal--show .modal-close { text-indent: -100px }
.modal--fade .modal-close:before, .modal--show .modal-close:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII=) }
.modal--fade .modal-close:after, .modal--show .modal-close:after { content: '×'; background: #fff; border-radius: 2px; padding: 2px 8px; font-size: 1.2em; text-decoration: none; text-indent: 0 }
 @media screen and (max-width:30em) {
.modal--fade .modal-close:before, .modal--show .modal-close:before { background: #27aae2; height: 3em; box-shadow: 0 0 5px rgba(0,0,0,.6) }
.modal--fade .modal-inner, .modal--show .modal-inner { padding-top: 3em; box-shadow: none }
.modal--fade .modal-close, .modal--show .modal-close { text-decoration: none }
.modal--fade .modal-close:after, .modal--show .modal-close:after { content: attr(data-close); font-size: 1em; padding: .5em 1em }
}
.u-hidden { display: none!important }
.u-visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.u-visuallyHidden.u-focusable:active, .u-visuallyHidden.u-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.u-invisible { visibility: hidden }
.u-clearfix:after, .u-clearfix:before { content: " "; display: table }
.u-clearfix:after { clear: both }
 @media(min-width:46.25em) {
.u-mobileOnly { display: none!important }
}
 @media(max-width:46.24em) {
.u-tabletDesktopOnly { display: none!important }
}
 @media(max-width:46.24em) {
.u-constrain { padding-left: 7.56303%; padding-right: 7.56303% }
}
 @media(min-width:46.25em) {
.u-constrain { padding-left: 5.04202%; padding-right: 5.04202%; box-sizing: border-box }
.PageContainer--hasSecondaryNav .u-constrain { padding: 0 }
}
.u-constrain .u-constrain { padding: 0;}
 @media(max-width:46.24em) {
.PageContainer>.u-constrain>.u-constrainAdjust { padding-left: 8.40336%; padding-right: 8.40336% }
}
 @media(min-width:46.25em) {
.PageContainer--hasSecondaryNav .u-constrainAdjust { padding-left: 29.41176% }
}
.u-constrainAdjust .u-constrainAdjust { padding: 0 }
.ApplicationPop-close, .ApplicationPop-container, .GlobalSecondaryNavContainer, .GlobalSiteHeader, .InfographicComponents, .SharePriceContainer, .SuperHero-container, .VerticalNavigation-content, .trailNavigation, .u-constrain { max-width: 77em; margin-left: auto; margin-right: auto }
.ApplicationPop-close:after, .ApplicationPop-container:after, .GlobalSecondaryNavContainer:after, .GlobalSiteHeader:after, .InfographicComponents:after, .SharePriceContainer:after, .SuperHero-container:after, .VerticalNavigation-content:after, .trailNavigation:after, .u-constrain:after { content: " "; display: block; clear: both }
.UserAccount .UserAccount-welcome .TextBlock h2, .UserProjects .UserProjects-header .title, .UserSavedContent .UserSavedContent-header .title { font-size: 2.5em; font-weight: 500; line-height: 1.5 }
.PageHeader h1 { font-size: 2.125em; font-weight: 500; line-height: 1.5 }
.ContentListing-title, .UserProjects .UserProjects-header .content, .UserSavedContent .UserSavedContent-header .content, .myAccount-header--button .CountryLanguageSelector .myAccount-header--menu .myAccount-header--title h3 { font-size: 1.25em; font-weight: 400 }
.UserAccount .UserAccount-added--content .Cta, .UserAccount .UserAccount-links .top-links .link, .UserAccount .UserAccount-projects .Cta, .UserAccount .UserAccount-saved--content .Cta, .UserAccount .UserAccount-welcome .TextBlock .subtitle, .UserProjects .UserProjects-links .top-links .link, .UserProjects .UserProjects-list .projects-list .title, .UserProjects .button .Cta, .UserProjects .button.Cta, .UserProjects button .Cta, .UserProjects button.Cta, .UserSavedContent .UserSavedContent-links .top-links .link, .UserSavedContent .UserSavedContent-list .projects-list .title, .UserSavedContent .button .Cta, .UserSavedContent .button.Cta, .UserSavedContent button .Cta, .UserSavedContent button.Cta { font-size: 1em; font-weight: 400 }
#modal-colours .modal-colours .modal-content .arrow-basket, #modal-colours .modal-colours .modal-content .modal-colour-close-icon span, .HighProductCards-title p, .UserProjects .UserProjects-filter .filter-sort .sort-list--helper .sort-list, .UserProjects .UserProjects-list .projects-list .controlls .Cta, .UserProjects .UserProjects-list .projects-list .itemsNo, .UserSavedContent .UserSavedContent-filter .filter-sort .sort-list--helper .sort-list, .UserSavedContent .UserSavedContent-list .projects-list .controlls .Cta, .UserSavedContent .UserSavedContent-list .projects-list .itemsNo, .UserSavedContent .UserSavedContent-list .projects-list .projectList { font-size: .875em; font-weight: 400 }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .title, .Hero p, dl dd, dl dt, ol li, ul li { font-size: 1em; font-weight: 500 }
.ContentListing-date, .Spotlight-date, .SpotlightGrid-date { font-size: .9em; font-weight: 400 }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item p, .SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit input[type=submit], .SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu .SavePage-header--title h3, .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item p, .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit input[type=submit], .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item a { font-size: 1.125em; font-weight: 500 }
#modal-colours .modal-colours .modal-content .subtitle, .UserAccount .items .item p { font-size: 1.125em; font-weight: 400 }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item p, .SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit input[type=submit], .SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu .SavePage-header--title h3, .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item p, .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit input[type=submit], .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item a { font-size: 1.125em; font-weight: 500 }
#modal-colours .modal-colours .modal-content .subtitle, .UserAccount .items .item p { font-size: 1.125em; font-weight: 400 }
.ImageBoard-content h3, .Spotlight-strapline, .Spotlight-title, .SpotlightGrid-strapline, .SpotlightGrid-title { -ms-word-break: normal; word-break: break-word; word-wrap: break-word; -ms-hyphens: none; -webkit-hyphens: auto; hyphens: auto }
body { line-height: 1.75 }
body.EditMode { overflow: visible }
button, html, input, textarea { color: #3a3a3a; font-weight: 400 }

html button, html input, html textarea { font-family: "Microsoft Yahei"; }
html.font-default {font-family: "Microsoft Yahei"; }
html.font-default button, html.font-default input, html.font-default textarea { font-family: Brown, sans-serif }
html.font-alt1 { font-family: "Microsoft Yahei"; }
html.font-alt1 button, html.font-alt1 input, html.font-alt1 textarea { font-family: "Microsoft Yahei"; }
h2 { font-size: 1.875em; line-height: 1.5; font-weight: 400; clear: both; margin: 0 }
h3 { font-size: 1.875em; line-height: 1.5; font-weight: 400; margin: 0 0 1em 0 }
p { font-size: 1em; line-height: 1.9; font-weight: 400; margin: 0 0 1em 0 }

ol li { margin: 0 0 1em 0 }
dl dt { margin: 0 0 1em 0 }
dl dd { margin: 0 0 1em 0 }

a { color:#000; text-decoration: none; }
a:focus, a:hover { text-decoration: none; color: #140079 }
.ArticleText a, .FiftyFifty a, .FiftyFifty-slider a, .ProductDetails a, .SummaryBlock a, .TextBlock a, .globalMapControl a, blockquote a { text-decoration: underline }
.ArticleText a:focus, .ArticleText a:hover, .FiftyFifty a:focus, .FiftyFifty a:hover, .FiftyFifty-slider a:focus, .FiftyFifty-slider a:hover, .ProductDetails a:focus, .ProductDetails a:hover, .SummaryBlock a:focus, .SummaryBlock a:hover, .TextBlock a:focus, .TextBlock a:hover, .TitleSummary a:focus, .TitleSummary a:hover, .globalMapControl a:focus, .globalMapControl a:hover, blockquote a:focus, blockquote a:hover { text-decoration: underline; color: #140079 }
blockquote { background: #ededed; margin: 0 0 3.75em 0; overflow: hidden; padding: 1.125em 4.375em; position: relative; font-size: 1em; line-height: 1.9; font-weight: 400 }
blockquote svg { height: .9375em; position: absolute; width: 1.25em }
blockquote svg:first-child { left: 1em }
blockquote svg:last-child { bottom: 1.125em; right: 1em }
.PageHeader { margin-bottom: 1.875em }
.PageHeader:after, .PageHeader:before { content: " "; display: table }
.PageHeader:after { clear: both }
 @media(max-width:46.24em) {
.PageHeader { padding-left: 8.40336%; padding-right: 8.40336% }
}
.PageHeader h1, .PageHeader p { margin-bottom: 0 }
 @media(min-width:46.25em) {
.TextBlock { margin: 0 -2% }
}
 @media(min-width:46.25em) {
.TextBlock-item { float: left; margin: 0 2%; width: 46% }
.TextBlock-item.TextBlock-item-full { width: 100% }
}
.InsetContent { padding-left: 8.40336%; padding-right: 8.40336% }
.Cta { display: inline-block; font-size: .875em; margin-bottom: 1em; padding: .57143em 1.14286em; position: relative; text-decoration: none }
.Cta:focus, .Cta:hover { text-decoration: underline }
.Cta:after { content: ""; height: .78571em; margin-top: -.42857em; position: absolute; right: 1.14286em; top: 50%; width: 1.14286em }
.TextBlock-item>.Cta { margin-bottom: 1em }
.Cta--pri, .Spotlight--bleedLeft .Cta, .Spotlight--bleedRight .Cta, .SpotlightGrid--bleedLeft .Cta, .SpotlightGrid--bleedRight .Cta { background: #3a3a3a; color: #fff }
.Cta--pri svg, .Spotlight--bleedLeft .Cta svg, .Spotlight--bleedRight .Cta svg, .SpotlightGrid--bleedLeft .Cta svg, .SpotlightGrid--bleedRight .Cta svg { padding-left: .9375em }
.Cta--sec { background: #fff; border: 1px solid #3a3a3a; color: #3a3a3a }
.Cta--sec svg { padding-left: .9375em }
.Cta--sec path { fill: #3a3a3a }
.Cta--border { background: 0 0; border: 1px solid #fff; color: #fff }
.Cta--border svg { padding-left: .9375em }
.Cta--border path { fill: #fff }
.PageForm { margin-bottom: 1.875em }
.PageForm-fieldset { border: none; margin: 0; padding: 0; min-width: 0 }
.PageForm-button, .PageForm-input { font-size: 1em; line-height: 1.9; font-weight: 400 }
.PageForm-input { margin-bottom: 1em }
.PageForm--inline .PageForm-input { box-sizing: border-box; float: left; width: 100% }
.PageForm--noDrop .PageForm-input { box-sizing: border-box; float: left; width: 80% }
.PageForm-input--text { border: 1px solid #ededed; padding: .4em 1em; width: 50% }
.PageForm-button { border: none; background: 0 0; margin: 0; padding: 0; background: #3a3a3a; border: 1px solid #3a3a3a; color: #fff; padding: .4em .6em }
.PageForm--inline .PageForm-button { float: left; width: 20% }
.PageForm-forgotPassword { color: #3a3a3a; margin-left: 1em }
.CheckContainer { box-sizing: border-box; margin-bottom: 2em }
.HeaderSection h1 { font-size: 3.125em; line-height: 1.5; font-weight: 400; margin-bottom: 20px }
.HeaderSection h2 { font-size: 1.875em; line-height: 1.5; font-weight: 400; margin-bottom: 10px ;border-left: 5px solid #CB2F32;height: 40px;}
.HeaderSection { margin-bottom: 30px }
.HeaderSection h3 { font-size: 1.25em; line-height: 1.8; font-weight: 400; margin-bottom: 10px }
.PopModal { margin-bottom: 60px }

.GlobalSiteHeader { margin-bottom: 1.875em; position: relative; z-index: 1 }
 @media(max-width:46.24em) {
.GlobalSiteHeader { background: #fff; margin-right: 7.56303%; height: 4.0625em }
.GlobalSiteHeader.is-masking:before { background: rgba(0,0,0,.75); content: ""; position: fixed; width: 100%; height: 100% }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader { height: 4.25em; overflow: hidden }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout { height: 7em; margin-top: 2.5em; max-width: 100% }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader-navContainer { height: 4.25em; padding-left: 8.75em }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .GlobalSiteHeader-navContainer { height: 7em; padding-left: 12.375em }
}
.GlobalSiteHeader-moreButton { border: none; background: 0 0; margin: 0; padding: 0; background: #fff; float: left; font-size: .75em; font-weight: 700; padding: 2em 1.5em 2em; text-transform: uppercase; width: 6.66667em }
.GlobalSiteHeader-moreButton:focus, .GlobalSiteHeader-moreButton:hover { text-decoration: underline }
.GlobalSiteHeader-moreButton:focus { background: #ededed; outline: 0 }
.GlobalSiteHeader-moreButton.is-hidden { display: none }
.GlobalSiteHeader--breakout .GlobalSiteHeader-moreButton { font-size: .875em; padding: 4.71429em 1.14286em 1.57143em 1.14286em }
 @media(max-width:46.24em) {
.GlobalSiteHeader-navContainer { background: #f9f9f9; border-top: 4.0625em solid #fff; position: absolute; width: 100% }
.GlobalSiteHeader-navContainer.is-hidden { display: none }
}
.GlobalBrand { margin: .875em 2.375em 0 4.20168%; overflow: hidden }
 @media(max-width:46.24em) {
.GlobalBrand { background: #fff; margin: 0; padding: 1.125em 0; position: absolute; margin-left: 7.56303%; width: 3.75em; z-index: 1 }
}
 @media(min-width:46.25em) {
.GlobalBrand { float: left; width: 4.625em }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .GlobalBrand { background: #fff; margin: 0; padding: 1.375em 2.375em 1.375em 20px; width: 8.75em }
}
.GlobalBrand-logo { display: block; height: auto; width: 100% }
 @media(min-width:46.25em) {
.GlobalSiteHeader-extras { height: 4.25em; float: left }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .GlobalSiteHeader-extras { height: 7em }
}
.GlobalProductLink { background: rgba(0,0,0,.55); color: #fff; font-size: .75em; font-weight: 400; padding: 1.83333em 1.5em; text-decoration: none }
.GlobalProductLink:focus, .GlobalProductLink:hover { background: #3a3a3a; text-decoration: none }
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .GlobalProductLink { box-sizing: border-box; font-size: .875em; margin: 0 .71429em; padding: 3em 1.14286em 1.57143em 1.14286em; width: 7.57143em }
}
 @media(max-width:46.24em) {
.GlobalProductLink { display: block; margin: .85714em 7.56303% }
.GlobalProductLink.is-hidden { display: none }
}
 @media(min-width:46.25em) {
.GlobalProductLink { float: left }
}
.GlobalSiteHeaderOverflow .GlobalProductLink { font-size: 1em }
.HeaderSearch { position: relative }
.HeaderSearch>fieldset { border: none; margin: 0; padding: 0; min-width: 0 }
 @media(max-width:46.24em) {
.HeaderSearch { margin: 0 7.56303% 1em 7.56303%; overflow: hidden; position: relative }
.HeaderSearch.is-hidden { display: none }
}
 @media(min-width:46.25em) {
.HeaderSearch { float: left }
}
.HeaderSearch-input { background: #ededed; border: none; font-size: .875em; height: 1.65em }
.HeaderSearch-input:focus, .HeaderSearch-input:hover { outline: 0 }
 @media(max-width:46.24em) {
.HeaderSearch-input { box-sizing: content-box; padding: 1.57143em 1.28571em; width: 100% }
}
 @media(min-width:46.25em) {
.HeaderSearch-input { padding: 1.57143em 0 1.42857em; position: absolute; left: 0; text-align: right; transition: width .5s, left .5s, padding-left .5s, padding-right .5s; width: 0 }
.HeaderSearch.is-open .HeaderSearch-input { left: -24em; padding-left: 1.28571em; padding-right: 1.28571em; width: 21.42857em }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .HeaderSearch-input { height: 1.71429em; padding: 4.71429em 0 1.57143em }
}
.HeaderSearch-button { border: none; background: 0 0; margin: 0; padding: 0; background: url(/images/search-icon.svg) 1.28571em 1.57143em no-repeat; box-sizing: content-box; float: left; font-size: .875em; font-weight: 700; height: 1.65em; padding: 1.57143em 1.28571em 1.42857em; position: relative; text-indent: -999em; width: 1.42857em; text-transform: uppercase; transition: background-color 0s; transition-delay: .5s }
.HeaderSearch-button:focus, .HeaderSearch-button:hover { transition-delay: 0s }
.HeaderSearch-button:focus, .HeaderSearch-button:hover, .HeaderSearch.is-open .HeaderSearch-button { background-color: #ededed; outline: 0 }
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .HeaderSearch-button { background-color: #fff; background-position: 50% 2.71429em; box-sizing: content-box; height: 1.71429em; padding: 4.71429em 1.14286em 1.57143em; text-indent: 0; width: 3.57143em }
.GlobalSiteHeader--breakout .HeaderSearch-button:focus, .GlobalSiteHeader--breakout .HeaderSearch-button:hover, .HeaderSearch.is-open .GlobalSiteHeader--breakout .HeaderSearch-button { background-color: #ededed }
}
 @media(max-width:46.24em) {
.HeaderSearch-button { position: absolute; right: 0; top: 0 }
.HeaderSearch-button.is-hidden { display: none }
}
.GlobalSiteHeaderOverflow { position: absolute; right: 0; top: 4.25em; width: 18.75em; z-index: 1 }
.GlobalSiteHeader--breakout+.GlobalSiteHeaderOverflow { top: 9.5em }
.GlobalSiteHeaderOverflow>ul { list-style: none; margin: 0; padding: 0 }
.GlobalSiteHeaderOverflow .GlobalProductLink, .GlobalSiteHeaderOverflow .HeaderSearch { display: block; float: none; padding: 0; margin: 0 }
.GlobalSiteHeaderOverflow .HeaderSearch { border-bottom: 1px solid #3a3a3a; border-top: 1px solid #3a3a3a }
.GlobalSiteHeaderOverflow .HeaderSearch-input { box-sizing: border-box; font-size: 1em; position: static; text-align: left; height: 1.65em; padding-right: 1.25em; padding: 1.25em 1.125em; width: 100% }
.GlobalSiteHeaderOverflow .HeaderSearch-button { background-color: #ededed; position: absolute; width: 1.25em; right: 0; top: 0 }
.GlobalSiteHeaderOverflow .GlobalProductLink { background: #737373; color: #fff; padding: 1em; font-weight: 400 }
.GlobalSiteHeaderOverflow.is-hidden { display: none }
 @media(max-width:46.24em) {
.GlobalSiteHeaderOverflow { display: none }
}
.GlobalSiteHeaderOverflow-item { margin-bottom: 0 }
.GlobalSiteHeaderOverflow-item>a { background: #ededed; color: #3a3a3a; display: block; font-weight: 400; padding: 1em; margin: 0; border: none }
[data-nav-matches].is-hidden { display: none }
.ModelRegions-popup h3 { font-size: 20px; margin-top: 20px; padding-bottom: 5px; border-bottom: solid 1px #ececec }
.ModelRegions-popup ul { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap }
.ModelRegions-popup ul li { list-style: none; width: 30%; padding-bottom: .5em; margin: 0 .5em }
.ModelRegions-popup ul li a { color: #3a3a3a }
.myAccount-header--button { border: none; background: 0 0; margin: 0; padding: 0; color: #3a3a3a; display: block; margin: 0 1.14286em; background: #d3d3d3 }
 @media(max-width:46.24em) {
.myAccount-header--button { margin: 0; display: inline-block; background: #fff }
}
.myAccount-header--button:focus { outline: 0 }
.myAccount-header--button:hover { text-decoration: underline; cursor: pointer }
 @media(min-width:46.25em) {
.myAccount-header--button { height: 3.71429em; box-sizing: border-box; margin: 0 }
}
 @media(max-width:46.24em) {
.myAccount-header--button .CountryTools-button { padding: 1em 1.5em }
}
.myAccount-header--button .CountryTools-button:before { display: none }
.myAccount-header--button .CountryTools-button span { position: relative; font-weight: 500; padding: 0 2.5em 0 0 }
.myAccount-header--button .CountryTools-button span:after, .myAccount-header--button .CountryTools-button span:before { position: absolute; content: ''; background: #333; top: 0; right: 0 }
.myAccount-header--button .CountryTools-button span:before { width: 8px; height: 8px; right: 3px; border-radius: 10px }
.myAccount-header--button .CountryTools-button span:after { width: 14px; height: 6px; top: 10px; border-top-right-radius: 4px; border-top-left-radius: 4px }
.myAccount-header--button .CountryLanguageSelector { margin: 0; padding: .3125em 0 0; background: #d3d3d3; border-color: #d3d3d3; border-radius: 0; min-width: 22em; cursor: initial }
.myAccount-header--button .CountryLanguageSelector:after, .myAccount-header--button .CountryLanguageSelector:before { display: none }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item { padding: 0; text-align: left; border: 0 }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item p { margin: 1.25em 0 .3125em }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item input[type=email], .myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item input[type=password] { width: 100%; border: 2px solid #dcdcdc; height: 2.5em; padding: 0 .625em; box-sizing: border-box }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit { padding-top: 1.25em }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit input[type=submit] { padding: .625em 1.25em; line-height: 1.125em; font-weight: 400 }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit a { float: right; margin-top: .625em }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item { padding: .75em 0 .5em 1.5625em; position: relative }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item.dashboard { margin-top: .9375em }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item:last-child { padding-bottom: 0 }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item:before { content: ''; position: absolute; left: 0; top: .875em; width: 0; height: 0; border-top: 6px solid #fff; border-bottom: 6px solid #fff; border-left: 8px solid #004288 }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item:after { content: ''; position: absolute; left: .08em; top: 1.1em; width: 0; height: 0; border-top: 3px solid #004288; border-bottom: 3px solid #004288; border-left: 4px solid #fff }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item:hover:after { display: none }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item a { color: #004288 }
.myAccount-header--button .CountryLanguageSelector .CountryLanguageSelector-item.myAccount-header--item a:hover { font-weight: 700 }
.myAccount-header--button .CountryLanguageSelector .myAccount-header--menu { background: #fbfbfb; padding: .75em 1.375em 2.1875em }
.myAccount-header--button .CountryLanguageSelector .myAccount-header--menu .myAccount-header--title { padding-bottom: .3125em; border-bottom: 2px solid #dcdcdc }
.myAccount-header--button .CountryLanguageSelector .myAccount-header--menu .myAccount-header--title h3 { font-weight: 500; display: inline }
.myAccount-header--button .CountryLanguageSelector .myAccount-header--menu .myAccount-header--title a { float: right; padding: .3125em 0 0; font-weight: 500 }
.myAccount-header--button .CountryLanguageSelector .myAccount-header--menu .myAccount-header--title .account { float: none }
.CountrySiteHeader { position: relative; z-index: 4; padding-bottom: 6.5em; margin-bottom: 1.875em;}
.CountrySiteHeader:after, .CountrySiteHeader:before { content: " "; display: table }
.CountrySiteHeader:after { clear: both }
.CountrySiteHeader.CountrySiteHeader--global { padding-bottom: 0; margin-bottom: 0;}
.CountrySiteHeader:before { transition: opacity .5s; opacity: 0;}
.CountrySiteHeader.is-masking:before { background: rgba(0,0,0,.75); content: ""; left: 0; position: fixed; opacity: 1; top: 0; width: 100%; height: 100vh }



 @media(max-width:46.24em) {
.CountrySiteHeader { box-sizing: border-box; width: 100%; padding-bottom: 2em }
}
 @media(min-width:46.25em) {
.CountrySiteHeader { margin-bottom: 1.875em;}
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.HeaderSection { padding-top: 4.375em }
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb+.InPageNav, .CountrySiteHeader+.InPageNav { padding-top: 4.375em }
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb+.u-constrain, .CountrySiteHeader+.u-constrain { padding-top: 4.375em }
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb+a+.HeaderSection, .CountrySiteHeader+a+.HeaderSection { padding-top: 4.375em }
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb+.HeaderSection, .CountrySiteHeader+.HeaderSection { padding-top: 4.375em }
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb+.TitleSummary, .CountrySiteHeader+.TitleSummary { padding-top: 4.375em }
}
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb+.SummaryBlock, .CountrySiteHeader+.SummaryBlock { padding-top: 4.375em }
}
.CountrySiteHeader-container { top: 0; left: 0; right: 0; background-color: #fff }
 @media(max-width:46.24em) {
.CountrySiteHeader-container { background: #fff; overflow: hidden }
}
/*.CountrySiteHeader--global .CountrySiteHeader-container {
	margin-right: 2em;
	margin-top: 2em
}
*/.CountryBrand { background: #fff; display: block }
 @media(max-width:46.24em) {
.CountryBrand { margin: 1em 1em 1em 7.56303%; width: 3.75em }
}
 @media(min-width:46.25em) {
.CountryBrand { height: 6.5em; position: absolute; width: 14em; top: 0; z-index: 5; padding: 1.25em; box-sizing: border-box }
}
.CountryBrand.is-fixed { height: 52px; position: fixed; padding: .5em }
 @media(max-width:46.24em) {
.CountryBrand.is-fixed { position: static; height: auto; padding: 0 ; }
}
 @media(min-width:46.25em) {
.CountrySiteHeader--brandSmall .CountryBrand { height: 3.25em; top: 0 }
}
 @media(min-width:46.25em) {
.CountrySiteHeader--noNav .CountryBrand { top: 0 }
}
 @media(min-width:46.25em) {
.CountrySiteHeader--noNav.is-masking .CountryBrand { display: none }
}
.CountryBrand-logo { transition: .5s all }
 @media(max-width:46.24em) {
.CountryBrand-logo { width: 100% }
}
 @media(min-width:46.25em) {
.CountryBrand-logo { display: block; margin: -10px auto 0; /*height: 100%*/ }
}
.CountryBrand-logo.is-small { height: 3.4em;}
 @media(min-width:46.25em) {
.CountrySiteHeader--brandSmall .CountryBrand-logo { height: 2em; margin: -16px 0 0 -33px; width: 4.125em }
}
.CountryTools { padding: 1em 0 0 0 }
.CountryTools:after, .CountryTools:before { content: " "; display: table }
.CountryTools:after { clear: both }
 @media(max-width:46.24em) {
.CountryTools.is-hidden { display: none }
}
 @media(min-width:46.25em) {
.CountryTools { box-sizing: border-box; height: 3.25em; border-bottom: solid 1px #ececec; padding: 0; padding-left: 14em; position: relative }
.CountrySiteHeader--noNav .CountryTools { height: 6.5em; padding-left: 15.625em }
}
.CountryTools-container>ul { list-style: none; padding: 0; margin: 0 }
 @media(min-width:46.25em) {
.CountryTools-container>ul { float: right }
}
 @media(max-width:46.24em) {
.CountryTools-container>ul { text-align: center; padding-top: 2em }
}
 @media(max-width:46.24em) {
.CountryTools-item--countryLanguageSelector, .CountryTools-item--countryRegionSelector, .CountryTools-item--countryShare, .CountryTools-item--countryUsers { vertical-align: top; display: inline-block; cursor: pointer }
}
.CountryTools-item.CountryTools-item--global { padding: 1.28571em 1.42857em; background-color: #ededed }
.CountryTools-item.CountryTools-item--global a { color: #3a3a3a; margin: 0 }
.CountryTools-item.CountryTools-item--global:before { content: none }
.CountrySiteHeader--global .CountryTools-button--CountryUsers:before { content: none }
.CountryTools-item { font-size: .875em; line-height: 1.28571em; position: relative }
 @media(min-width:46.25em) {
.CountryTools-item { float: left; margin-bottom: 0 }
}
.CountryTools-item--countrySearch { position: static }
.CountryTools-item--countryProductSelector { position: static }
.CountryTools-button { border: none; background: 0 0; margin: 0; padding: 0; color: #3a3a3a; display: block; margin: 0 1.14286em }
 @media(max-width:46.24em) {
.CountryTools-button { margin: 0 }
}
.CountryTools-button:focus { outline: 0 }
.CountryTools-button:hover { text-decoration: underline; cursor: pointer }
 @media(min-width:46.25em) {
.CountryTools-button { height: 3.71429em; box-sizing: border-box; margin: 0; padding: 1.28571em 1.42857em }
.CountryTools-button:before { background: #bababa; content: ""; position: absolute; height: 1.3em; top: 1.14286em; width: 1px; left: 0 }
}
.CountryTools-button--CountrySearch, .CountryTools-button--CountryShare, .CountryTools-button--CountryUsers { box-sizing: border-box; position: relative; height: 3.71429em; text-indent: -999em; width: 3.57143em }
.CountrySiteHeader[dir=rtl] .CountryTools-button--CountrySearch, .CountrySiteHeader[dir=rtl] .CountryTools-button--CountryShare, .CountrySiteHeader[dir=rtl] .CountryTools-button--CountryUsers { text-indent: 999em }
.CountryTools-button--CountrySearch:after, .CountryTools-button--CountryShare:after, .CountryTools-button--CountryUsers:after { content: ""; background: no-repeat 0 0; background-size: auto 1em; height: 1.28571em; position: absolute; top: 1em; left: 1em; width: 1.28571em }
.CountryTools-button--CountrySearch svg, .CountryTools-button--CountryShare svg, .CountryTools-button--CountryUsers svg { height: 1em; position: absolute; top: 1em; left: 1em; width: 1em }
 @media(min-width:46.25em) {
.CountryTools-button--CountrySearch:after, .CountryTools-button--CountryShare:after, .CountryTools-button--CountryUsers:after { top: 1.28571em; left: 1.28571em }
.CountryTools-button--CountrySearch svg, .CountryTools-button--CountryShare svg, .CountryTools-button--CountryUsers svg { top: 1.28571em; left: 1.28571em }
}
.CountryTools-button--CountryProductSelector { padding-left: 0 }
.CountryTools-button--CountryLanguageSelector, .CountryTools-button--CountryProductSelector, .CountryTools-button--countryRegionSelector { position: relative; padding-right: 2.57143em; font-weight: 400 }
 @media(max-width:46.24em) {
.CountryTools-button--CountryLanguageSelector, .CountryTools-button--CountryProductSelector, .CountryTools-button--countryRegionSelector { margin-left: 0; padding: 1.07143em 1.42857em }
}
.CountryTools-button--CountryLanguageSelector svg, .CountryTools-button--CountryProductSelector svg, .CountryTools-button--countryRegionSelector svg { height: .57143em; position: absolute; right: 0; top: .28571em; width: .85714em }
 @media(max-width:46.24em) {
.CountryTools-button--CountryLanguageSelector svg, .CountryTools-button--CountryProductSelector svg, .CountryTools-button--countryRegionSelector svg { margin-left: .7em; top: 1.3em }
}
.CountryTools-button--CountryLanguageSelector svg.CountryTools-ArrowUp, .CountryTools-button--CountryProductSelector svg.CountryTools-ArrowUp, .CountryTools-button--countryRegionSelector svg.CountryTools-ArrowUp { display: none }
.CountryTools-button--CountryLanguageSelector svg.CountryTools-ArrowDown, .CountryTools-button--CountryProductSelector svg.CountryTools-ArrowDown, .CountryTools-button--countryRegionSelector svg.CountryTools-ArrowDown { display: block }
.CountryTools-button--CountryLanguageSelector.is-active svg.CountryTools-ArrowUp, .CountryTools-button--CountryProductSelector.is-active svg.CountryTools-ArrowUp, .CountryTools-button--countryRegionSelector.is-active svg.CountryTools-ArrowUp { display: block }
.CountryTools-button--CountryLanguageSelector.is-active svg.CountryTools-ArrowDown, .CountryTools-button--CountryProductSelector.is-active svg.CountryTools-ArrowDown, .CountryTools-button--countryRegionSelector.is-active svg.CountryTools-ArrowDown { display: none }
 @media(min-width:46.25em) {
.CountryTools-button--CountryLanguageSelector svg, .CountryTools-button--CountryProductSelector svg, .CountryTools-button--countryRegionSelector svg { top: 1.57143em; right: .71429em }
}
.CountryTools-button--CountryProductSelector:before { background: 0 0 }
.CountryLanguageSelector, .CountryProductSelector, .CountryRegionSelector, .CountryShare, .CountryUsers { opacity: 1; padding: 1.14286em; visibility: visible }
.CountryLanguageSelector>ul, .CountryProductSelector>ul, .CountryRegionSelector>ul, .CountryShare>ul, .CountryUsers>ul { list-style: none; padding: 0; margin: 0 }
 @media(min-width:46.25em) {
.CountryLanguageSelector, .CountryProductSelector, .CountryRegionSelector, .CountryShare, .CountryUsers { position: absolute; left: 0; background: #fff; z-index: 3 }
}
 @media(max-width:46.24em) {
.CountryLanguageSelector.is-hidden, .CountryProductSelector.is-hidden, .CountryRegionSelector.is-hidden, .CountryShare.is-hidden, .CountryUsers.is-hidden { display: none }
}
 @media(min-width:46.25em) {
.CountryLanguageSelector.is-hidden, .CountryProductSelector.is-hidden, .CountryRegionSelector.is-hidden, .CountryShare.is-hidden, .CountryUsers.is-hidden { visibility: hidden; opacity: 0 }
}
 @media(min-width:46.25em) {
.CountryRegionSelector { width: 100% }
}
 @media(min-width:46.25em) {
.CountryRegionSelector-item>a { color: #3a3a3a; font-weight: 400 }
}
.CountryLanguageSelector { margin-top: 11px; border-radius: 3px; border: solid 1px #ececec; padding: 0; right: 0; left: inherit; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.15) }
.CountryLanguageSelector:after, .CountryLanguageSelector:before { bottom: 100%; left: 70%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.CountryLanguageSelector:after { border-color: rgba(136,183,213,0); border-bottom-color: #fff; border-width: 9px; margin-left: -9px }
.CountryLanguageSelector:before { border-color: rgba(194,225,245,0); border-bottom-color: #ececec; border-width: 10px; margin-left: -10px }
.CountryLanguageSelector ul { overflow-y: auto; max-height: 300px }
.CountryLanguageSelector ul ::-webkit-scrollbar {
width:12px
}
.CountryLanguageSelector ul ::-webkit-scrollbar-track {
opacity:0
}
.CountryLanguageSelector ul ::-webkit-scrollbar-thumb {
border-radius:10px;
background:#ccc
}
.CountryLanguageSelector-item { padding: 1em 2em; margin: 0; text-align: center; border-bottom: solid 1px #ececec }
.CountryLanguageSelector-item:last-of-type { border-bottom: none }
 @media(min-width:46.25em) {
.CountryLanguageSelector-item>a { color: #3a3a3a; font-weight: 400 }
}
.CountryTools-button--countryRegionSelector:before { content: none }
.CountryTools-button--countryRegionSelector svg:first-child { height: 1.28571em; position: absolute; width: 1.28571em }
 @media(min-width:46.25em) {
.CountryTools-button--countryRegionSelector { padding-left: 3.42857em }
.CountryTools-button--countryRegionSelector svg:first-child { top: 1em; left: 1.14286em }
}
 @media(max-width:46.24em) {
.CountryTools-button--countryRegionSelector { padding-left: 2.14286em }
.CountryTools-button--countryRegionSelector svg:first-child { left: 0 }
}
.CountryProductSelector { box-sizing: border-box; left: 0; width: 100%; z-index: 3; position: absolute }
 @media(max-width:46.24em) {
.CountryProductSelector { overflow: hidden; position: static }
}
 @media(min-width:46.25em) {
.CountryProductSelector { padding: 4.28571em 3.57143em }
}
.CountryProductSelector-titles { padding: 30px }
 @media(max-width:46.24em) {
.CountryProductSelector-titles { padding: 0 0 30px 0 }
}
.CountryProductSelector-titles h2 { font-weight: 400; font-size: 1.14286em; padding-bottom: 1em; border-bottom: 1px solid #ececec; margin: 0 6px }
.CountryProductSelector-container { width: 100%; float: left; box-sizing: border-box }
.CountryProductSelector-container:after, .CountryProductSelector-container:before { content: " "; display: table }
.CountryProductSelector-container:after { clear: both }
.CountryProductSelector-container .HighProduct { float: left; width:30%; margin: 0 .5% 1% .5% }
.CountryProductSelector-container .HighProduct.is-hidden { display: none }
 @media(max-width:46.24em) {
.CountryProductSelector-container .HighProduct { width: 48.8% }
}
 @media(min-width:46.25em) {
.CountryProductSelector-container { width: 60% }
.CountryProductSelector-container .HighProduct { width: 48.8% }
}
 @media(min-width:61.25em) {
.CountryProductSelector-container { width: 80% }
.CountryProductSelector-container .HighProduct { width: 32% }
}
 @media(min-width:75em) {
.CountryProductSelector-container { width: 80% }
.CountryProductSelector-container .HighProduct { width:30% }
}
.CountryProductSelector-Spotlights { padding: 0 30px 30px 30px; border-right: 1px solid #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap }
.CountryProductSelector-Spotlights:after, .CountryProductSelector-Spotlights:before { content: " "; display: table }
.CountryProductSelector-Spotlights:after { clear: both }
 @media(max-width:46.24em) {
.CountryProductSelector-Spotlights { border: none; padding: 0 0 30px 0 }
}
.CountryProductSelector-container--right { width: 100%; float: left; box-sizing: border-box; position: relative }
 @media(min-width:46.25em) {
.CountryProductSelector-container--right { width: 40% }
}
 @media(min-width:61.25em) {
.CountryProductSelector-container--right { width: 20% }
}
.CountryProductSelector-businessList { padding: 0 30px 30px }
 @media(max-width:46.24em) {
.CountryProductSelector-businessList { padding: 0 0 30px 0 }
}
.BusinessList { margin: 0 6px; padding: 0; list-style: none; overflow-y: auto; height: 31.25em; box-sizing: border-box }
.BusinessList-item { font-size: 16px; font-weight: 400; margin-bottom: 2.5em }
.BusinessList-item a { color: #3a3a3a; display: block; width: 100% }
.CountryProductSelector-showToggle { border: none; background: 0 0; margin: 0; padding: 0; background: #fff; border: 1px solid #3a3a3a; padding: .85714em }
 @media(min-width:46.25em) {
.CountryProductSelector-showToggle { position: absolute; left: 2.85714em; top: 12.85714em }
}
.CountryProductSelector-showToggle:hover { text-decoration: underline }
.CountryProductSelector-showToggle.is-hidden { display: none }
.CountryProductSelector-close { border: none; background: 0 0; margin: 0; padding: 0; cursor: pointer; height: 1em; margin: 1.14286em; position: absolute; right: .57143em; text-indent: -999em; top: .57143em; width: 1em }
 @media(max-width:46.24em) {
.CountryProductSelector-close { display: none }
}
.CountrySiteHeader[dir=rtl] .CountryProductSelector-close { text-indent: 999em }
 @media(min-width:46.25em) {
.CountrySearch { background: #fff; position: absolute; right: 0; z-index: 3; width: 100%; box-sizing: border-box; left: 0; top: 0; padding-left: 224px }
}
 @media(min-width:46.25em) {
.CountrySearch.is-hidden { display: none }
}
 @media(max-width:46.24em) {
.CountrySearch-form { overflow: hidden; position: relative; padding: 0 1.14286em; width: 100%; box-sizing: border-box }
}
.CountrySearch-form>.CountrySearch-container { border: none; margin: 0; padding: 0; min-width: 0; overflow: hidden }
 @media(max-width:46.24em) {
.CountrySearch-form>.CountrySearch-container { overflow: hidden; position: relative; width: 100% }
}
.CountrySearch-input { border: none; padding: 1.1875em 1.28571em; font-weight: 400; transition: .4s all }
.CountrySearch-input:focus, .CountrySearch-input:hover { outline: 0; border-bottom: 1px solid #004288 }
.CountrySearch-input input[type=search] { box-sizing: border-box }
 @media(max-width:46.24em) {
.CountrySearch-input { background: #ededed; box-sizing: content-box; width: 100% }
}
 @media(min-width:46.25em) {
.CountrySearch-input { background: #fff; width: 100% }
}
.CountrySearch-button { border: none; background: 0 0; margin: 0; padding: 0; background: url(/images/search.svg) 1.7px 17.7px no-repeat; background-size: 14.7px; box-sizing: content-box; font-weight: 700; height: 3em; text-indent: -999em; width: 2.4em; text-transform: uppercase; position: absolute; right: 0; top: 0 }
.CountrySiteHeader[dir=rtl] .CountrySearch-button { text-indent: 999em }
.SocialModal>ul { list-style: none; padding: 0; margin: 0; overflow: hidden }
 @media(min-width:46.25em) {
.SocialModal .Cta { margin-left: .625em }
}
.SocialModal-item { font-size: .875em }
 @media(max-width:46.24em) {
.SocialModal-item { margin: 0 .3125em; display: inline-block }
}
 @media(min-width:46.25em) {
.SocialModal-item { margin-left: .625em; float: left }
}
.SocialModal-item a { background: no-repeat 50% 50%; color: #3a3a3a; display: block; height: 2.75em; overflow: hidden; text-indent: -999em; width: 2.75em }
.CountrySiteHeader[dir=rtl] .SocialModal-item a { text-indent: 999em }
.SocialModal-item--twitter a { background-image: url(/images/icon-twitter.svg) }
.no-svg .SocialModal-item--twitter a { background-image: url(/images/icon-twitter.png) }
.SocialModal-item--facebook a { background-image: url(/images/icon-facebook.svg) }
.no-svg .SocialModal-item--facebook a { background-image: url(/images/icon-facebook.png) }
.SocialModal-item--linkedIn a { background-image: url(/images/icon-linkedin.svg) }
.no-svg .SocialModal-item--linkedIn a { background-image: url(/images/icon-linkedin.png) }
.SocialModal-item--googlePlus a { background-image: url(/images/icon-googleplus.svg) }
.no-svg .SocialModal-item--googlePlus a { background-image: url(/images/icon-googleplus.png) }
.modal--fade .modal-close:before, .modal--show .modal-close:before { background: rgba(0,0,0,.75) }
.ProductsSelector-container .ProductGroup.ProductGroup-noSlide { width: 16.2%; margin-right: 5px; margin-left: 0; display: inline-block }
.ProductsSelector-container .ProductGroup.ProductGroup-noSlide:nth-of-type(6) { margin-right: 0 }
.HighProduct-application { padding: 0 30px 30px 30px; box-sizing: border-box; width: 100%; position: relative; border-right: 1px solid #ececec }
.HighProduct-application a:hover { text-decoration: none }
 @media(max-width:46.24em) {
.HighProduct-application { border-right: none }
}
.HighProduct-application img { width: 100%; display: block }
.HighProduct-application .HighProduct-applicationText { width: 50%; background-color: #3a3a3a; color: #fff; position: absolute; bottom: 30px; padding: 1em; box-sizing: border-box }
 @media(max-width:74.99em) {
.HighProduct-application .HighProduct-applicationText { position: static; width: 100% }
}
.HighProduct-application .HighProduct-applicationText h4 { font-size: 20px; line-height: 1.9; font-weight: 400; color: #fff; margin: 0 }
.HighProduct-application .HighProduct-applicationText p { color: #fff; font-size: 16px }
.CountrySiteHeader--global .CountryTools-button--CountryShare:before { display: none }
.CountryTools-item--global+.CountryTools-item .CountryTools-button:before { display: none }
.MoreHide .CountryNav-item--SecondLevel.u-showHideElement.u-maskBehind { visibility: hidden; opacity: 0 }
.MoreHide .CountryNav-item--SecondLevel.u-showHideElement.u-maskBehind.dropdown-active { visibility: visible; opacity: 1 }
 @media(max-width:46.24em) {
.GlobalPrimaryNav { clear: both }
.GlobalPrimaryNav.is-hidden { display: none }
}
.GlobalPrimaryNav ul { list-style: none; padding: 0; margin: 0 }
.GlobalPrimaryNav-item { margin-bottom: 0 }
.GlobalPrimaryNav-item>a { display: block; text-decoration: none }
 @media(max-width:46.24em) {
.GlobalPrimaryNav-item>a:focus, .GlobalPrimaryNav-item>a:hover { text-decoration: underline }
}
.GlobalPrimaryNav-item--level1>a { color: #3a3a3a; font-weight: 700; text-transform: uppercase }
 @media(max-width:46.24em) {
.GlobalPrimaryNav-item--level1 { font-size: .875em }
.GlobalPrimaryNav-item--level1>a { background: #f9f9f9; display: block; padding: .85714em 7.56303%; position: relative }
.GlobalPrimaryNav-item--level1.is-active>a { padding: .85714em 11.76471% }
.GlobalPrimaryNav-item--level1.is-active>a:before { background: #3a3a3a; content: ""; height: .75em; left: 0; margin-top: .4em; position: absolute; width: 10.08403% }
.GlobalPrimaryNav-item--level1.is-expanded .GlobalPrimaryNav-item--level2 { display: block }
.GlobalPrimaryNav-item--level1.is-expanded .SectionSearch { display: block }
}
 @media(min-width:46.25em) {
.GlobalPrimaryNav-item--level1 { float: left; font-size: .75em }
.GlobalPrimaryNav-item--level1>a { border-top: .16667em solid transparent; margin: 0 1.33333em; padding: 1.83333em 0; transition: border-color .5s }
.GlobalPrimaryNav-item--level1>a:focus, .GlobalPrimaryNav-item--level1>a:hover { border-top-color: #737373 }
.GlobalPrimaryNav-item--level1.is-active>a { border-color: #3a3a3a }
.GlobalPrimaryNav-item--level1.is-active>a:focus, .GlobalPrimaryNav-item--level1.is-active>a:hover { border-color: #3a3a3a }
.GlobalPrimaryNav-item--level1.is-hidden { opacity: 0; height: 0; overflow: hidden }
}
 @media(min-width:46.25em) {
.GlobalSiteHeader--breakout .GlobalPrimaryNav-item--level1 { background: #fff; font-size: .875em }
.GlobalSiteHeader--breakout .GlobalPrimaryNav-item--level1>a { margin: 0 1.57143em; padding: 1.57143em 0; padding-top: 4.57143em }
}
 @media(max-width:46.24em) {
.GlobalPrimaryNav-item--level1 .SectionSearch { display: none }
}
.GlobalPrimaryNav-item--level2 { margin-bottom: 0 }
.GlobalPrimaryNav-item--level2>a { background: #3a3a3a; color: #fff }
 @media(max-width:46.24em) {
.GlobalPrimaryNav-item--level2 { display: none }
.GlobalPrimaryNav-item--level2>a { padding: .85714em 11.76471% }
}
.GlobalPrimaryNav-item--level2.is-expanded .GlobalPrimaryNav-item--level3 { display: block }
.GlobalPrimaryNav-item--hasChildren>a { position: relative }
.GlobalPrimaryNav-item--hasChildren>a:before { background: url(/images/plus-icon-small.svg) no-repeat 0 0; content: ""; height: .78571em; margin: -.42857em 0 0 -1.5em; position: absolute; top: 50%; width: .78571em }
.no-svg .GlobalPrimaryNav-item--hasChildren>a:before { background-image: url(/images/plus-icon-small.png) }
.GlobalPrimaryNav-item--hasChildren.is-expanded>a:before { background: url(/images/minus-icon-small.svg) no-repeat 0 0 }
.no-svg .GlobalPrimaryNav-item--hasChildren.is-expanded>a:before { background-image: url(/images/minus-icon-small.png) }
.GlobalPrimaryNav-item--level3>a { background: #3a3a3a; color: #fff; display: none }
 @media(max-width:46.24em) {
.GlobalPrimaryNav-item--level3>a { padding: 0 0 0 15.96639% }
.GlobalPrimaryNav-item--level3:last-child>a { padding-bottom: .85714em }
}
 @media(max-width:46.24em) {
.GlobalNavButton { border: none; background: 0 0; margin: 0; padding: 0; font-size: .875em; font-weight: 500; margin-top: -4.0625em; padding: 1.28571em 2.85714em .71429em .71429em; position: absolute; right: 7.56303%; text-transform: uppercase }
.GlobalNavButton:after, .GlobalNavButton:before { content: ""; height: 1.42857em; opacity: 0; position: absolute; right: 0; transition: opacity 1s; width: 1.42857em }
.GlobalNavButton.is-closed:before { background: url(/images/menu-open-icon.svg) no-repeat 0 0; opacity: 1 }
.no-svg .GlobalNavButton.is-closed:before { background-image: url(/images/menu-open-icon.png) }
.GlobalNavButton.is-open:after { background: url(/images/menu-close-icon.svg) no-repeat 0 0; opacity: 1 }
.no-svg .GlobalNavButton.is-open:after { background-image: url(/images/menu-close-icon.png) }
.GlobalNavButton:focus { outline: 0 }
}
.CountryNav { position: relative; top: 0; left: 0; right: 0; z-index: 2; background-color: #fff; border-bottom: solid 1px #ececec }
.CountryNav:after, .CountryNav:before { content: " "; display: table }
.CountryNav:after { clear: both }
 @media(max-width:46.24em) {
.CountryNav.is-hidden { display: none }
}
.CountryNav.is-fixed { position: fixed }
 @media(max-width:46.24em) {
.CountryNav.is-fixed { position: relative }
}
 @media(min-width:46.25em) {
.CountryNav { height: 3.25em; padding-left: 14em }
.CountrySiteHeader[dir=rtl] .CountryNav { padding-left: 0; padding-right: 14em }
}
 @media(min-width:46.25em) {
.CountrySiteHeader--brandSmall .CountryNav { min-height: 0; padding-left: 0 }
}
.CountryNav>ul { list-style: none; padding: 0; margin: 0 }
.CountryNav-item, .MoreHide { font-size: .875em; line-height: 1.5; font-weight: 400; margin: 0 }
 @media(min-width:46.25em) {
.CountryNav-item, .MoreHide { float: left }
.CountrySiteHeader[dir=rtl] .CountryNav-item, .CountrySiteHeader[dir=rtl] .MoreHide { float: right }
}
.CountryNav-item>a, .MoreHide>a { display: block; padding: 1.07143em 1.42857em; position: relative; color: #3a3a3a }
.CountryNav-list:after, .CountryNav-list:before { content: " "; display: table }
.CountryNav-list:after { clear: both }
 @media(min-width:46.25em) {
.CountryNav-list>:first-child a { padding-left: 0 }
}
.CountryNav-item--SecondLevel { margin: 0; margin-top: 2px; width: 100%; left: 0; background-color: #fff; box-sizing: border-box; list-style: none; padding-left: 0 }
.CountryNav-item--SecondLevel .CountryNav-item, .CountryNav-item--SecondLevel .MoreHide { margin-left: 1.63265em }
.CountryNav-item--SecondLevel .CountryNav-item a, .CountryNav-item--SecondLevel .MoreHide a { font-size: 14px }
.CountryNav-item--SecondLevel .CountryNav-item .ProductGroup-dropDownItem--vertical a, .CountryNav-item--SecondLevel .MoreHide .ProductGroup-dropDownItem--vertical a { padding-left: 0 }
.CountryNav-item--SecondLevel .CountryNav-item a, .CountryNav-item--SecondLevel .MoreHide a { padding-left: 1.42857em }
 @media(min-width:46.25em) {
.CountryNav-item--SecondLevel .CountryNav-item, .CountryNav-item--SecondLevel .MoreHide { margin-left: 0 }
.CountryNav-item--SecondLevel .CountryNav-item:first-child, .CountryNav-item--SecondLevel .MoreHide:first-child { margin-left: 4.28571em }
}
 @media(min-width:46.25em) {
.CountryNav-item--SecondLevel .CountryNav-productDropdown .CountryNav-item:first-child { margin-left: 0 }
}
 @media(min-width:46.25em) {
.CountryNav-item--SecondLevel { position: absolute }
}
.CountryNav-productDropdown { width: 100%; box-sizing: border-box }
 @media(min-width:46.25em) {
.CountryNav-productDropdown { padding: 0 3.75em }
}
.CountryNav-productDropdown .CountryNav-item a { padding-right: 3.125em }
.CountryNav-productDropdown .owl-nav { height: 0; top: 50%; margin-top: -25px; width: 100%; box-sizing: border-box; right: 0; left: 0 }
.CountryNav-productDropdown .owl-nav.disabled { display: none }
.CountryNav-productDropdown .owl-nav .owl-prev { position: static; background-color: #fff }
.CountryNav-productDropdown .owl-nav .owl-next { bottom: 0; position: static; background-color: #fff }
 @media(max-width:46.24em) {
.CountryNav-productDropdown .ProductGroup-dropDown--vertical { margin-left: 16px }
}
.ProductGroup-dropDown--vertical { list-style: none; margin: 0; padding: 0; background-color: #fff; width: 20em; transition: .4s all; max-height: 40vh; min-height: 100px; overflow-y: auto; z-index: 1 }
 @media(min-width:46.25em) {
.ProductGroup-dropDown--vertical { position: absolute; opacity: 0; visibility: hidden }
.ProductGroup-dropDown--vertical.is-active { opacity: 1; visibility: visible }
}
 @media(max-width:46.24em) {
.ProductGroup-dropDown--vertical { display: none }
.ProductGroup-dropDown--vertical.is-active { display: block; max-height: none; min-height: 0 }
}
.ProductGroup-dropDownItem--vertical { padding: 1.07143em 2em; margin-bottom: 0 }
.ProductGroup-dropDownItem--vertical a { color: #3a3a3a; padding: 0 }
.CountryNav-item--highLevelProductGroup { font-size: .875em; line-height: 1.5; font-weight: 400; font-weight: 500; position: relative }
 @media(min-width:46.25em) {
.CountryNav-item--highLevelProductGroup:after { background: #bababa; content: ""; position: absolute; height: 1.3em; top: 1.14286em; width: 1px; right: 0 }
}
 @media(min-width:46.25em) {
.CountryNav-item--highLevelProductGroup { float: left }
.CountrySiteHeader[dir=rtl] .CountryNav-item--highLevelProductGroup { float: none }
}
 @media(min-width:46.25em) {
.CountrySiteHeader--brandSmall .CountryNav-item--highLevelProductGroup { float: left }
}
.CountryNav-item--highLevelProductGroup a { color: #1c00ac }
 @media(min-width:46.25em) {
.CountryNav-item--highLevelProductGroup a { padding-left: 0 }
}
.CountryNav-item--dropDown>.ProductSubNav-showNext, .CountryNav-item--dropDown>.u-showNext, .ProductSubNav>.ProductSubNav-showNext, .ProductSubNav>.u-showNext { position: relative; padding-right: 3.57143em }
.CountryNav-item--dropDown>.ProductSubNav-showNext svg, .CountryNav-item--dropDown>.u-showNext svg, .ProductSubNav>.ProductSubNav-showNext svg, .ProductSubNav>.u-showNext svg { height: .57143em; position: absolute; top: 1.57143em; width: .85714em }
.CountryNav-item--dropDown>.ProductSubNav-showNext svg.CountryTools-ArrowUp, .CountryNav-item--dropDown>.u-showNext svg.CountryTools-ArrowUp, .ProductSubNav>.ProductSubNav-showNext svg.CountryTools-ArrowUp, .ProductSubNav>.u-showNext svg.CountryTools-ArrowUp { display: none }
.CountryNav-item--dropDown>.ProductSubNav-showNext svg.CountryTools-ArrowDown, .CountryNav-item--dropDown>.u-showNext svg.CountryTools-ArrowDown, .ProductSubNav>.ProductSubNav-showNext svg.CountryTools-ArrowDown, .ProductSubNav>.u-showNext svg.CountryTools-ArrowDown { display: block }
.CountryNav-item--dropDown>.ProductSubNav-showNext.is-active svg.CountryTools-ArrowUp, .CountryNav-item--dropDown>.u-showNext.is-active svg.CountryTools-ArrowUp, .ProductSubNav>.ProductSubNav-showNext.is-active svg.CountryTools-ArrowUp, .ProductSubNav>.u-showNext.is-active svg.CountryTools-ArrowUp { display: block }
.CountryNav-item--dropDown>.ProductSubNav-showNext.is-active svg.CountryTools-ArrowDown, .CountryNav-item--dropDown>.u-showNext.is-active svg.CountryTools-ArrowDown, .ProductSubNav>.ProductSubNav-showNext.is-active svg.CountryTools-ArrowDown, .ProductSubNav>.u-showNext.is-active svg.CountryTools-ArrowDown { display: none }
 @media(min-width:46.25em) {
.CountryNav-item--dropDown>.u-showHideElement, .ProductSubNav>.u-showHideElement { opacity: 1; visibility: visible }
}
 @media(max-width:46.24em) {
.CountryNav-item--dropDown>.u-showHideElement.is-hidden, .ProductSubNav>.u-showHideElement.is-hidden { display: none }
}
 @media(min-width:46.25em) {
.CountryNav-item--dropDown>.u-showHideElement.is-hidden, .ProductSubNav>.u-showHideElement.is-hidden { opacity: 0; visibility: hidden }
}
 @media(max-width:46.24em) {
.CountryNav-item--dropDown>.ProductSubNav-showNext svg, .CountryNav-item--dropDown>.u-showNext svg, .ProductSubNav>.ProductSubNav-showNext svg, .ProductSubNav>.u-showNext svg { margin-left: 1em; right: 0; margin-right: 2em }
}
 @media(min-width:46.25em) {
.CountryNav-item--dropDown>.ProductSubNav-showNext svg, .CountryNav-item--dropDown>.u-showNext svg, .ProductSubNav>.ProductSubNav-showNext svg, .ProductSubNav>.u-showNext svg { right: 1.85714em }
}
.ProductsSelector { background: #fff }
 @media(min-width:46.25em) {
.ProductsSelector { left: 0; position: absolute; width: 100%; z-index: 1 }
}
.ProductsSelector-container { padding: 2.28571em 2em }
 @media(min-width:46.25em) {
.ProductsSelector-container { margin-left: 16em; position: relative }
.CountrySiteHeader[dir=rtl] .ProductsSelector-container { margin-left: 0; margin-right: 16em }
}
 @media(min-width:46.25em) {
.ProductsSelector-container .ProductsSelector-slider { position: relative; overflow: hidden }
.ProductsSelector-container .ProductsSelector-slider .owl-nav { top: 25% }
.ProductsSelector-container .ProductsSelector-slider .owl-next, .ProductsSelector-container .ProductsSelector-slider .owl-prev { bottom: auto; top: 0 }
}
.ProductsSelector-container .ProductGroup { margin-left: .21429em; margin-right: .21429em; margin-bottom: 0 }
.ProductsSelector-container .ProductGroup-title { line-height: 1.3em }
 @media(max-width:46.24em) {
.CountryNavButton { border: none; background: 0 0; margin: 0; padding: 0; font-size: .875em; font-weight: 500; padding: .71429em 2.85714em .71429em .71429em; position: absolute; top: .71429em; right: 7.56303%; text-transform: uppercase }
.CountryNavButton:after, .CountryNavButton:before { content: ""; height: 1.42857em; opacity: 0; position: absolute; right: 0; transition: opacity 1s; width: 1.42857em }
.CountryNavButton.is-closed:before { background: url(/images/menu-open-icon.svg) no-repeat 0 0; opacity: 1 }
.no-svg .CountryNavButton.is-closed:before { background-image: url(/images/menu-open-icon.png) }
.CountryNavButton.is-open:after { background: url(/images/menu-close-icon.svg) no-repeat 0 0; opacity: 1 }
.no-svg .CountryNavButton.is-open:after { background-image: url(/images/menu-close-icon.png) }
.CountryNavButton:focus { outline: 0 }
}
.GlobalSecondaryNavContainer { position: relative; width: 100%; z-index: 1 }
.GlobalSecondaryNav { background: #3a3a3a; color: #fff; overflow: hidden; position: absolute }
.GlobalSecondaryNav>ul { list-style: none; padding: 0; margin: 0 }
 @media(max-width:46.24em) {
.GlobalSecondaryNav>ul { margin-left: 8.40336% }
}
 @media(min-width:46.25em) {
.GlobalSecondaryNav { width: 24.36975%; float: left; margin-right: .84034% }
.GlobalSecondaryNav>ul { margin-left: 17.24138% }
}
.GlobalSecondaryNav-title { color: #fff; display: block; font-size: .875em; font-weight: 500; margin: 1.85714em 0 1.42857em; margin-left: 17.24138%; text-decoration: none; text-transform: uppercase }
.GlobalSecondaryNav-title:focus, .GlobalSecondaryNav-title:hover { text-decoration: underline }
.GlobalSecondaryNav-title:before { background: #fff; content: ""; height: .75em; left: 0; margin-top: .4em; position: absolute; width: 13.7931% }
.GlobalSecondaryNav-item>a { display: block; color: #fff; text-decoration: none }
.GlobalSecondaryNav-item>a:focus, .GlobalSecondaryNav-item>a:hover { text-decoration: underline }
.GlobalSecondaryNav-item--level2 { font-size: .875em; margin: 1.42857em 0 }
.GlobalSecondaryNav-item--level2>ul { list-style: none; padding: 0; margin: 0 }
.GlobalSecondaryNav-item--level2.is-active>a { color: #e3ba62 }
.GlobalSecondaryNav-item--level3 { margin: .625em 0 .625em 1.875em }
.GlobalSecondaryNav-item--level3>ul { list-style: none; padding: 0; margin: 0 }
.GlobalSecondaryNav-item--level3.is-active>a { color: #e3ba62 }
.SectionSearch { background: #ededed; color: #3a3a3a; padding: 1.125em }
.SectionSearch fieldset { border: none; margin: 0; padding: 0; min-width: 0; padding-right: 2.5em; position: relative }
.SectionSearch-input, .SectionSearch-input[type=search] { background: 0 0; border: none; border-bottom: 1px solid #3a3a3a; box-sizing: border-box; padding: .25em 1.25em .625em .625em; display: block; width: 100% }
.SectionSearch-button { background: url(/images/search-icon.svg) .3125em .3125em no-repeat; border: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; text-indent: -999em; width: 1.875em; height: 1.875em }
.no-svg .SectionSearch-button { background-image: url(/images/search-icon.png) }
.VerticalNavigation { margin-bottom: 1.875em }
 @media(min-width:46.25em) {
.VerticalNavigation-panel { overflow: hidden }
}
 @media(min-width:46.25em) {
.VerticalNavigation-panel:first-child { height: 100vh }
}
.VerticalNavigation-panel:first-child .SuperHero { height: 100% }
 @media(min-width:46.25em) {
.VerticalNavigation-panel:nth-child(2) .SuperHero { height: 70em }
}
.VerticalNavigationControl { margin-top: -110px; opacity: 1; position: fixed; top: 50%; transition: opacity .5s }
.VerticalNavigationControl>ol { list-style: none; padding: 0; margin: 0 }
 @media(min-width:46.25em) {
.VerticalNavigationControl { right: 3.36134% }
}
 @media(min-width:61.25em) {
.VerticalNavigationControl { right: 7.56303% }
}
.VerticalNavigationControl.is-hidden { opacity: 0 }
.VerticalNavigationControl-item { font-size: 1em; margin-bottom: 1.625em }
.VerticalNavigationControl-item>span { background: #ededed; border: .125em solid rgba(58,58,58,.3); border-radius: .4375em; cursor: pointer; display: block; height: .625em; text-indent: -999em; width: .625em }
.VerticalNavigationControl-item.is-active>span { background: #004288 }

 @media(max-width:46.24em) {
.SharePrice { padding: 0 7.56303% }
}
 @media(min-width:46.25em) {
.SharePrice { bottom: 0; position: fixed; right: 0; opacity: 1; visibility: visible; transition: all .5s }
.SharePrice.is-hidden { opacity: 0; visibility: hidden }
}
.SharePrice-title { font-size: .875em; margin: 1em 0 0 0 }
.SharePrice-trendDirection { display: inline-block; height: 1em; position: relative; text-indent: -999em; width: .8125em }
.SharePrice-trendDirection:after { background: 0 0 no-repeat; content: ""; height: 1em; left: 0; top: 0; position: absolute; width: .8125em }
.SharePrice-trendDirection.SharePrice-trendDirection--up { color: #54b97a }
.SharePrice-trendDirection.SharePrice-trendDirection--up:after { background-image: url(/images/up-arrow-green.svg) }
.no-svg .SharePrice-trendDirection.SharePrice-trendDirection--up:after { background-image: url(/images/up-arrow-green.png) }
.SharePrice-trendDirection.SharePrice-trendDirection--down { color: #ff3c32 }
.SharePrice-trendDirection.SharePrice-trendDirection--down:after { background-image: url(/images/down-arrow-red.svg) }
.no-svg .SharePrice-trendDirection.SharePrice-trendDirection--down:after { background-image: url(/images/down-arrow-red.png) }
.SharePrice-amount { display: inline-block; font-size: 2em; font-weight: 400 }
.SharePrice-currency { display: inline-block; font-size: .875em; text-transform: uppercase }
.SharePrice-trendContainer { display: inline-block; line-height: 1.25 }
.SharePrice-trendAmount { display: block; font-size: .75em }
.SharePrice-trendAmount.SharePrice-trendAmount--up { color: #54b97a }
.SharePrice-trendAmount.SharePrice-trendAmount--down { color: #ff3c32 }
.SharePrice-trendPercentage { display: block; font-size: .75em }
.SharePrice-trendPercentage.SharePrice-trendPercentage--up { color: #54b97a }
.SharePrice-trendPercentage.SharePrice-trendPercentage--down { color: #ff3c32 }
.SharePrice-dateTime { border-top: 1px solid #737373; color: #666; display: block; font-size: .75em; margin-bottom: 1em }
.SuperHero { margin-bottom: 3.75em; position: relative; width: 100% }
.SuperHero+.SuperHero { margin-top: -60px }
 @media(min-width:46.25em) {
.CountrySiteHeader+.SuperHero { margin-top: -30px }
}
 @media(min-width:46.25em) {
.CountrySiteHeader--global+.SuperHero .SuperHero-container { padding-top: 12.5em }
}
 @media(min-width:46.25em) {
.SuperHero { height: 50em; overflow: hidden }
}
.SuperHero h1 { font-weight: 400 }
 @media(max-width:46.24em) {
.SuperHero h1 { font-size: 1.75em }
}
 @media(min-width:46.25em) {
.SuperHero h1 { font-size: 70px; line-height: 70px; font-weight: 400 }
}
.SuperHero p { font-size: 20px; line-height: 26px }
.VerticalNavigation-panel .SuperHero { margin-bottom: 0 }
.SuperHero .SuperHero-imgWrap { position: absolute; width: 100%; height: 100% }
 @media(max-width:46.24em) {
.SuperHero .SuperHero-imgWrap { position: relative; width: 100%; height: auto }
}
 @media(min-width:46.25em) {
.SuperHero--letterbox { height: 28.75em }
}
.SuperHero--letterbox .SuperHero-downArrow { display: none }
.SuperHero--dark { color: #fff }
 @media(min-width:46.25em) {
.SuperHero--dark { color: #fff }
}
 @media(min-width:46.25em) {
.SuperHero--light { color: #3a3a3a }
}
.SuperHero-image { display: block }
 @media(max-width:46.24em) {
.SuperHero-image { width: 100%; height: auto; margin: 0 0 1em 0 }
}
 @media(min-width:46.25em) {
.SuperHero-image { bottom: 0; min-height: 100%; min-width: 100%; position: absolute }
.csstransforms .SuperHero-image { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
 @media(max-width:46.24em) {
.VerticalNavigation-panel:first-child .SuperHero-image { margin-top: -5.9375em }
}
 @media(min-width:46.25em) {
.VerticalNavigation-panel:first-child .SuperHero-image { margin-top: -11.375em }
}
 @media(min-width:46.25em) {
.SuperHero--parallax .SuperHero-image { min-height: 110%; min-width: 110% }
}
.SuperHero-container { height: 100%; overflow: hidden; position: relative; z-index: 3 }
 @media(min-width:46.25em) {
.SuperHero-container { padding-left: 5.04202%; padding-right: 5.04202%; box-sizing: border-box }
}
.VerticalNavigation-panel .SuperHero-container { box-sizing: border-box }
.SuperHero-content { overflow: hidden; min-width: 300px; margin: 0 auto }
 @media(min-width:46.25em) {
.SuperHero-content { padding-bottom: 5em }
.PageContainer--hasSecondaryNav .SuperHero-content { box-sizing: border-box; padding-left: 29.41176% }
}
 @media(min-width:46.25em) {
.hero-both-right .SuperHero-content { width: 46%; float: right }
}
 @media(max-width:46.24em) {
.SuperHero-content .TextBlock-item { padding-left: 8.40336%; padding-right: 8.40336% }
.SuperHero-content .TextBlock-item:last-child { background: #fff; color: #3a3a3a; overflow: hidden }
}
.hero-title-right .SuperHero-content .TextBlock-item { float: right }
 @media(max-width:46.24em) {
.hero-title-right .SuperHero-content .TextBlock-item { float: none }
}
.hero-both-left .SuperHero-content .TextBlock-item { float: none }
.hero-both-right .SuperHero-content .TextBlock-item { float: none; width: 100%; box-sizing: border-box }
 @media(min-width:46.25em) {
.SuperHero-title { margin-top: 4.625em }
}
 @media(max-width:46.24em) {
.SuperHero-title h1 { color: #3a3a3a }
}
 @media(min-width:46.25em) {
.SuperHero-strapline { margin-top: 5.3125em }
.hero-both-left .SuperHero-strapline { margin-top: 0 }
.hero-both-right .SuperHero-strapline { margin-top: 0 }
}
 @media(min-width:46.25em) {
.SuperHero--standout .SuperHero-strapline { background: #fff; color: #3a3a3a; overflow: hidden; padding: 1em 1em 0 1em }
.SuperHero--standout .SuperHero-strapline .Cta { position: absolute; margin-left: -1.14286em }
}
.SuperHero-link { text-align: right }
 @media(min-width:46.25em) {
.SuperHero-link { bottom: 0; box-sizing: border-box; position: absolute; max-width: 75em; margin-left: auto; margin-right: auto; padding-left: 5.04202%; padding-right: 5.04202%; left: 0; right: 0 }
}
.SuperHero-link a { color: #fff; display: block; padding: 1em 3em 1em; position: relative }
 @media(max-width:46.24em) {
.SuperHero-link a { background: #3a3a3a }
}
 @media(min-width:46.25em) {
.SuperHero-link a { background: rgba(0,0,0,.5) }
}
.SuperHero-link a:after { background: url(/images/arrow-icon-white.svg) no-repeat 0 0; content: ""; height: .78571em; margin-top: -.42857em; position: absolute; right: 1.14286em; top: 50%; width: 1.14286em }
.no-svg .SuperHero-link a:after { background-image: url(/images/arrow-icon-white.png) }
.PageContainer--hasSecondaryNav .SuperHero-link { left: 28.57143% }
.SuperHeroCarousel .SuperHero-content { padding-left: 5em }
.SuperHeroCarousel .slick-dots { bottom: auto; left: 0; margin: 0 auto; max-width: 71em; right: 0; top: 50% }
.SuperHeroCarousel .slick-dots li { display: block; margin: 1em 0 }
.SuperHeroCarousel .slick-dots li button { padding: 0 }
.SuperHeroCarousel .slick-dots li button:before { content: ""; background: #004288; border-radius: 5px; height: 10px; opacity: 1; margin: 5px; width: 10px; border: 2px solid #fff }
.SuperHeroCarousel .slick-dots li.slick-active button:before { background: #e3ba62; border-radius: 10px; height: 20px; margin: 0; width: 20px }
 @media(min-width:46.25em) {
.GlobalHome .SuperHero.hero-both-left, .GlobalHome .SuperHero.hero-both-right { height: 100vh; min-height: 35em }
.GlobalHome .SuperHero.hero-both-left .SuperHero-container .SuperHero-title, .GlobalHome .SuperHero.hero-both-right .SuperHero-container .SuperHero-title { margin-top: 0 }
.GlobalHome .SuperHero.hero-both-left .SuperHero-content, .GlobalHome .SuperHero.hero-both-right .SuperHero-content { width: 100% }
.GlobalHome .SuperHero.hero-both-right .SuperHero-content { float: none; margin-left: auto; width: 46%; overflow: visible }
}
.SuperHero--center .SuperHero-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.SuperHero--center .TextBlock-item { float: none; margin: 0 auto; width: 100%; text-align: center }
 @media(max-width:61.24em) {
.SuperHero--center .TextBlock-item { width: 70% }
}
 @media(max-width:46.24em) {
.SuperHero--center .TextBlock-item { width: auto; text-align: left }
}
.SuperHero--center .TextBlock-item .SuperHero-strapline { margin-top: 16px }
.SuperHero-downArrow { position: absolute; width: auto; margin-left: -7px; left: 50%; bottom: 20px; text-align: center }
.SuperHero-downArrow:hover { cursor: pointer }
.SuperHero-downArrow svg { height: 15px; width: 15px }
 @media(max-width:46.24em) {
.SuperHero-downArrow { display: none }
}
.SpotlightContainer { clear: both; margin-top: 1.875em; overflow: hidden }
 @media(max-width:46.24em) {
.SpotlightContainer { padding-left: 8.40336%; padding-right: 8.40336% }
}
 @media(min-width:46.25em) {
.PageContainer .SpotlightContainer .u-constrain>.u-constrainAdjust { padding-left: 8.40336%; padding-right: 8.40336% }
.PageContainer--hasSecondaryNav .SpotlightContainer .u-constrain>.u-constrainAdjust { padding-left: 29.41176%; padding-right: 0 }
}
.SpotlightContainer>.u-constrain>.u-constrainAdjust { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.SpotlightContainer+.SpotlightContainer { margin-top: 0 }
/*.Spotlight { margin: 0 0 2.875em 0 }*/
 @media(min-width:46.25em) {
.Spotlight--small { width: 32.58427%; float: left; margin-right: 1.1236%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 3em; position: relative }
.Spotlight--small:nth-child(3n) { float: right; margin-right: 0 }
.Spotlight--small:nth-child(4n) { clear: left }
.Spotlight--small .Cta { position: absolute; bottom: 0 }
}
 @media(min-width:46.25em) {
.Spotlight--medium { width: 49.49495%; float: left; margin-right: 1.0101%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 3em; position: relative }
.Spotlight--medium:nth-child(2n) { float: right; margin-right: 0 }
.Spotlight--medium:nth-child(3n) { clear: left }
.Spotlight--medium .Cta { position: absolute; bottom: 0 }
}
.Spotlight--largeLeft { overflow: hidden }
 @media(min-width:46.25em) {
.Spotlight--largeLeft { margin-bottom: 3.75em }
}
.Spotlight--largeRight { overflow: hidden }
 @media(min-width:46.25em) {
.Spotlight--largeRight { margin-bottom: 3.75em }
}
 @media(min-width:46.25em) {
.Spotlight--bleedLeft { position: relative }
.Spotlight--bleedLeft svg path { fill: #fff }
}

 @media(min-width:46.25em) {
.Spotlight--bleedRight { margin-bottom: 3.75em; position: relative }
.Spotlight--bleedRight svg path { fill: #fff }
}
.Spotlight-link { color: #3a3a3a; display: block; text-decoration: none }
.Spotlight-link:hover { text-decoration: none }
 @media(max-width:46.24em) {
.Spotlight--bleedLeft .Spotlight-content, .Spotlight--bleedRight .Spotlight-content { padding-left: 8.40336%; padding-right: 8.40336%; margin-bottom: 3.75em }
}
 @media(min-width:46.25em) {
.Spotlight--largeLeft .Spotlight-content { padding-left: 55% }
.Spotlight--largeRight .Spotlight-content { padding-right: 55% }
.Spotlight--bleedLeft .Spotlight-content, .Spotlight--bleedRight .Spotlight-content { padding-left: 5.04202%; padding-right: 5.04202%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; max-width: 75em; box-sizing: border-box; height: 100% }
}
.Spotlight--bleedLeft .Spotlight-constrain, .Spotlight--bleedRight .Spotlight-constrain { height: 100% }

.fujia{height: 85%;margin-top: 70px;}
 @media(min-width:46.25em) {
.PageContainer--hasSecondaryNav .Spotlight--bleedLeft .Spotlight-constrain, .PageContainer--hasSecondaryNav .Spotlight--bleedRight .Spotlight-constrain { padding-left: 29.41176% }
}
.Spotlight-constrainAdjust>:last-child { margin-bottom: 0 }
 @media(min-width:46.25em) {
.Spotlight--bleedLeft .Spotlight-constrainAdjust, .Spotlight--bleedRight .Spotlight-constrainAdjust { box-sizing: border-box; padding: 3.125em; background: rgba(255,255,255,.75); overflow: hidden; width: 50%; max-height: 100%; height: 100% }
}
 @media(min-width:46.25em) {
.Spotlight--bleedRight .Spotlight-constrainAdjust { margin-left: 50% }
}
.Spotlight-image { display: block; height: auto; margin-bottom: .875em; width: 100%;}
 @media(min-width:46.25em) {
.Spotlight--largeLeft .Spotlight-image { float: left; width: 50% }
.Spotlight--largeRight .Spotlight-image { float: right; width: 50% }
.Spotlight--bleedLeft .Spotlight-image, .Spotlight--bleedRight .Spotlight-image { margin-bottom: 0 }
}
.Spotlight-title { margin: 0 0 .7em 0 }
 @media(min-width:46.25em) {
.Spotlight--largeLeft .Spotlight-title { margin-top: 0 }
.Spotlight--largeRight .Spotlight-title { margin-top: 0 }
}
.Spotlight-strapline { font-size: 1em; line-height: 1.9; font-weight: 400 ;}
.strapline { font-size: 1em; line-height: 1.9; font-weight: 400 ;text-indent:2em;}
.strapline a{ font-size: 1em; line-height: 1.9; font-weight: 400 ;text-indent:2em;color: #e3000f;font-weight: bold;}

.GridSpotlight--extrasmall .Spotlight-title, .GridSpotlight--medium .Spotlight-title, .GridSpotlight--small .Spotlight-title { margin: 0 0 .3em 0; font-size: 19px; line-height: 1.3; font-weight: 400 }
.GridSpotlight--extrasmall .Spotlight-title { font-size: 22px }
 @media(min-width:46.25em) {
.Spotlight--bleedLeft+.Spotlight--bleedLeft, .Spotlight--bleedLeft+.Spotlight--bleedRight, .Spotlight--bleedRight+.Spotlight--bleedLeft, .Spotlight--bleedRight+.Spotlight--bleedRight, .SuperHero+.Spotlight--bleedLeft, .SuperHero+.Spotlight--bleedRight { margin-top: -3.75em }
}
 @media(max-width:61.24em) {
.Spotlight--text-overlay .Spotlight-image { margin-bottom: .875em }
}
 @media(min-width:61.25em) {
.Spotlight--text-overlay .Spotlight-image { margin-bottom: 0 }
}
 @media(max-width:61.24em) {
.Spotlight--text-overlay .Spotlight-content { padding-left: 8.40336%; padding-right: 8.40336%; margin-bottom: 3.75em; position: static; margin: 0; width: auto; max-width: none; box-sizing: content-box; height: auto }
}
 @media(min-width:61.25em) {
.Spotlight--text-overlay .Spotlight-content { padding-left: 5.04202%; padding-right: 5.04202%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; max-width: 75em; box-sizing: border-box; height: 100% }
}
 @media(max-width:61.24em) {
.Spotlight--text-overlay .Spotlight-content .Spotlight-constrainAdjust { box-sizing: content-box; padding: 0; background: 0 0; overflow: visible; width: auto; max-height: none; height: 100% }
}
 @media(min-width:61.25em) {
.Spotlight--text-overlay .Spotlight-content .Spotlight-constrainAdjust { box-sizing: border-box; padding: 2.125em; background: rgba(255,255,255,.75); overflow: hidden; width: 70%; max-height: 100%; height: 100% }
}
 @media(max-width:61.24em) {
.Spotlight--text-overlay.Spotlight--bleedRight .Spotlight-constrainAdjust { margin-left: 0 }
}
 @media(min-width:61.25em) {
.Spotlight--text-overlay.Spotlight--bleedRight .Spotlight-constrainAdjust { margin-left: 20% }
}
 @media(min-width:46.25em) {
.GridSpotlight--extrasmall .SpotlightCarousel .CaseStudy, .GridSpotlight--extrasmall .SpotlightCarousel .Download, .GridSpotlight--extrasmall .SpotlightCarousel .HighProduct, .GridSpotlight--extrasmall .SpotlightCarousel .ProductGroup, .GridSpotlight--extrasmall .SpotlightCarousel .SimpleSpotlight, .GridSpotlight--extrasmall .SpotlightCarousel .Spotlight, .GridSpotlight--extrasmall .SpotlightCarousel .VideoSpotlight { width: 100%; float: none; margin-right: 0 }
}
.SpotlightCarousel-center { text-align: center }
.SpotlightGrids { width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0; margin: 1.875em 0; position: relative }
.SpotlightGrids a { text-decoration: none }
.SpotlightGridCards-controls--next { float: right; right: .5em }
.SpotlightGridCards-controls--prev { float: left; left: .5em }
.owl-stage-outer { overflow: hidden }
.owl-item { display: inline-block; vertical-align: top }
.owl-nav { position: absolute; width: 100%; height: 0; top: 50%; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px) }
.owl-next, .owl-prev { cursor: pointer; font-size: large; position: absolute; display: inline-block; z-index: 0; line-height: .7em; padding: .7em; background: #666; background: rgba(102,102,102,.75) }
.owl-next.disabled, .owl-prev.disabled { opacity: .2 }
.owl-next { right: 0 }
 @media(max-width:46.24em) {
.owl-next { right: 0 }
}
.owl-next { right: 0 }
 @media(max-width:46.24em) {
.owl-next { right: 0 }
}
.SpotlightCarousel .owl-next { float: right; right: -45px }
 @media(max-width:46.24em) {
.SpotlightCarousel .owl-next { right: -37px }
}
.SpotlightCarousel .owl-prev { float: left; left: -45px }
 @media(max-width:46.24em) {
.SpotlightCarousel .owl-prev { left: -37px }
}
.SpotlightGridContainer { clear: both; margin-top: 1.875em; overflow: hidden }
 @media(max-width:46.24em) {
.SpotlightGridContainer { padding-left: 8.40336%; padding-right: 8.40336% }
}
 @media(min-width:46.25em) {
.PageContainer .SpotlightGridContainer .u-constrain>.u-constrainAdjust { padding-left: 8.40336%; padding-right: 8.40336% }
.PageContainer--hasSecondaryNav .SpotlightGridContainer .u-constrain>.u-constrainAdjust { padding-left: 29.41176%; padding-right: 0 }
}
.SpotlightGridContainer>.u-constrain>.u-constrainAdjust { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.SpotlightGridContainer+.SpotlightGridContainer { margin-top: 0 }
.SpotlightGrid { margin: 0 0 1.875em 0 }
 @media(min-width:46.25em) {
.SpotlightGrid--small { width: 32.58427%; float: left; margin-right: 1.1236%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 3em; position: relative }
.SpotlightGrid--small:nth-child(3n) { float: right; margin-right: 0 }
.SpotlightGrid--small:nth-child(4n) { clear: left }
.SpotlightGrid--small .Cta { position: absolute; bottom: 0 }
}
 @media(min-width:46.25em) {
.SpotlightGrid--medium { width: 49.49495%; float: left; margin-right: 1.0101%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 3em; position: relative }
.SpotlightGrid--medium:nth-child(2n) { float: right; margin-right: 0 }
.SpotlightGrid--medium:nth-child(3n) { clear: left }
.SpotlightGrid--medium .Cta { position: absolute; bottom: 0 }
}
.SpotlightGrid--largeLeft { overflow: hidden }
 @media(min-width:46.25em) {
.SpotlightGrid--largeLeft { margin-bottom: 3.75em }
}
.SpotlightGrid--largeRight { overflow: hidden }
 @media(min-width:46.25em) {
.SpotlightGrid--largeRight { margin-bottom: 3.75em }
}
 @media(min-width:46.25em) {
.SpotlightGrid--bleedLeft { margin-bottom: 3.75em; position: relative }
.SpotlightGrid--bleedLeft svg path { fill: #fff }
}

 @media(min-width:46.25em) {
.SpotlightGrid--bleedRight { margin-bottom: 3.75em; position: relative }
.SpotlightGrid--bleedRight svg path { fill: #fff }
}
.SpotlightGrid-link { color: #3a3a3a; display: block; text-decoration: none }
.SpotlightGrid-link:hover { text-decoration: none }
 @media(max-width:46.24em) {
.SpotlightGrid--bleedLeft .SpotlightGrid-content, .SpotlightGrid--bleedRight .SpotlightGrid-content { padding-left: 8.40336%; padding-right: 8.40336%; margin-bottom: 3.75em }
}
 @media(min-width:46.25em) {
.SpotlightGrid--largeLeft .SpotlightGrid-content { padding-left: 55% }
.SpotlightGrid--largeRight .SpotlightGrid-content { padding-right: 55% }
.SpotlightGrid--bleedLeft .SpotlightGrid-content, .SpotlightGrid--bleedRight .SpotlightGrid-content { padding-left: 5.04202%; padding-right: 5.04202%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; max-width: 75em; box-sizing: border-box; height: 100% }
}
.SpotlightGrid--bleedLeft .SpotlightGrid-constrain, .SpotlightGrid--bleedRight .SpotlightGrid-constrain { height: 100% }
 @media(min-width:46.25em) {
.PageContainer--hasSecondaryNav .SpotlightGrid--bleedLeft .SpotlightGrid-constrain, .PageContainer--hasSecondaryNav .SpotlightGrid--bleedRight .SpotlightGrid-constrain { padding-left: 29.41176% }
}
.SpotlightGrid-constrainAdjust>:last-child { margin-bottom: 0 }
 @media(min-width:46.25em) {
.SpotlightGrid--bleedLeft .SpotlightGrid-constrainAdjust, .SpotlightGrid--bleedRight .SpotlightGrid-constrainAdjust { box-sizing: border-box; padding: 3.125em; background: rgba(255,255,255,.75); overflow: hidden; width: 50%; max-height: 100%; height: 100% }
}
 @media(min-width:46.25em) {
.SpotlightGrid--bleedRight .SpotlightGrid-constrainAdjust { margin-left: 50% }
}
.SpotlightGrid-image { display: block; height: auto; margin-bottom: .875em; width: 100% }
 @media(min-width:46.25em) {
.SpotlightGrid--largeLeft .SpotlightGrid-image { float: left; width: 50% }
.SpotlightGrid--largeRight .SpotlightGrid-image { float: right; width: 50% }
.SpotlightGrid--bleedLeft .SpotlightGrid-image, .SpotlightGrid--bleedRight .SpotlightGrid-image { margin-bottom: 0 }
}
.SpotlightGrid-title { margin: 0 0 .7em 0 }
 @media(min-width:46.25em) {
.SpotlightGrid--largeLeft .SpotlightGrid-title { margin-top: 0 }
.SpotlightGrid--largeRight .SpotlightGrid-title { margin-top: 0 }
}
.SpotlightGrid-strapline { font-size: 1em; line-height: 1.9; font-weight: 400 }
.GridSpotlightGrid--extrasmall .SpotlightGrid-title, .GridSpotlightGrid--medium .SpotlightGrid-title, .GridSpotlightGrid--small .SpotlightGrid-title { margin: 0 0 .3em 0; font-size: 24px; line-height: 1.3; font-weight: 400 }
.GridSpotlightGrid--extrasmall .SpotlightGrid-title { font-size: 22px }
 @media(min-width:46.25em) {
.SpotlightGrid--bleedLeft+.SpotlightGrid--bleedLeft, .SpotlightGrid--bleedLeft+.SpotlightGrid--bleedRight, .SpotlightGrid--bleedRight+.SpotlightGrid--bleedLeft, .SpotlightGrid--bleedRight+.SpotlightGrid--bleedRight, .SuperHero+.SpotlightGrid--bleedLeft, .SuperHero+.SpotlightGrid--bleedRight { margin-top: -3.75em }
}
 @media(max-width:61.24em) {
.SpotlightGrid--text-overlay .SpotlightGrid-image { margin-bottom: .875em }
}
 @media(min-width:61.25em) {
.SpotlightGrid--text-overlay .SpotlightGrid-image { margin-bottom: 0 }
}
 @media(max-width:61.24em) {
.SpotlightGrid--text-overlay .SpotlightGrid-content { padding-left: 8.40336%; padding-right: 8.40336%; margin-bottom: 3.75em; position: static; margin: 0; width: auto; max-width: none; box-sizing: content-box; height: auto }
}
 @media(min-width:61.25em) {
.SpotlightGrid--text-overlay .SpotlightGrid-content { padding-left: 5.04202%; padding-right: 5.04202%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; max-width: 75em; box-sizing: border-box; height: 100% }
}
 @media(max-width:61.24em) {
.SpotlightGrid--text-overlay .SpotlightGrid-content .SpotlightGrid-constrainAdjust { box-sizing: content-box; padding: 0; background: 0 0; overflow: visible; width: auto; max-height: none; height: 100% }
}
 @media(min-width:61.25em) {
.SpotlightGrid--text-overlay .SpotlightGrid-content .SpotlightGrid-constrainAdjust { box-sizing: border-box; padding: 3.125em; background: rgba(255,255,255,.75); overflow: hidden; width: 50%; max-height: 100%; height: 100% }
}
 @media(max-width:61.24em) {
.SpotlightGrid--text-overlay.SpotlightGrid--bleedRight .SpotlightGrid-constrainAdjust { margin-left: 0 }
}
 @media(min-width:61.25em) {
.SpotlightGrid--text-overlay.SpotlightGrid--bleedRight .SpotlightGrid-constrainAdjust { margin-left: 50% }
}
.ImageBoard { clear: both }
 @media(max-width:46.24em) {
.ImageBoard .u-masonryGridSizer { width: 49.5% }
}
 @media(min-width:46.25em) {
.ImageBoard .u-masonryGridSizer { width: 24.5% }
}
 @media(max-width:46.24em) {
.ImageBoard .u-masonryGutterSizer { width: 1% }
}
 @media(min-width:46.25em) {
.ImageBoard .u-masonryGutterSizer { width: .5% }
}
.ImageBoard-item { float: left; overflow: hidden; position: relative; margin-bottom: .1875em }
 @media(max-width:46.24em) {
.ImageBoard-item { width: 49.5% }
}
 @media(min-width:46.25em) {
.ImageBoard-item { width: 24.5% }
.ImageBoard-item p { display: none }
}
 @media(min-width:46.25em) {
.ImageBoard-item.ImageBoard-item--wide p { display: block }
}
 @media(max-width:46.24em) {
.ImageBoard-item--wide { width: 100% }
}
 @media(min-width:46.25em) {
.ImageBoard-item--wide { width: 49.5% }
}
a.ImageBoard-link { color: #fff; cursor: default }
a.ImageBoard-link.is-open { color: #fff }
.ImageBoard-content { background: rgba(0,0,0,.6); box-sizing: border-box; cursor: pointer; height: 100%; right: -100%; padding: 1.25em 1.25em 0 1.25em; position: absolute; top: 0; transition: right .5s; width: 100% }
.ImageBoard-content h3 { font-size: 1.875em; line-height: 1.5; font-weight: 400 }
 @media(max-width:19.99em) {
.ImageBoard-content h3 { font-size: 1.25em }
}
.ImageBoard-content p { font-size: 1em; line-height: 1.9; font-weight: 400 }
 @media(max-width:19.99em) {
.ImageBoard-content p { display: none }
}
.ImageBoard-content:after { background: url(/images/arrow-icon-white.svg) 0 0 no-repeat; content: ""; height: .6875em; position: absolute; right: .9375em; bottom: .9375em; width: .9375em }
.ImageBoard-link.is-open .ImageBoard-content { right: 0 }
.ImageBoard-image { display: block; height: auto; width: 100% }
 @media(max-width:46.24em) {
.ImageBoard.ImageBoard-LayoutOne .ImageBoard-item { width: 100%; height: auto }
}
 @media(min-width:46.25em) {
.ImageBoard.ImageBoard-LayoutOne .ImageBoard-item { width: 24.5%; height: 12.5em; overflow: hidden }
.ImageBoard.ImageBoard-LayoutOne .ImageBoard-item img { position: absolute; min-height: 100%; height: 100%; width: auto; background-size: cover; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
 @media(max-width:46.24em) {
.ImageBoard.ImageBoard-LayoutOne .ImageBoard-item:first-of-type, .ImageBoard.ImageBoard-LayoutOne .ImageBoard-item:nth-of-type(10) { width: 100%; height: auto }
}
 @media(min-width:46.25em) {
.ImageBoard.ImageBoard-LayoutOne .ImageBoard-item:first-of-type, .ImageBoard.ImageBoard-LayoutOne .ImageBoard-item:nth-of-type(10) { width: 49.5%; height: 25.2em }
}
 @media(min-width:46.25em) {
.ImageBoard.ImageBoard-LayoutOne .ImageBoard-item:nth-of-type(4) { height: 25.2em }
}
 @media(max-width:46.24em) {
.ImageBoard.ImageBoard-LayoutTwo .ImageBoard-item { width: 100% }
}
 @media(min-width:46.25em) {
.ImageBoard.ImageBoard-LayoutTwo .ImageBoard-item { width: 49.5%; height: 15em; overflow: hidden }
.ImageBoard.ImageBoard-LayoutTwo .ImageBoard-item img { position: absolute; min-height: 100%; width: 100%; background-size: cover; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
 @media(max-width:46.24em) {
.ImageBoard.ImageBoard-LayoutThree .u-masonryGridSizer { width: 49.5% }
}
 @media(min-width:46.25em) {
.ImageBoard.ImageBoard-LayoutThree .u-masonryGridSizer { width: 33% }
}
 @media(max-width:46.24em) {
.ImageBoard.ImageBoard-LayoutThree .ImageBoard-item { width: 100%; height: auto }
}
 @media(min-width:46.25em) {
.ImageBoard.ImageBoard-LayoutThree .ImageBoard-item { width: 33%; height: 15em; overflow: hidden }
.ImageBoard.ImageBoard-LayoutThree .ImageBoard-item img { position: absolute; min-height: 100%; height: 100%; width: auto; background-size: cover; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
.GlobalSiteFooter { margin-top: 2.875em; padding: 2.5em 0; background: #fff; color: #3a3a3a;}
.GlobalSiteFooter-copy { width: 100%; text-align:center; overflow: hidden;}
.GlobalSiteFooter-copy p { font-size: 0.8em; line-height: 1.9; font-weight: 400; font-weight: 500; text-align: center; color: #3a3a3a; }
 @media(max-width:46.24em) {
.GlobalSiteFooter-copy p { text-align: center }
}
.GlobalSiteFooter-nav>ul { list-style: none; padding: 0; margin: 0; overflow: hidden }
.GlobalSiteFooter-nav>ul li { font-size: 1em; line-height: 1.9; font-weight: 400 }
.GlobalSiteFooter-nav>ul li a { color: #3a3a3a; padding: 0 1em }
 @media(min-width:46.25em) {
.GlobalSiteFooter-nav>ul li { float: left }
.GlobalSiteFooter-nav>ul li:first-child { border-left: none }
.GlobalSiteFooter-nav>ul li:first-child a { padding-left: 0 }
}
.GlobalSiteFooter-nav p { font-size: 1em; line-height: 1.9; font-weight: 400; font-weight: 500 }
 @media(min-width:46.25em) {
.GlobalSiteFooter--pageSideNav .GlobalSiteFooter-nav { width: 44.44444%; float: left; margin-right: 1.0101%; margin-left: 29.41176% }
}
 @media(max-width:46.24em) {
.FooterSocialLinks { text-align: center; width: 100%; float: left; margin-left: 0; margin-right: 0 }
}
 @media(min-width:46.25em) {
.FooterSocialLinks { width: 3.84615%; float: left; margin-right: .96154%; float: right; margin-right: 0 }
}
.FooterSocialLinks>ul { list-style: none; padding: 0; margin: 0; overflow: hidden }
 @media(min-width:46.25em) {
.GlobalSiteFooter--pageSideNav .FooterSocialLinks { width: 19.19192%; float: left; margin-right: 1.0101%; margin-right: 0 }
}
.GlobalSiteFooter--pageSideNav .FooterSocialLinks { margin-right: 0 }
.FooterSocialLinks-item { font-size: .875em }
 @media(max-width:46.24em) {
.FooterSocialLinks-item { margin: 0 .3125em }
}
.FooterSocialLinks-item a { background: no-repeat 50% 50%; color: #3a3a3a; display: block; height: 2.75em; overflow: hidden; text-indent: -999em; width: 2.75em }
 @media(max-width:46.24em) {
.FooterSocialLinks-item { display: inline-block }
}
 @media(min-width:46.25em) {
.FooterSocialLinks-item { display: block }
}
.GlobalSiteFooter-column { width: 23.07692%; float: left; margin-right: .96154% }
 @media(max-width:46.24em) {
.GlobalSiteFooter-column { width: 49.49495%; float: left; margin-right: 1.0101% }
.GlobalSiteFooter-column:nth-of-type(2n) { float: right; margin-right: 0 }
}
 @media(max-width:19.99em) {
.GlobalSiteFooter-column { width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0 }
}
.GlobalSiteFooter-column h2 { font-size: 1em; line-height: 1.9; font-weight: 400; font-weight: 500; margin-bottom: .625em }
.GlobalSiteFooter-column .FooterSection-link { margin-bottom: .3125em }
.GlobalSiteFooter-column .FooterSection-link a { font-size: .875em; line-height: 1.5; font-weight: 400; color: #3a3a3a }
.FooterSection-container { margin-bottom: 1.25em }
.FooterSocialLinks-item--twitter a { background-image: url(/images/icon-twitter.svg) }
.no-svg .FooterSocialLinks-item--twitter a { background-image: url(/images/icon-twitter.png) }
.FooterSocialLinks-item--facebook a { background-image: url(/images/icon-facebook.svg) }
.no-svg .FooterSocialLinks-item--facebook a { background-image: url(/images/icon-facebook.png) }
.FooterSocialLinks-item--linkedIn a { background-image: url(/images/icon-linkedin.svg) }
.no-svg .FooterSocialLinks-item--linkedIn a { background-image: url(/images/icon-linkedin.png) }
.FooterSocialLinks-item--googlePlus a { background-image: url(/images/icon-googleplus.svg) }
.no-svg .FooterSocialLinks-item--googlePlus a { background-image: url(/images/icon-googleplus.png) }
.Infographic .TextBlock { padding-left: 8.40336%; padding-right: 8.40336% }
.Infographic-title { padding-top: 4.625em }
.PageContainer--hasSecondaryNav .Infographic-title { padding-top: 0 }
 @media(max-width:46.24em) {
.InfographicSpotlight-header { margin-bottom: 1em }
}
 @media(min-width:46.25em) {
.InfographicSpotlight-header { display: inline-block; width: 40% }
}
.InfographicSpotlight-title { font-weight: 400; font-size: 1.25em; line-height: 1.5; padding-top: 15px }
.InfographicSpotlight-container { width: 59%; display: block }
 @media(min-width:46.25em) {
.InfographicSpotlight-container { display: inline-block; vertical-align: top; text-align: right }
}
.PageContainer--hasSecondaryNav .InfographicSpotlight-container { width: 100%; padding: 0; float: left }
.InfographicSpotlight-number { display: inline-block; vertical-align: top; margin-right: 10px }
.InfographicSpotlight-number h2 { font-size: 3.125em; line-height: 1.5; font-weight: 400; margin: 0; text-align: center; line-height: 1.3; display: inline-block; vertical-align: top }
.InfographicSpotlight-number span { font-size: 1.25em; line-height: 1.8; font-weight: 400; vertical-align: top; display: inline-block; max-width: 50%; display: none }
 @media(max-width:46.24em) {
.InfographicSpotlight-number { margin-bottom: 1em; width: auto }
.InfographicSpotlight-number h2 { text-align: left; display: block }
}
.InfographicSpotlight-text { width: 50%; vertical-align: top; display: inline-block; padding-top: 10px }
 @media(max-width:46.24em) {
.InfographicSpotlight-text { width: auto; float: none; display: block }
}
 @media(min-width:46.25em) {
.InfographicSpotlight-text { margin-top: .375em }
}
.InfographicSpotlight-text p { font-weight: 400; font-size: 1.25em; line-height: 1.5 }
.InfographicComponents-grid { padding-left: 8.40336%; padding-right: 8.40336%; text-align: center; margin-bottom: 3.75em }
.InfographicComponents-grid:after, .InfographicComponents-grid:before { content: " "; display: table }
.InfographicComponents-grid:after { clear: both }
 @media(min-width:46.25em) {
.InfographicComponents-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap }
}
.PageContainer--hasSecondaryNav .InfographicComponents-grid { padding: 0 }
.InfographicComponents-iconWrap { transition: background-color .4s }
 @media(max-width:46.24em) {
.InfographicComponents-iconWrap:nth-child(2n+0) { width: 49.15254%; float: right; margin-right: 0 }
}
.InfographicComponents-iconWrap:hover { background-color: #ededed }
.InfographicComponents-iconWrap { margin: 0 .4em; width: 15%; display: inline-block; text-align: center; padding: .9375em 0; height: 15.625em; position: relative }
.InfographicComponents-iconWrap h2 { margin-top: 25px; font-size: 3.125em; line-height: 1.5; font-weight: 400; line-height: 1 }
.InfographicComponents-iconWrap span { font-size: 1.25em; line-height: 1.8; font-weight: 400 }
 @media(max-width:46.24em) {
.InfographicComponents-iconWrap { width: 49.15254%; float: left; margin-right: 1.69492%; margin-left: 0 }
}
.InfographicComponents-icon { position: relative; top: 0; left: 0; height: 5.625em; width: 100%; text-align: center }
.InfographicComponents-icon img { bottom: 0; position: absolute; left: 0; right: 0; margin: 0 auto }
.InfographicComponents-text { padding: 0 .5em }
.Map {  background-color: #fff; margin-bottom: 20px; }
.Map:after, .Map:before { content: " "; display: table }
.Map:after { clear: both }
 @media(max-width:46.24em) {
.Map .TextBlock { padding-left: 8.40336%; padding-right: 8.40336% }
}
 @media(max-width:46.24em) {
.Map h1 { font-size: 1.75em }
}
.MapDropDown { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 2em 0 }
 @media(max-width:46.24em) {
.MapDropDown { width: 100%; display: block; box-sizing: border-box; padding-left: 8.40336%; padding-right: 8.40336% }
}
.MapDropDown li { margin: 0 }
.MapDropDown-selector { background-color: #3a3a3a; padding: .625em 1.25em; color: #fff; width: auto; display: inline-block; font-family: sans-serif; transition: background-color .4s }
.MapDropDown-selector:hover { background-color: #004288; cursor: pointer }
.MapDropDown-selector img { margin-left: 1.25em }
.MapDropDown-TopLinks { width: 60%; float: left; margin-bottom: .5em }
 @media(max-width:61.24em) {
.MapDropDown-TopLinks { width: 100% }
}
.MapContainer-main .MapContainer-mobile { display: block; width: 100% }
 @media(min-width:46.25em) {
.MapContainer-main .MapContainer-mobile { display: none }
}
.MapContainer-main svg { opacity: 1; visibility: visible; height: auto }
 @media(max-width:46.24em) {
.MapContainer-main svg { visibility: hidden; opacity: 0; height: 0 }
}
.MapContainer-map { height: 40em; width: 100%; margin-bottom: 30px }
.lt-ie9 .MapContainer-map { height: 500px }
.MapContainer-map .no-svg, .lt-ie10 .MapContainer-map { background-image: url(/index.html); background-repeat: no-repeat }
 @media(max-width:61.24em) {
.MapContainer-map { height: 30em }
}
 @media(max-width:46.24em) {
.MapContainer-map { height: auto }
}
.jqvmap_pin { font-family: sans-serif; font-size: .875em; background-color: rgba(58,58,58,.7); color: #fff; padding: .1875em .625em; transition: all .4s; visibility: visible; opacity: 1 }
 @media(min-width:46.25em) {
.jqvmap_pin.fade { visibility: hidden; opacity: 0 }
}
.jqvmap_pin:hover { background-color: #3a3a3a; color: #fff }
 @media(max-width:46.24em) {
.jqvmap_pin { position: relative!important; left: 0!important; top: 0!important; background-color: transparent; margin-bottom: 10px; border-bottom: 1px solid #3a3a3a; color: #3a3a3a }
.jqvmap_pin:hover { background-color: transparent; color: #3a3a3a }
}
 @media(max-width:46.24em) {
.MapContainer-map { overflow: visible!important }
}
 @media(max-width:46.24em) {
.PinLink { position: relative; display: block }
}
 @media(max-width:46.24em) {
.PinLink::after { content: url(/images/arrow-icon-dark.png); position: absolute; display: block; height: .78571em; margin-top: -.8em; right: 1.14286em; top: 50%; width: 1.14286em }
}
.MapDropDown-item { width: 100%; display: inline-block; cursor: pointer; color: #3a3a3a; font-size: 1em; padding: .5em 1.5em; background-color: #fff; box-sizing: border-box; transition: all .4s; background-color: #f9f9f9; float: left }
 @media(max-width:46.24em) {
.MapDropDown-item { float: none }
}
.MapDropDown-item:hover { background-color: #ededed }
.MapDropDown-item.is-active { background-color: #fff }
.MapDropDown-buttonContainer { width: 30% }
 @media(max-width:46.24em) {
.MapDropDown-buttonContainer { width: 100% }
}
.MapDropDown-panelsContainer { display: inline-block; width: 70%; position: relative }
 @media(max-width:46.24em) {
.MapDropDown-panelsContainer { width: 100%; display: block }
}
.MapDropDown-radio { display: none }
.MapDropDown-CtaDark { float: right }
 @media(max-width:61.24em) {
.MapDropDown-CtaDark { float: left }
}
.MapDropDown-panelsTop:after, .MapDropDown-panelsTop:before { content: " "; display: table }
.MapDropDown-panelsTop:after { clear: both }
.MapDropDown-countryLink { margin-right: 20px; color: #3a3a3a }
.MapDropDown-panels.is-active { display: block }
.MapDropDown-panels { display: none; overflow: auto; box-sizing: border-box; list-style: none; background: #fff; width: 70%; position: absolute; right: 0; padding: 2em; transition: all .4s; float: right; min-height: 100%; max-height: 100% }
 @media(max-width:46.24em) {
.MapDropDown-panels { position: static; float: none; width: 100% }
}
 @media(max-width:46.24em) {
.MapTabs { display: none }
}
.MapButtons-radio:checked+.MapTabs .MapDropDown-selector { background-color: #fff; color: #3a3a3a }
.MapTab-panel { display: none }
 @media(max-width:46.24em) {
.MapTab-panel { display: block }
}
#MapTab-map:checked~.MapTab-mapPanel { display: block }
#MapTab-dropDown:checked~.MapTab-dropDownPanel { position: relative; display: block }
.MapDropDown-selector { font-size: .875em }
.MapButtons-radio { position: absolute; left: -100000px }
.ContactUs { padding: 3.125em 0; margin: 1.875em 0 3.75em 0; background-color: #3a3a3a }
 @media(max-width:46.24em) {
.ContactUs { padding-left: 8.40336%; padding-right: 8.40336% }
}
.ContactUs h2.HeaderSection-title { font-weight: 400; color:#555 }
.ContactUs .TextBlock { padding-left: 0; padding-right: 0; color: #fff }
.ContactUs h2 { font-size: 1.875em; line-height: 1.5; font-weight: 400 }
.ContactUs .Cta { font-size: 1em; line-height: 1.9; font-weight: 400; margin-bottom: 0; border: solid 1px #fff }
.ContactUs[dir=rtl] .TextBlock-item { float: right }
.SuperHero+.ContactNarrow { margin-top: -60px }
.Hero+.ContactNarrow { margin-top: -60px }
.ContactNarrow { width: 100%; padding: .5em 0; box-sizing: border-box; background-color: #3a3a3a; margin-bottom: 3.75em }
 @media(max-width:46.24em) {
.ContactNarrow { padding: .3em .3em }
}
.ContactNarrow span { padding: .5em 0 }
.ContactNarrow .Cta { margin: 1.7em 0; float: right; border: solid 1px #fff }
 @media(max-width:46.24em) {
.ContactNarrow .Cta { float: left }
}
.ContactNarrow[dir=rtl] .Cta { float: left }
.ContactNarrow .ContactIcon-wrap { display: inline-block; margin: 1.5em 0 0 0; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 1.5em }
 @media(max-width:46.24em) {
.ContactNarrow .ContactIcon-wrap { margin-left: 0; width: 100% }
}
.ContactNarrow .ContactIcon-wrap a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ededed }
.ContactNarrow .ContactIcon { border: solid 1px #fff; background: no-repeat 50% 50%; color: #fff; display: block; overflow: hidden; padding: .5em; display: inline-block; text-align: center }
.ContactNarrow .ContactIcon svg { display: block }
.ContactNarrow p { color: #ededed; font-size: 16px; margin-left: 1em; margin-bottom: 0 }
.ContactWrap-number { display: inline-block; padding: 1.5em 0; margin-right: 10%; float: left }
.ContactWrap-number h2 { font-size: 1.875em; line-height: 1.5; font-weight: 400; color: #fff }
.ContactWrap:after, .ContactWrap:before { content: " "; display: table }
.ContactWrap:after { clear: both }
.SocialIcons-item--emailWhite a { background-image: url(/images/mail-white.svg) }
.no-svg .SocialIcons-item--emailWhite a { background-image: url(/images/mail-white.png) }
.SocialIcons-item--phoneWhite a { background-image: url(/images/phone-white.svg) }
.no-svg .SocialIcons-item--phoneWhite a { background-image: url(/images/phone-white.png) }
.ContactDetail { clear: both; margin-bottom: 3.75em }
.ContactDetail-item { border-bottom: .125em solid #ededed; overflow: hidden; padding: 1.875em 0; position: relative }
.ContactDetail-item:first-child { border-top: .125em solid #ededed }
.ContactDetail-photo { height: auto; max-width: 11%; position: absolute; top: .875em }
 @media(min-width:46.25em) {
.ContactDetail-address, .ContactDetail-profile, .ContactDetail-telephone { float: left }
}
 @media(min-width:46.25em) {
.ContactDetail-profile { margin-right: 2%; width: 48% }
}
.ContactDetail-profile h2 { font-size: 1.875em; line-height: 1.5; font-weight: 400; margin: 0 0 .625em 0 }
.ContactDetail-profile p { font-size: 1em; line-height: 1.9; font-weight: 400; margin: 0 }
 @media(min-width:46.25em) {
.ContactDetail-item--hasImage .ContactDetail-profile { margin-left: 13%; width: 35% }
}
 @media(min-width:46.25em) {
.ContactDetail-address { width: 24%; margin-right: 2% }
}
.ContactDetail-address p { font-size: 1em; line-height: 1.9; font-weight: 400; margin-bottom: 0 }
 @media(min-width:46.25em) {
.ContactDetail-telephone { width: 24% }
}
.ContactDetail-telephone p { font-size: 1em; line-height: 1.9; font-weight: 400; margin-bottom: 0 }
.ContactDetail-telephone .SocialIcons { margin-top: 1em }
.ContactMap-map { position: relative; padding-bottom: 50%; height: 400px; overflow: hidden; margin-bottom: 3.75em }
.ContactMap-map iframe { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; left: 0; top: 0; display: block }
.slick-track:after, .slick-track:before { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.slick-slider { margin: 0 }
.SliderMain { position: relative }
.ImageDownload { position: absolute; bottom: 0; right: 0; margin: 20px; background: rgba(102,102,102,.75); padding: 20px }

 @media(max-width:46.24em) {
.ImageDownload { padding: 10px }
}
.ImageDownload:hover { background: #666 }
.LeadImage-imageWrap, .SliderMain-imageWrap { border: 1px solid #f1f1f1 }
.LeadImage-imageWrap img, .SliderMain-imageWrap img { width: 100%; display: block }
.LeadImage-imageWrap .SliderMain-title, .SliderMain-imageWrap .SliderMain-title { font-size: 1.2em; line-height: 1.2em; max-width: calc(100% - 5rem); font-weight: 400; position: absolute; top: 1em; left: 1em; background: rgba(255,255,255,.7); padding: .5em 1em }
 @media(max-width:46.24em) {
.LeadImage-imageWrap .SliderMain-title, .SliderMain-imageWrap .SliderMain-title { top: .5em; left: .5em; font-size: 1em; line-height: 1em }
}
.LeadImage-imageWrap .SliderMain-title.hidden, .SliderMain-imageWrap .SliderMain-title.hidden { display: none }
.LeadImage-imageWrap .ImageDownload.hidden, .SliderMain-imageWrap .ImageDownload.hidden { display: none }
.ImageSlider .FiftyFifty-sliderThumbnails .owl-nav.disabled, .ImageSlider .SliderThumbnails .owl-nav.disabled { display: none }
.SliderMain-controlls { height: 2.75em; width: 100%; position: absolute; top: 50%; margin-top: -1.375em }
.SliderMain-controlls .owl-next, .SliderMain-controlls .owl-prev { bottom: 0; top: 0 }
.ImageSlider, .LeadImage { width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0; margin-bottom: 3.75em; position: relative }
.FiftyFifty-sliderThumbnails, .SliderThumbnails { margin-top: 1em; overflow: hidden; position: relative }
.FiftyFifty-sliderThumbnails .owl-nav, .SliderThumbnails .owl-nav { top: 35% }
.FiftyFifty-sliderThumbnails .owl-next, .FiftyFifty-sliderThumbnails .owl-prev, .SliderThumbnails .owl-next, .SliderThumbnails .owl-prev { bottom: auto }
.SliderThumbnails-imageWrap { position: relative; border: 1px solid #f1f1f1; overflow: hidden; height: 8.45688em }
.SliderThumbnails-imageWrap img { position: absolute; min-width: 100%; width: auto; background-size: cover; max-width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.ImageDownload img { width: 21px; height: 21px }
.Download { margin: 0 0 1.875em 0 }
.Download:after, .Download:before { content: " "; display: table }
.Download:after { clear: both }
.Download.Download--large { margin: 0 0 3.75em 0 }
.Download.Download--wide { margin: 0 0 3.75em 0 }
.Download.Download--narrow { margin: 0 0 3.75em 0 }
.Download--narrow { box-sizing: border-box; border-bottom: .0625em solid #ededed; position: relative }
.Download--narrow .Download-actions { float: right; position: absolute; right: 0; top: 0; margin-bottom: .625em }
.Download--narrow .Download-title { max-width: 100%; padding-right: 15em; margin-bottom: .625em }
 @media(max-width:46.24em) {
.Download--narrow .Download-title { padding-right: 138px }
}
.Download--narrow .Download-link:nth-child(2n) { margin-right: 0 }
 @media(min-width:46.25em) {
.Download--small { width: 32.58427%; float: left; margin-right: 1.1236% }
.Download--small:nth-child(3n) { float: right; margin-right: 0 }
.Download--small:nth-child(4n) { clear: left }
}
.Download-image { width: 100% }
.Download--large .Download-image { float: left; width: 50% }
.Download--large.Spotlight--largeRight .Download-image { float: right; width: 50% }
 @media(max-width:46.24em) {
.Download--wide .Download-image { width: 100%; height: auto }
}
 @media(min-width:46.25em) {
.Download--wide .Download-image { float: left; width: 20% }
}
.Download--small .Download-image { height: auto; width: 100% }
.Download--large .Download-content { padding-left: 55% }
.Download--large.Spotlight--largeRight .Download-content { padding-left: 0 }
 @media(min-width:46.25em) {
.Download--wide .Download-content { padding-left: 25% }
}
.Download-title { font-size: 1.875em; line-height: 1.5; font-weight: 400; color: #3a3a3a }
 @media(min-width:46.25em) {
.Download--wide .Download-title { margin-bottom: 0 }
}
.Download-text { font-size: 1em; line-height: 1.9; font-weight: 400; color: #3a3a3a }
.Download-link { border: 1px solid #3a3a3a; color: #3a3a3a; float: left; font-size: .875em; font-weight: 400; margin-right: .71429em; transition: border-color .5s }
.Download-link:focus, .Download-link:hover { border-color: #666 }
.Download-icon { background: #3a3a3a 50% 50% no-repeat; float: left; height: 2.85714em; text-indent: -999em; width: 2.85714em; transition: background-color .5s }
.Download-link:focus .Download-icon, .Download-link:hover .Download-icon { background-color: #666 }
.Download-icon--favourite { background-image: url(/images/fav-star-white.svg) }
.no-svg .Download-icon--favourite { background-image: url(/images/fav-star-white.png) }
.Download-icon--download { background-image: url(/images/download-icon-white.png) }
.no-svg .Download-icon--download { background-image: url(/images/download-icon-white.png) }
.Download-iconText { float: left; padding: .57143em }
.Media { margin: 1.875em 0 1.875em 0 }
.Media--image>img { display: block; height: auto; width: 100% }
.Media--video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 3.75em }
.Media--video>iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
 @media(min-width:46.25em) {
.Media--right { float: right; width: 50%; margin-left: 5%; margin-top: 0 }
}
 @media(min-width:46.25em) {
.Media--left { float: left; width: 50%; margin-right: 5%; margin-top: 0 }
}
.ArticleHeader { border-bottom: .125em solid #ededed; overflow: hidden; margin-bottom: 3.75em }
.ArticleHeader-title { font-size: 2.625em; margin-bottom: 0 }
.ArticleHeader-publish { float: left }
.ArticleHeader-author, .ArticleHeader-date { line-height: 1; float: left; font-size: 1em; font-weight: 400; margin: .57143em 0; color: #3a3a3a }
.ArticleHeader-date { border-right: .07143em solid #3a3a3a; padding-right: .71429em; margin-right: .71429em }
.Tags>ul { list-style: none; padding: 0; margin: 0; margin: 0 -.3125em }
.ArticleHeader .Tags { float: right }
.Tags-item { float: left; position: relative }
.Tags-itemLink { background: #ededed; color: #3a3a3a; display: block; margin: 0 .21429em; padding: 0 .4em; transition: background-color .5s; font-weight: 400 }
.Tags-itemLink:focus, .Tags-itemLink:hover { background-color: #3a3a3a; color: #fff }
.Tags-itemCancel { color: #3a3a3a; position: absolute; left: calc(100% - 3px); text-align: center; top: 0; width: 1.5em; background: #ededed }
.Tags-itemCancel:focus, .Tags-itemCancel:hover { background-color: #3a3a3a; color: #fff; text-decoration: none }
.SocialIcons>ul { list-style: none; padding: 0; margin: 0; margin-left: -.625em; overflow: hidden }
 @media(max-width:46.24em) {
.SocialIcons-item { display: inline-block }
}
 @media(min-width:46.25em) {
.SocialIcons-item { float: left }
}
.SocialIcons-item a { background: no-repeat 50% 50%; color: #3a3a3a; display: block; height: 3.14286em; overflow: hidden; text-indent: -999em; width: 3.14286em }
.SocialIcons-item--email a { background-image: url(/images/icon-email.svg) }
.no-svg .SocialIcons-item--email a { background-image: url(/images/icon-email.png) }
.SocialIcons-item--twitter a { background-image: url(/images/icon-twitter.svg) }
.no-svg .SocialIcons-item--twitter a { background-image: url(/images/icon-twitter.png) }
.SocialIcons-item--facebook a { background-image: url(/images/icon-facebook.svg) }
.no-svg .SocialIcons-item--facebook a { background-image: url(/images/icon-facebook.png) }
.SocialIcons-item--linkedIn a { background-image: url(/images/icon-linkedin.svg) }
.no-svg .SocialIcons-item--linkedIn a { background-image: url(/images/icon-linkedin.png) }
.SocialIcons-item--googlePlus a { background-image: url(/images/icon-googleplus.svg) }
.no-svg .SocialIcons-item--googlePlus a { background-image: url(/images/icon-googleplus.png) }
.HighLevelCards { width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0; position: relative }
.HighProductCards-wrap {
 padding: 0 .15rem 1em .15rem; overflow: hidden }
.HighProductCards-imageWrap { height: 7em; overflow: hidden }
.HighProductCards-imageWrap img { max-width: 100%; min-width: 100%; display: block }
.HighProductCards-title { background-color: #3a3a3a; padding: .8em; min-height: 100px; box-sizing: border-box }
.HighProductCards-title p { color: #fff; text-transform: uppercase; margin: 0 }
.HighProductCards-title p:hover { text-decoration: none }
.HighProductCards-controls { position: absolute; width: 100%; height: 0 }
.HighProductCards-arrowWrap { cursor: pointer; font-size: large; position: absolute; display: inline-block; z-index: 3; line-height: .7em; bottom: 5.5em; padding: .7em; background: #666; background: rgba(102,102,102,.75) }
.HighProductCards-controls--next { float: right; right: 0 }
.HighProductCards-controls--prev { float: left; left: 0 }
.HighLevelCards { width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0; position: relative }
.HighProductCards-wrap {
 padding: 0 .15rem 1em .15rem; overflow: hidden }
.HighProductCards-imageWrap { height: 7em; overflow: hidden }
.HighProductCards-imageWrap img { max-width: 100%; min-width: 100%; display: block }
.HighProductCards-title { background-color: #3a3a3a; padding: .8em }
.HighProductCards-title p { color: #fff; text-transform: uppercase; margin: 0 }
.HighProductCards-controls { position: absolute; width: 100%; height: 0 }
.HighProductCards-arrowWrap { cursor: pointer; font-size: large; position: absolute; display: inline-block; z-index: 3; line-height: .7em; bottom: 5.5em; padding: .7em; background: #666; background: rgba(102,102,102,.75) }
.HighProductCards-controls--next { float: right; right: 0 }
.HighProductCards-controls--prev { float: left; left: 0 }
.GridSpotlightContainer { margin-bottom: 1.875em }
.GridSpotlightContainer .u-constrain { position: relative; box-sizing: border-box }
 @media(max-width:46.24em) {
.GridSpotlightContainer .u-constrain { padding-left: 8.40336%; padding-right: 8.40336% }
}
.GridSpotlightContainer .u-constrain .u-constrainAdjust { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.p-con{ margin-left:50px;}
.HighProduct.CountryDropdown-spotlight, .IconSpotlightContainer .HighProduct { position: relative; padding-bottom: 0; border-radius: 5px; margin-bottom: 5px; transition: .4s all; text-align: center; }
.HighProduct.CountryDropdown-spotlight:hover, .IconSpotlightContainer .HighProduct:hover { background-color: #ededed }
.HighProduct.CountryDropdown-spotlight svg, .IconSpotlightContainer .HighProduct svg { width: 60%; margin: 0 auto; min-width: 0; margin-top: 1%; display: block; height: auto }
.IE .HighProduct.CountryDropdown-spotlight svg, .IE .IconSpotlightContainer .HighProduct svg { height: 140px }
.touch .HighProduct.CountryDropdown-spotlight svg, .touch .IconSpotlightContainer .HighProduct svg { height: 100px }
.HighProduct.CountryDropdown-spotlight .HighProduct-link:hover, .IconSpotlightContainer .HighProduct .HighProduct-link:hover { text-decoration: none }
.HighProduct.CountryDropdown-spotlight .HighProduct-link:hover .HighProduct-title, .IconSpotlightContainer .HighProduct .HighProduct-link:hover .HighProduct-title { background-color: transparent }
.HighProduct-link:hover { text-decoration: none }
.HighProduct-image.CountryDropdown-image { height: 90%; width: auto; margin: 0 auto; min-width: 0; margin-top: 1% }
.HighProduct-title.CountryDropdown-title, .IconSpotlightContainer .HighProduct .HighProduct-title { background-color: transparent; position: static; color: #3a3a3a; text-align: center; padding: .5em }
.HighProduct-title.CountryDropdown-title p, .IconSpotlightContainer .HighProduct .HighProduct-title p { line-height: 1.5; font-size: 16px }
.HighProduct, .ProductGroup { margin-top: 1.875em; overflow: hidden }
.HighProduct, .ProductGroup { margin: 0 0 1.875em 0; overflow: hidden; position: relative; width: 100% }
.HighProduct-image, .ProductGroup-image { display: block; height: auto; width: 100% }
.HighProduct-title { font-size: 1.25em; line-height: 1.8; font-weight: 400; position: absolute; width: 100%; bottom: 0; background-color: #3a3a3a; color: #fff; padding: .5em 1em; box-sizing: border-box; transition: .4s all }
.HighProduct-title p { margin: 0 }
.HighProduct-link:hover .HighProduct-title { background-color: #000 }
.ProductGroup-title { position: absolute; width: 100%; bottom: 0; background-color: #fff; color: #3a3a3a; padding: .5em 0; box-sizing: border-box; min-height: 72px; border-bottom: solid 2px #3a3a3a; transition: .2s all }
.ProductGroup-title h3 { margin: 0; font-size: 1.25em; line-height: 1.8; font-weight: 400; color: #3a3a3a }
.ProductGroup-link:hover .ProductGroup-title { border-bottom: solid 8px #3a3a3a }
 @media(min-width:46.25em) {
.GridSpotlight--medium .CaseStudy, .GridSpotlight--medium .Download, .GridSpotlight--medium .HighProduct, .GridSpotlight--medium .ProductGroup, .GridSpotlight--medium .SimpleSpotlight, .GridSpotlight--medium .Spotlight, .GridSpotlight--medium .VideoSpotlight { width: 49.57983%; float: left; margin-right: .84034%; position: relative }
.GridSpotlight--medium .CaseStudy[dir=rtl], .GridSpotlight--medium .Download[dir=rtl], .GridSpotlight--medium .HighProduct[dir=rtl], .GridSpotlight--medium .ProductGroup[dir=rtl], .GridSpotlight--medium .SimpleSpotlight[dir=rtl], .GridSpotlight--medium .Spotlight[dir=rtl], .GridSpotlight--medium .VideoSpotlight[dir=rtl] { width: 49.57983%; float: right; margin-right: 0 }
.GridSpotlight--medium .CaseStudy:nth-child(2n), .GridSpotlight--medium .Download:nth-child(2n), .GridSpotlight--medium .HighProduct:nth-child(2n), .GridSpotlight--medium .ProductGroup:nth-child(2n), .GridSpotlight--medium .SimpleSpotlight:nth-child(2n), .GridSpotlight--medium .Spotlight:nth-child(2n), .GridSpotlight--medium .VideoSpotlight:nth-child(2n) { width: 49.57983%; float: right; margin-right: 0; clear: right }
.GridSpotlight--medium .CaseStudy:nth-child(2n)[dir=rtl], .GridSpotlight--medium .Download:nth-child(2n)[dir=rtl], .GridSpotlight--medium .HighProduct:nth-child(2n)[dir=rtl], .GridSpotlight--medium .ProductGroup:nth-child(2n)[dir=rtl], .GridSpotlight--medium .SimpleSpotlight:nth-child(2n)[dir=rtl], .GridSpotlight--medium .Spotlight:nth-child(2n)[dir=rtl], .GridSpotlight--medium .VideoSpotlight:nth-child(2n)[dir=rtl] { width: 49.57983%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--medium .CaseStudy:nth-child(3n), .GridSpotlight--medium .Download:nth-child(3n), .GridSpotlight--medium .HighProduct:nth-child(3n), .GridSpotlight--medium .ProductGroup:nth-child(3n), .GridSpotlight--medium .SimpleSpotlight:nth-child(3n), .GridSpotlight--medium .Spotlight:nth-child(3n), .GridSpotlight--medium .VideoSpotlight:nth-child(3n) { clear: left }
}
 @media(min-width:46.25em) {
.GridSpotlight--small .CaseStudy, .GridSpotlight--small .Download, .GridSpotlight--small .HighProduct, .GridSpotlight--small .ProductGroup, .GridSpotlight--small .SimpleSpotlight, .GridSpotlight--small .Spotlight, .GridSpotlight--small .VideoSpotlight { width: 32.77311%; float: left; margin-right: .84034% }
.GridSpotlight--small .CaseStudy[dir=rtl], .GridSpotlight--small .Download[dir=rtl], .GridSpotlight--small .HighProduct[dir=rtl], .GridSpotlight--small .ProductGroup[dir=rtl], .GridSpotlight--small .SimpleSpotlight[dir=rtl], .GridSpotlight--small .Spotlight[dir=rtl], .GridSpotlight--small .VideoSpotlight[dir=rtl] { width: 32.77311%; float: right; margin-right: 0 }
.GridSpotlight--small .CaseStudy:nth-child(2n)[dir=rtl], .GridSpotlight--small .Download:nth-child(2n)[dir=rtl], .GridSpotlight--small .HighProduct:nth-child(2n)[dir=rtl], .GridSpotlight--small .ProductGroup:nth-child(2n)[dir=rtl], .GridSpotlight--small .SimpleSpotlight:nth-child(2n)[dir=rtl], .GridSpotlight--small .Spotlight:nth-child(2n)[dir=rtl], .GridSpotlight--small .VideoSpotlight:nth-child(2n)[dir=rtl] { width: 32.77311%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--small .CaseStudy:nth-child(4n)[dir=rtl], .GridSpotlight--small .Download:nth-child(4n)[dir=rtl], .GridSpotlight--small .HighProduct:nth-child(4n)[dir=rtl], .GridSpotlight--small .ProductGroup:nth-child(4n)[dir=rtl], .GridSpotlight--small .SimpleSpotlight:nth-child(4n)[dir=rtl], .GridSpotlight--small .Spotlight:nth-child(4n)[dir=rtl], .GridSpotlight--small .VideoSpotlight:nth-child(4n)[dir=rtl] { width: 32.77311%; float: right; margin-right: 0 }
.GridSpotlight--small .CaseStudy:nth-child(5n)[dir=rtl], .GridSpotlight--small .Download:nth-child(5n)[dir=rtl], .GridSpotlight--small .HighProduct:nth-child(5n)[dir=rtl], .GridSpotlight--small .ProductGroup:nth-child(5n)[dir=rtl], .GridSpotlight--small .SimpleSpotlight:nth-child(5n)[dir=rtl], .GridSpotlight--small .Spotlight:nth-child(5n)[dir=rtl], .GridSpotlight--small .VideoSpotlight:nth-child(5n)[dir=rtl] { width: 32.77311%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--small .CaseStudy:nth-child(3n), .GridSpotlight--small .Download:nth-child(3n), .GridSpotlight--small .HighProduct:nth-child(3n), .GridSpotlight--small .ProductGroup:nth-child(3n), .GridSpotlight--small .SimpleSpotlight:nth-child(3n), .GridSpotlight--small .Spotlight:nth-child(3n), .GridSpotlight--small .VideoSpotlight:nth-child(3n) { width: 32.77311%; float: right; margin-right: 0 }
.GridSpotlight--small .CaseStudy:nth-child(3n)[dir=rtl], .GridSpotlight--small .Download:nth-child(3n)[dir=rtl], .GridSpotlight--small .HighProduct:nth-child(3n)[dir=rtl], .GridSpotlight--small .ProductGroup:nth-child(3n)[dir=rtl], .GridSpotlight--small .SimpleSpotlight:nth-child(3n)[dir=rtl], .GridSpotlight--small .Spotlight:nth-child(3n)[dir=rtl], .GridSpotlight--small .VideoSpotlight:nth-child(3n)[dir=rtl] { width: 32.77311%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--small .CaseStudy:nth-child(4n), .GridSpotlight--small .Download:nth-child(4n), .GridSpotlight--small .HighProduct:nth-child(4n), .GridSpotlight--small .ProductGroup:nth-child(4n), .GridSpotlight--small .SimpleSpotlight:nth-child(4n), .GridSpotlight--small .Spotlight:nth-child(4n), .GridSpotlight--small .VideoSpotlight:nth-child(4n) { clear: left }
}
 @media(min-width:46.25em) {
.GridSpotlight--extrasmall .CaseStudy, .GridSpotlight--extrasmall .Download, .GridSpotlight--extrasmall .HighProduct, .GridSpotlight--extrasmall .ProductGroup, .GridSpotlight--extrasmall .SimpleSpotlight, .GridSpotlight--extrasmall .Spotlight, .GridSpotlight--extrasmall .VideoSpotlight { width: 24.36975%; float: left; margin-right: .84034% }
.GridSpotlight--extrasmall .CaseStudy[dir=rtl], .GridSpotlight--extrasmall .Download[dir=rtl], .GridSpotlight--extrasmall .HighProduct[dir=rtl], .GridSpotlight--extrasmall .ProductGroup[dir=rtl], .GridSpotlight--extrasmall .SimpleSpotlight[dir=rtl], .GridSpotlight--extrasmall .Spotlight[dir=rtl], .GridSpotlight--extrasmall .VideoSpotlight[dir=rtl] { width: 24.36975%; float: right; margin-right: 0 }
.GridSpotlight--extrasmall .CaseStudy:nth-child(2n)[dir=rtl], .GridSpotlight--extrasmall .Download:nth-child(2n)[dir=rtl], .GridSpotlight--extrasmall .HighProduct:nth-child(2n)[dir=rtl], .GridSpotlight--extrasmall .ProductGroup:nth-child(2n)[dir=rtl], .GridSpotlight--extrasmall .SimpleSpotlight:nth-child(2n)[dir=rtl], .GridSpotlight--extrasmall .Spotlight:nth-child(2n)[dir=rtl], .GridSpotlight--extrasmall .VideoSpotlight:nth-child(2n)[dir=rtl] { width: 24.36975%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--extrasmall .CaseStudy:nth-child(3n)[dir=rtl], .GridSpotlight--extrasmall .Download:nth-child(3n)[dir=rtl], .GridSpotlight--extrasmall .HighProduct:nth-child(3n)[dir=rtl], .GridSpotlight--extrasmall .ProductGroup:nth-child(3n)[dir=rtl], .GridSpotlight--extrasmall .SimpleSpotlight:nth-child(3n)[dir=rtl], .GridSpotlight--extrasmall .Spotlight:nth-child(3n)[dir=rtl], .GridSpotlight--extrasmall .VideoSpotlight:nth-child(3n)[dir=rtl] { width: 24.36975%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--extrasmall .CaseStudy:nth-child(7n)[dir=rtl], .GridSpotlight--extrasmall .Download:nth-child(7n)[dir=rtl], .GridSpotlight--extrasmall .HighProduct:nth-child(7n)[dir=rtl], .GridSpotlight--extrasmall .ProductGroup:nth-child(7n)[dir=rtl], .GridSpotlight--extrasmall .SimpleSpotlight:nth-child(7n)[dir=rtl], .GridSpotlight--extrasmall .Spotlight:nth-child(7n)[dir=rtl], .GridSpotlight--extrasmall .VideoSpotlight:nth-child(7n)[dir=rtl] { width: 24.36975%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--extrasmall .CaseStudy:nth-child(4n), .GridSpotlight--extrasmall .Download:nth-child(4n), .GridSpotlight--extrasmall .HighProduct:nth-child(4n), .GridSpotlight--extrasmall .ProductGroup:nth-child(4n), .GridSpotlight--extrasmall .SimpleSpotlight:nth-child(4n), .GridSpotlight--extrasmall .Spotlight:nth-child(4n), .GridSpotlight--extrasmall .VideoSpotlight:nth-child(4n) { width: 24.36975%; float: right; margin-right: 0 }
.GridSpotlight--extrasmall .CaseStudy:nth-child(4n)[dir=rtl], .GridSpotlight--extrasmall .Download:nth-child(4n)[dir=rtl], .GridSpotlight--extrasmall .HighProduct:nth-child(4n)[dir=rtl], .GridSpotlight--extrasmall .ProductGroup:nth-child(4n)[dir=rtl], .GridSpotlight--extrasmall .SimpleSpotlight:nth-child(4n)[dir=rtl], .GridSpotlight--extrasmall .Spotlight:nth-child(4n)[dir=rtl], .GridSpotlight--extrasmall .VideoSpotlight:nth-child(4n)[dir=rtl] { width: 24.36975%; float: left; margin-right: .84034%; float: right }
.GridSpotlight--extrasmall .CaseStudy:nth-child(5n), .GridSpotlight--extrasmall .Download:nth-child(5n), .GridSpotlight--extrasmall .HighProduct:nth-child(5n), .GridSpotlight--extrasmall .ProductGroup:nth-child(5n), .GridSpotlight--extrasmall .SimpleSpotlight:nth-child(5n), .GridSpotlight--extrasmall .Spotlight:nth-child(5n), .GridSpotlight--extrasmall .VideoSpotlight:nth-child(5n) { clear: left }
}
 @media(min-width:46.25em) {
.GridSpotlight--extraExtrasmall .CaseStudy, .GridSpotlight--extraExtrasmall .HighProduct, .GridSpotlight--extraExtrasmall .ProductGroup, .GridSpotlight--extraExtrasmall .SimpleSpotlight, .GridSpotlight--extraExtrasmall .Spotlight, .GridSpotlight--extraExtrasmall .VideoSpotlight { width: 29%; float: left; margin-right: 4% }
.GridSpotlight--extraExtrasmall .CaseStudy[dir=rtl], .GridSpotlight--extraExtrasmall .HighProduct[dir=rtl], .GridSpotlight--extraExtrasmall .ProductGroup[dir=rtl], .GridSpotlight--extraExtrasmall .SimpleSpotlight[dir=rtl], .GridSpotlight--extraExtrasmall .Spotlight[dir=rtl], .GridSpotlight--extraExtrasmall .VideoSpotlight[dir=rtl] { width: 29%; float: right; margin-right: 0 }
.GridSpotlight--extraExtrasmall .CaseStudy:nth-child(5n), .GridSpotlight--extraExtrasmall .HighProduct:nth-child(5n), .GridSpotlight--extraExtrasmall .ProductGroup:nth-child(5n), .GridSpotlight--extraExtrasmall .SimpleSpotlight:nth-child(5n), .GridSpotlight--extraExtrasmall .Spotlight:nth-child(5n), .GridSpotlight--extraExtrasmall .VideoSpotlight:nth-child(5n) { width: 29%; float: right; margin-right: 4% }
.GridSpotlight--extraExtrasmall .CaseStudy:nth-child(5n)[dir=rtl], .GridSpotlight--extraExtrasmall .HighProduct:nth-child(5n)[dir=rtl], .GridSpotlight--extraExtrasmall .ProductGroup:nth-child(5n)[dir=rtl], .GridSpotlight--extraExtrasmall .SimpleSpotlight:nth-child(5n)[dir=rtl], .GridSpotlight--extraExtrasmall .Spotlight:nth-child(5n)[dir=rtl], .GridSpotlight--extraExtrasmall .VideoSpotlight:nth-child(5n)[dir=rtl] { width: 29%; float: left; margin-right: .80645%; float: right }
.GridSpotlight--extraExtrasmall .CaseStudy:nth-child(6n), .GridSpotlight--extraExtrasmall .HighProduct:nth-child(6n), .GridSpotlight--extraExtrasmall .ProductGroup:nth-child(6n), .GridSpotlight--extraExtrasmall .SimpleSpotlight:nth-child(6n), .GridSpotlight--extraExtrasmall .Spotlight:nth-child(6n), .GridSpotlight--extraExtrasmall .VideoSpotlight:nth-child(6n) { clear: left }
}
.GridSpotlight--extraExtrasmall .CaseStudy .HighProduct-title p, .GridSpotlight--extraExtrasmall .CaseStudy .ProductGroup-title p, .GridSpotlight--extraExtrasmall .HighProduct .HighProduct-title p, .GridSpotlight--extraExtrasmall .HighProduct .ProductGroup-title p, .GridSpotlight--extraExtrasmall .ProductGroup .HighProduct-title p, .GridSpotlight--extraExtrasmall .ProductGroup .ProductGroup-title p, .GridSpotlight--extraExtrasmall .SimpleSpotlight .HighProduct-title p, .GridSpotlight--extraExtrasmall .SimpleSpotlight .ProductGroup-title p, .GridSpotlight--extraExtrasmall .Spotlight .HighProduct-title p, .GridSpotlight--extraExtrasmall .Spotlight .ProductGroup-title p, .GridSpotlight--extraExtrasmall .VideoSpotlight .HighProduct-title p, .GridSpotlight--extraExtrasmall .VideoSpotlight .ProductGroup-title p { font-size: .85em }
 @media(min-width:46.25em) {
.GridSpotlight--extraExtrasmall .ProductGroup--slider .CaseStudy, .GridSpotlight--extraExtrasmall .ProductGroup--slider .HighProduct, .GridSpotlight--extraExtrasmall .ProductGroup--slider .ProductGroup { width: 29%; float: left; margin-right: .80645%; margin-right: .35em; margin-left: .35em }
.GridSpotlight--extraExtrasmall .ProductGroup--slider .CaseStudy:nth-child(5n), .GridSpotlight--extraExtrasmall .ProductGroup--slider .HighProduct:nth-child(5n), .GridSpotlight--extraExtrasmall .ProductGroup--slider .ProductGroup:nth-child(5n) { width: 29%; float: left; margin-right: .80645%; margin-right: .35em; margin-left: .35em }
.GridSpotlight--extraExtrasmall .ProductGroup--slider .CaseStudy:nth-child(6n), .GridSpotlight--extraExtrasmall .ProductGroup--slider .HighProduct:nth-child(6n), .GridSpotlight--extraExtrasmall .ProductGroup--slider .ProductGroup:nth-child(6n) { clear: none }
}
.GridSpotlightTextOnly .HighProduct-title { position: static; height: 100% }
 @media(min-width:46.25em) {
.SimpleSpotlight { padding-bottom: 3em; position: relative }
}
.SimpleSpotlight .Cta { position: relative }
 @media(min-width:46.25em) {
.SimpleSpotlight .Cta { position: absolute; bottom: 0 }
}
.ProductGroup--slider--next { float: right; right: 4.7em }
.ProductGroup--slider--prev { float: left; left: 4.99em }
.ProductGroup--controls { padding-left: 8.40336%; padding-right: 8.40336% }
.CaseStudy { overflow: hidden; position: relative; margin-bottom: 1.875em; width: 100% }
 @media(min-width:46.25em) {
.GridSpotlight--extrasmall .ImageBoard-content p { display: none }
}
 @media(min-width:46.25em) {
.GridSpotlight--extrasmall .ImageBoard-content h3 { font-size: 1.25em }
}
 @media(min-width:46.25em) {
.GridSpotlight--small .ImageBoard-content p { display: none }
}
.ProjectCard { background: #ededed; margin: 0 0 1em 0; overflow: hidden; padding: 1.5em 0 }
.ProjectCard>dl { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.ProjectCard-itemTitle { float: left; margin: .5em 0; padding: 0 10% 0 5%; text-align: right; width: 20% }
.ProjectCard-itemData { float: left; font-weight: 500; margin: .5em 0; padding: 0 5% 0 0; width: 60% }
.ImageList { list-style: none }
.ImageList--tick>li { position: relative; margin: 1em 0 }
.ImageList--tick>li:before { content: ""; background: url(/images/tick.svg) no-repeat 0 0; margin-left: -2em; position: absolute; height: 1.14286em; width: 1.07143em }
.no-svg .ImageList--tick>li:before { background-image: url(/images/tick.png) }
.trailNavigation { margin-bottom: 2em }
.trailNavigation>ul { list-style: none; padding: 0; margin: 0; background: #3a3a3a; display: inline-block; overflow: hidden }
.trailNavigation>ul li { font-size: .875em; line-height: 1.5; font-weight: 400; line-height: 1 }
.trailNavigation-item { float: left; margin: 0 }
.trailNavigation-item>a, .trailNavigation-item>span { color: #fff; display: block; padding: 1.07143em 1.21429em; position: relative }
.trailNavigation-item>a { padding-right: 1.75em; text-decoration: none }
.trailNavigation-item>a:hover { text-decoration: underline }
.trailNavigation-item>a:after { content: ""; background: url(/images/trail-nav-arrow.svg) no-repeat 0 0; height: .71429em; margin: -.35714em; position: absolute; right: .5em; top: 50%; width: .42857em }
 @media(max-width:46.24em) {
.CountrySiteHeader+.Breadcrumb { display: none }
}
 @media(min-width:46.25em) {
.CountrySiteHeader+.Breadcrumb .trailNavigation { margin-top: -30px }
}
.CountrySiteHeader+.is-over.Breadcrumb { margin-bottom: 0 }
 @media(min-width:46.25em) {
.CountrySiteHeader+.is-over.Breadcrumb .trailNavigation { position: absolute; margin-top: -30px; z-index: 10 }
}
 @media(min-width:46.25em) {
.CountrySiteHeader+.is-over.Breadcrumb+.SuperHero { margin-top: -30px }
}
 @media(min-width:46.25em) {
.CountrySiteHeader+.is-over.Breadcrumb+.Hero { margin-top: -30px }
.CountrySiteHeader+.is-over.Breadcrumb+.Hero .Hero-content { padding-top: 3.125em }
}
.PageTable, .RichText-text table { margin-bottom: 1.875em; table-layout: fixed; width: 100%; border: none }
.PageTable thead>tr, .RichText-text table thead>tr { border-bottom: 1px solid #ededed }
.PageTable tbody>tr, .RichText-text table tbody>tr { border-bottom: 1px solid #ededed }
.PageTable-item--rightAligned { text-align: right }
.ArticleText table { margin-bottom: 1.875em; border: 1px solid #ccc; width: 100% }
/*.ArticleText table tr:first-of-type td { font-weight: 700 }*/
.ArticleText table td, .ArticleText table tr { border: 1px solid #ccc }
.ArticleText table tr:nth-of-type(2n-1) { background-color: #f3f3f3 }
.ArticleText table thead>tr { border-bottom: 1px solid #ccc }
.ArticleText table tbody>tr { border-bottom: 1px solid #ccc }
 @media(max-width:47.49em) {
.ArticleText table { margin-bottom: 0; width: auto }
.ArticleText .pinned, .ArticleText .scrollable { box-shadow: inset -18px 0 21px -15px rgba(0,0,0,.25) }
.ArticleText .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll }
.ArticleText .pinned table { border-right: none; border-left: none; min-width: 100%; width: auto }
.ArticleText .pinned table td, .ArticleText .pinned table th { white-space: nowrap }
.ArticleText .pinned td:last-child, .ArticleText .pinned th:last-child { border-bottom: 0 }
.ArticleText div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden }
.ArticleText div.table-wrapper div.scrollable { margin-left: 35% }
.ArticleText div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden }
.ArticleText table td, .ArticleText table th { position: relative; overflow: hidden; box-sizing: border-box }
.ArticleText .scrollable table tr td:first-of-type, .ArticleText .scrollable table tr th:first-of-type { display: none }
.ArticleText .pinned.pinned tr, .ArticleText .scrollable.scrollable tr { background-color: transparent }
.ArticleText .pinned table { border-right: none }
.ArticleText .pinned table tr { border-right: none }
.ArticleText .pinned table td, .ArticleText .pinned table th { border-right: none }
}
td, tr { text-align: left }
.Accordion-wrap { margin-bottom: 3.75em }
section[class*=Accordion] { width: 100%; max-width: 75em; margin: 0 auto }
section[class*=Accordion]+section[class*=Accordion] { margin-top: 1em }
section[class*=Accordion] svg.Accordion-Svg { width: 1.2em; height: 1.2em; vertical-align: top; float: right; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
section[class*=Accordion] input.Accordion-showContents:checked~.Accordion-title .Accordion-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
section[class*=Accordion] input.Accordion-showContents~.Accordion-title .Accordion-arrow { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) }
section[class*=Accordion] div.Accordion-content { opacity: 0; max-height: 0; font-size: 0; transition: .3s ease; border: #f9f9f9 2px solid; padding: 1em 1.5em .5em 1.5em; overflow: hidden; height: auto }
section[class*=Accordion] div.Accordion-content h2, section[class*=Accordion] div.Accordion-content h3 { font-size: 1.25em }
section[class*=Accordion] div.Accordion-content .owl-stage-outer { height: auto!important }
section[class*=Accordion] div.Accordion-content [class*=title] { margin-bottom: .5em }
section[class*=Accordion] div.Accordion-content p[class*=para] { margin: 1em 0 }
section[class*=Accordion] div.Accordion-content .InsetContent { padding-left: 0; padding-right: 0 }
section[class*=Accordion] div.Accordion-content table { font-size: 16px }
section[class*=Accordion] div.Accordion-content .ArticleText { margin-bottom: 1em }
section[class*=Accordion] input[class*=Accordion-showContents] { display: none }
section[class*=Accordion] label.Accordion-title { cursor: pointer; display: inline-block; width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0; position: relative; font-size: 1.25em; line-height: 1.8; font-weight: 400; background-color: #ededed; color: #3a3a3a }
section[class*=Accordion] .Accordion-titleWrap { padding: .3em 1em }
section[class*=Accordion] .Accordion-arrow { float: right; margin: .3em 0; width: 1em; pointer-events: none }
section[class*=Accordion] input.Accordion-showContents:checked~div.Accordion-content { opacity: 1; font-size: inherit; max-height: 100% }
section[class*=Accordion][dir=rtl] .Accordion-showContents:checked~.Accordion-title:after, section[class*=Accordion][dir=rtl] input.Accordion-showContents~.Accordion-title:after { float: left }
section[class*=Accordion][dir=rtl] .Accordion-arrow { float: left }
section[class*=Accordion][class*="--left"] div.Accordion-Media-halfWrap, section[class*=Accordion][class*="--right"] div.Accordion-Media-halfWrap { vertical-align: top; float: right }
section[class*=Accordion][class*="--left"] section.Downloads, section[class*=Accordion][class*="--right"] section.Downloads { padding: 0 }
section[class*=Accordion][class*="--left"] section.Downloads li.Download-item, section[class*=Accordion][class*="--right"] section.Downloads li.Download-item { display: block; width: 100% }
section[class*=Accordion][class*="--left"] div.Accordion-Media-halfWrap { float: left }
section[class*=Accordion]+.Header-Section { margin-top: 6em }
.Filters { width: 100%; margin: 1em 0 }
.Filters:after, .Filters:before { content: " "; display: table }
.Filters:after { clear: both }
.Filters-topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.FilterButtons-submit { cursor: pointer; display: inline-block; min-width: 18%; max-width: 10%; text-align: center; font-size: 1em; background-color: #3a3a3a; border: none; color: #fff; box-sizing: border-box; padding: 1em; margin: 0; margin-left: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
.FilterButtons-submit h4 { margin: 0; font-weight: 100 }
 @media(max-width:46.24em) {
.FilterButtons-submit { width: 100%; float: none }
}
.FilterButtons-item { cursor: pointer; display: inline-block; min-width: 15%; font-weight: 400; font-size: 1em; background-color: #fff; border: 1px solid #dcdcdc; padding: 1em 3em 1em 1em; margin: 0; margin-right: .9375em; position: relative; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
.FilterButtons-Three .FilterButtons-item { width: 26% }
.FilterButtons-item h4 { margin: 0; font-weight: 400; color: #3a3a3a; line-height: 1 }
.FilterButtons-item:after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: .7em; width: .7em; right: 1.5em; position: absolute; vertical-align: top; top: 50%; margin-top: -.75em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.FilterButtons-item.is-active:after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); margin-top: -.15em }
 @media(max-width:46.24em) {
.FilterButtons-item { display: block; width: 100%; margin: 0 0 1em 0 }
}
.FilterButtons-radio { position: absolute; left: -100000px }
 @media(min-width:46.25em) {
.FilterFour:checked+.FilterFour-buttons, .FilterOne:checked+.FilterOne-buttons, .FilterThree:checked+.FilterThree-buttons, .FilterTwo:checked+.FilterTwo-buttons { border-bottom: .3em solid #fff }
}
 @media(min-width:46.25em) {
.FilterFour:checked+.FilterFour-buttons:before, .FilterOne:checked+.FilterOne-buttons:before, .FilterThree:checked+.FilterThree-buttons:before, .FilterTwo:checked+.FilterTwo-buttons:before { content: ''; display: inline-block; height: 12px; width: 100%; right: 1.5em; position: absolute; vertical-align: top; left: -1px; margin-bottom: 0; background-color: #fff; bottom: -13px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
}
.FilterPanels { width: 100%; box-sizing: border-box }
.FilterPanels .panel { display: none }
 @media(min-width:46.25em) {
.FilterPanels .panel { margin-right: 15px }
}
.FilterFour:checked~.FilterPanels .FilterFour-panel, .FilterOne:checked~.FilterPanels .FilterOne-panel, .FilterThree:checked~.FilterPanels .FilterThree-panel, .FilterTwo:checked~.FilterPanels .FilterTwo-panel { display: block }
.panel { background-color: #fff; margin: 0; padding: 1em; margin-top: 8px; border: 1px solid #dcdcdc }
.FilterTag-checkbox { position: absolute; left: -100000px }
.FilterPanels input:checked+label { background-color: #3a3a3a; color: #fff }
.FilterTag-item { list-style: none; display: inline-block }
.FilterTag-item label { background-color: #ededed; padding: .4em; transition: background-color .4s; cursor: pointer }
.FilterTag-item label:hover { background-color: #666; color: #fff }
.GlobalFilters { margin-bottom: 1.875em }
.ContentListing-item { border-bottom: 1px solid #ededed; padding: .875em 0; overflow: hidden }
.ContentListing-item:first-child { border-top: 1px solid #ededed }
.ContentListing-img { float: left; width: 20% }
.ContentListing-title>a { color: #3a3a3a }
.ContentListing-item--hasImage .ContentListing-content { padding-left: 25% }
.FeaturedProducts { width: 100%; float: left; margin-left: 0; margin-right: 0; float: right; margin-right: 0; margin: 1.875em 0; position: relative; overflow: hidden }
.FeaturedProducts a { text-decoration: none }
.FeaturedProducts .owl-nav.disabled { display: none }
.FeaturedProductCards-wrap { overflow: hidden; position: relative; height: auto; box-sizing: content-box }
.FeaturedProductCards-main:hover .FeaturedProductCards-wrap .FeaturedProductCards-title { bottom: 0 }
.FeaturedProductCards-imageWrap { font-size: 0; position: relative; border: 1px solid #f1f1f1; overflow: hidden }
.FeaturedProductCards-imageWrap img { display: block; max-width: 100%; min-width: 100% }
.FeaturedProductCards-title { background: rgba(250,250,250,.75); box-sizing: border-box; height: auto; position: absolute; left: 0; bottom: -100%; transition: bottom .5s; width: 100%; padding: 1.25em }
.FeaturedProductCards-title p { font-size: 1em; line-height: 1.9; font-weight: 400; color: #3a3a3a; margin: 0 }
.FeaturedProductCards-controls--next { float: right; right: .5em }
.FeaturedProductCards-controls--prev { float: left; left: .5em }
.FeaturedProductCards-name { padding: .5em; margin: 0 }
.FeaturedProductCards-name h3 { font-size: 1.25em; line-height: 1.8; font-weight: 400; color: #3a3a3a; transition: font-weight .4s }
 @media(min-width:46.25em) {
.SplitImage--right { margin-bottom: 1em }
.SplitImage--right .SplitImage-image { float: right }
}
 @media(min-width:46.25em) {
.SplitImage--left { margin-bottom: 1em }
.SplitImage--left .SplitImage-image { float: left }
}
 @media(min-width:46.25em) {
.SplitImage-text { display: inline-block; width: 50%; padding-left: 8.40336%; padding-right: 8.40336%; box-sizing: border-box }
}
 @media(max-width:46.24em) {
.SplitImage-image img { height: auto; width: 100% }
}
 @media(min-width:46.25em) {
.SplitImage-image { width: 50% }
.SplitImage-image img { width: 100% }
}
 @media(min-width:46.25em) {
.PageContainer--hasSecondaryNav .SplitImage-text { padding: 0 }
}
 @media(min-width:46.25em) {
.PageContainer--hasSecondaryNav .SplitImage--left .SplitImage-text { padding-left: 2em }
}
 @media(min-width:46.25em) {
.PageContainer--hasSecondaryNav .SplitImage--right .SplitImage-text { padding-right: 2em }
}
.ContactFilter .FilterButtons-item { cursor: pointer; display: inline-block; width: 27%; font-weight: 400; font-size: 1em; background-color: #fff; border: none; padding: 1em 3em 1em 1em; margin: 0; position: relative; box-sizing: border-box }
.ContactFilter .FilterButtons-item h4 { margin: 0; font-weight: 200; color: #3a3a3a }
.ContactFilter .FilterButtons-item:after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: .7em; width: .7em; right: 1.5em; position: absolute; vertical-align: top; top: 50%; margin-top: -.75em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.ContactFilter .FilterButtons-item.is-active:after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); margin-top: -.15em }
 @media(max-width:46.24em) {
.ContactFilter .FilterButtons-item { display: block; width: 100%; margin: 0 0 1em 0 }
}
.FilterButtons-radio { position: absolute; left: -100000px }
#applications:checked~.FilterButtons #applications-tab, #brands:checked~.FilterButtons #brands-tab, #sectors:checked~.FilterButtons #sectors-tab { border-bottom: .3em solid #fff }
 @media(max-width:46.24em) {
#applications:checked~.FilterButtons #applications-tab, #brands:checked~.FilterButtons #brands-tab, #sectors:checked~.FilterButtons #sectors-tab { border: none }
}
.FilterPanels .panel { display: none }
#applications:checked~.FilterPanels .applications-panel, #brands:checked~.FilterPanels .brands-panel, #sectors:checked~.FilterPanels .sectors-panel { display: block }
.FilterTag-checkbox { position: absolute; left: -100000px }
.FilterPanels input:checked+label { background-color: #3a3a3a; color: #fff }
.FilterTag-item { list-style: none; display: inline-block }
.FilterTag-item label { background-color: #ededed; padding: .4em; transition: background-color .4s; cursor: pointer }
.FilterTag-item label:hover { background-color: #666; color: #fff }
.BrandGrid .HighProductCards-wrap { padding-right: 1.25%; margin-bottom: 1em; padding-left: 0; overflow: hidden; float: left; width: 19% }
.BrandGrid .HighProductCards-wrap:nth-of-type(5n+0) { padding-right: 0 }
 @media(max-width:46.24em) {
.BrandGrid .HighProductCards-wrap { width: 49%; padding-right: 0 }
.BrandGrid .HighProductCards-wrap:nth-of-type(2n+0) { width: 49%; padding-right: 0; float: right }
}

.ProductDetails { margin-bottom: 1.875em }
.ProductDetails:after, .ProductDetails:before { content: " "; display: table }
.ProductDetails:after { clear: both }
div.ProductDetails-info { font-size: large; display: inline-block; width: 53.78151%; float: left; margin-right: .84034%; vertical-align: top }
 @media(max-width:61.24em) {
div.ProductDetails-info { width: 100%; float: left; margin-left: 0; margin-right: 0; display: block }
}
h3.ProductDetails-infoTitle, p.ProductDetails-infoPara { margin-bottom: 1em }
section.ProductDetails .FancyList { font-size: large; display: inline-block; width: 41.17647%; float: right; margin-right: 0; margin-left: -4.20168%; vertical-align: top }
 @media(max-width:61.24em) {
section.ProductDetails .FancyList { width: 100%; float: left; margin-left: 0; margin-right: 0; display: block; padding: 0; margin-top: 1em }
}
section.ProductDetails .FancyList .FancyList-itemsWrap { list-style: none; padding: 0; margin: 0 }
section.ProductDetails .FancyList .tick-img { width: 16px; height: 16px; margin-right: 10px }
.Hero { height: 26.25em; margin-bottom: 3.75em; overflow: hidden; position: relative; width: 100% }
.Hero h1 { font-weight: 400 }
 @media(max-width:46.24em) {
.Hero h1 { font-size: 1.75em }
}
 @media(min-width:46.25em) {
.Hero h1 { font-size: 3.125em; line-height: 1.5; font-weight: 400 }
}
 @media(min-width:46.25em) {
.CountrySiteHeader+.Hero { margin-top: -30px }
}
.Hero.Hero--center .Hero-content { margin-top: 10em }
.Hero.Hero--center .Hero-title { text-align: center }
 @media(max-width:46.24em) {
.CountrySiteHeader+.Hero .Hero-content { padding-top: 4.375em }
}
.Hero-content { margin-top: 1.875em; position: relative }
.Hero-image { min-height: 100%; min-width: 100%; position: absolute }
.csstransforms .Hero-image { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.ArticleText { max-width: 100%; margin-left: auto; margin-right: auto; font-size: 1em; line-height: 1.9; font-weight: 400; margin-bottom: 2.5em }
.ArticleText:after { content: " "; display: block; clear: both }
 @media(max-width:46.24em) {
.ArticleText { margin: 2em auto }
}
.ArticleText h2 { margin-bottom: .625em }
.ArticleText.image-right .ArticleText-imageWrap { display: inline-block; float: right; width: 40%; margin-left: 2em; margin-bottom: 2em }
 @media(max-width:46.24em) {
.ArticleText.image-right .ArticleText-imageWrap { width: 100%; margin-left: 0 }
}
.ArticleText.image-right .ArticleText-imageWrap img { width: 100% }
.ArticleText.image-left .ArticleText-imageWrap { display: inline-block; float: left; width: 40%; margin-right: 2em; margin-bottom: 2em }
 @media(max-width:46.24em) {
.ArticleText.image-left .ArticleText-imageWrap { width: 100%; margin-right: 0 }
}
.ArticleText.image-left .ArticleText-imageWrap img { width: 100% }
.TitleSummary { margin-bottom: 3.75em }
/*.TitleSummary h2 { font-size: 3.125em; line-height: 1.5; font-weight: 400; line-height: 1.2 }*/
.ProductSearch { margin-bottom: 3.75em }
.ProductSearch .HeaderSection-title { margin-bottom: .625em }
.twitter-typeahead { float: left; width: 75% }
.tt-menu { border: 1px solid #ededed; width: 100%; background-color: #fff }
.tt-menu .tt-dataset { padding: .5em }
.tt-menu .tt-dataset .tt-suggestion { cursor: pointer; padding: .2em }
.tt-menu .tt-dataset .tt-suggestion:hover { text-decoration: underline }
.tt-menu .tt-dataset .tt-suggestion.tt-cursor { text-decoration: underline }
.PageForm-fieldset--addon { display: table }
.PageForm-fieldset--addon .twitter-typeahead { display: table-cell!important; float: none; width: auto }
.PageForm-fieldset--addon .ButonWrap { display: table-cell; width: 1%; vertical-align: top }
.PageForm-fieldset--addon .ButonWrap .PageForm-button { float: none; width: auto }
.Pagination { margin-top: .625em; margin-bottom: 1.25em; overflow: hidden }
.PaginationItem { float: left; font-size: .875em }
.PaginationItem>a, .PaginationItem>span { background: #ededed; color: #3a3a3a; float: left; margin: 0 .71429em .71429em 0; padding: .57143em 1.14286em; font-weight: 400 }
.PaginationItem>.Pagination-page--active { background-color: #3a3a3a; color: #fff }
.itemsPerPage { text-indent: -9999px; width: 80px; float: right; display: inline-block }
.no-js .itemsPerPage { display: none }
.itemsPerPage select { display: block; color: #3a3a3a; border: 1px solid #dcdcdc; float: left; margin: 0 .71429em .71429em 0; padding: .57143em 1.14286em; font-weight: 400 }
.AccountDashboard .PageForm { border-bottom: 1px solid #ededed; padding-bottom: 1em }
.SavedPages>ol { padding-left: 1.5em }
.SavedPages-item { position: relative; border-bottom: 1px solid #ededed }
.SavedPages-title a { color: #3a3a3a }
.SavedPages-tools { position: absolute; right: 0; top: 0 }
.SavedPages-edit { color: #3a3a3a; font-size: .875em; text-decoration: underline }
.UserAccount .section { width: 100% }
.UserAccount .items { margin-top: 4.375em; overflow: hidden; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
 @media(max-width:46.24em) {
.UserAccount .items { margin-top: 2em; -ms-flex-wrap: wrap; flex-wrap: wrap }
}
 @media(max-width:480px) {
.UserAccount .items { margin-top: 1em }
}
 @media(max-width:46.24em) {
.UserAccount .items .item { margin: 30px 0; width: 33% }
}
.UserAccount .items .item img { min-height: 5em; max-height: 5em; margin: 0 auto 1.5625em; display: block }
 @media(max-width:46.24em) {
.UserAccount .items .item img { max-height: 3em; margin-bottom: 1em }
}
.UserAccount .items .item p { text-align: center; line-height: 1.2em; max-width: 150px; margin: auto }
 @media(max-width:61.24em) {
.UserAccount .items .item p { font-size: 1.125em }
}
 @media(max-width:480px) {
.UserAccount .items .item p { font-size: 1em }
}
.UserAccount .UserAccount-links .top-links { overflow: hidden }
.UserAccount .UserAccount-links .top-links .link { float: right }
.UserAccount .UserAccount-links .top-links .link span { font-weight: 500; padding-right: .625em }
.UserAccount .UserAccount-links .top-links .link a { padding: 0 .625em }
.UserAccount .UserAccount-links .top-links .link a:last-child { border-left: 1px solid #737373 }
 @media(max-width:30em) {
.UserAccount .UserAccount-links .top-links .link a:last-child { border: 0; display: block; text-align: right }
}
.UserAccount .UserAccount-welcome { padding: 4.0625em 0; margin: 1.875em 0 0; background-color: #3a3a3a; color: #fff }
 @media(max-width:46.24em) {
.UserAccount .UserAccount-welcome { padding: 2em 0 }
}
 @media(max-width:480px) {
.UserAccount .UserAccount-welcome { padding: 1em 0; margin-top: 1em }
}
.UserAccount .UserAccount-welcome .TextBlock { padding-left: 0; padding-right: 0 }
.UserAccount .UserAccount-welcome .TextBlock h2 { text-align: center }
 @media(max-width:46.24em) {
.UserAccount .UserAccount-welcome .TextBlock h2 { line-height: 1.2em }
}
 @media(max-width:480px) {
.UserAccount .UserAccount-welcome .TextBlock h2 { line-height: 1em }
}
.UserAccount .UserAccount-welcome .TextBlock .subtitle { max-width: 34.375em; text-align: center; line-height: 1.3em; margin: .75em auto }
.UserAccount .UserAccount-welcome .items a { color: #fff }
.UserAccount .UserAccount-welcome .items p { font-size: 1.375em }
 @media(max-width:61.24em) {
.UserAccount .UserAccount-welcome .items p { font-size: 1.125em }
}
 @media(max-width:480px) {
.UserAccount .UserAccount-welcome .items p { font-size: 1em }
}
.UserAccount .UserAccount-added--content, .UserAccount .UserAccount-projects, .UserAccount .UserAccount-saved--content { text-align: center; padding: 2em 0 }
 @media(max-width:480px) {
.UserAccount .UserAccount-added--content, .UserAccount .UserAccount-projects, .UserAccount .UserAccount-saved--content { padding: 1em 0 }
}
.UserAccount .UserAccount-added--content .title, .UserAccount .UserAccount-projects .title, .UserAccount .UserAccount-saved--content .title { font-size: 1.875em; line-height: 1.5; font-weight: 400; text-align: center; font-weight: 500 }
 @media(max-width:480px) {
.UserAccount .UserAccount-added--content .title, .UserAccount .UserAccount-projects .title, .UserAccount .UserAccount-saved--content .title { line-height: 1.2em; margin-bottom: .5em }
}
.UserAccount .UserAccount-added--content .Cta, .UserAccount .UserAccount-projects .Cta, .UserAccount .UserAccount-saved--content .Cta { background: #3a3a3a; margin: 3.125em auto 0; border: 0; color: #fff }
 @media(max-width:46.24em) {
.UserAccount .UserAccount-added--content .Cta, .UserAccount .UserAccount-projects .Cta, .UserAccount .UserAccount-saved--content .Cta { margin-top: 0 }
}
.UserAccount .UserAccount-added--content .items, .UserAccount .UserAccount-projects .items, .UserAccount .UserAccount-saved--content .items { font-size: 0 }
.UserAccount .UserAccount-added--content .items .item, .UserAccount .UserAccount-projects .items .item, .UserAccount .UserAccount-saved--content .items .item { display: inline-block; font-size: initial }
.UserAccount .UserAccount-added--content { background: #f7f7f7 }
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons { width: 100%; text-align: left }
 @media(max-width:480px) {
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons { text-align: center }
}
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons .FilterButtons-item { min-width: 35% }
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons .FilterButtons-item h4 { text-align: left }
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { content: ''; display: inline-block; height: 12px; width: 100%; right: 1.5em; position: absolute; vertical-align: top; left: -1px; margin-bottom: 0; background-color: #fff; bottom: -13px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
 @media(max-width:46.24em) {
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { display: none }
}
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterButtons .FilterButtons-submit { padding-top: .65em; padding-bottom: .65em; min-width: 140px }
.UserAccount .UserAccount-saved--content .Filters-topBar .FilterPanels .panel { text-align: left }
 @media(min-width:46.25em) {
.GridSpotlight--extraExtrasmall .WebPart .CaseStudy, .GridSpotlight--extraExtrasmall .WebPart .HighProduct, .GridSpotlight--extraExtrasmall .WebPart .ProductGroup, .GridSpotlight--extraExtrasmall .WebPart .SimpleSpotlight, .GridSpotlight--extraExtrasmall .WebPart .Spotlight, .GridSpotlight--extrasmall .WebPart .CaseStudy, .GridSpotlight--extrasmall .WebPart .HighProduct, .GridSpotlight--extrasmall .WebPart .ProductGroup, .GridSpotlight--extrasmall .WebPart .SimpleSpotlight, .GridSpotlight--extrasmall .WebPart .Spotlight, .GridSpotlight--medium .WebPart .CaseStudy, .GridSpotlight--medium .WebPart .HighProduct, .GridSpotlight--medium .WebPart .ProductGroup, .GridSpotlight--medium .WebPart .SimpleSpotlight, .GridSpotlight--medium .WebPart .Spotlight, .GridSpotlight--small .WebPart .CaseStudy, .GridSpotlight--small .WebPart .HighProduct, .GridSpotlight--small .WebPart .ProductGroup, .GridSpotlight--small .WebPart .SimpleSpotlight, .GridSpotlight--small .WebPart .Spotlight { width: 100%!important; float: none!important; margin-right: 0!important; position: relative!important }
}
.GridSpotlight--extraExtrasmall .WebPartZone { width: 100%!important }
.GridSpotlight--extraExtrasmall .WebPart { width: 15.96639%; float: left; margin-right: .84034% }
.GridSpotlight--extraExtrasmall .WebPart:nth-child(6n) { width: 15.96639%; float: right; margin-right: 0 }
.GridSpotlight--extraExtrasmall .WebPart:nth-child(7n) { clear: left }
.GridSpotlight--extrasmall .WebPartZone { width: 100%!important }
.GridSpotlight--extrasmall .WebPart { width: 24.36975%; float: left; margin-right: .84034% }
.GridSpotlight--extrasmall .WebPart:nth-child(4n) { width: 24.36975%; float: right; margin-right: 0 }
.GridSpotlight--extrasmall .WebPart:nth-child(5n) { clear: left }
.GridSpotlight--small .WebPartZone { width: 100%!important }
.GridSpotlight--small .WebPart { width: 32.77311%; float: left; margin-right: .84034% }
.GridSpotlight--small .WebPart:nth-child(3n) { width: 32.77311%; float: right; margin-right: 0 }
.GridSpotlight--small .WebPart:nth-child(4n) { clear: left }
.GridSpotlight--medium .WebPartZone { width: 100%!important }
.GridSpotlight--medium .WebPart { width: 49.57983%; float: left; margin-right: .84034%; position: relative }
.GridSpotlight--medium .WebPart:nth-child(2n) { width: 49.57983%; float: right; margin-right: 0; clear: right }
.GridSpotlight--medium .WebPart:nth-child(3n) { clear: left }
.GridForm .container--input .form-control { width: 100% }
.GridForm textarea { resize: vertical }
.GridForm .field-block { clear: both }
.GridForm .field-block:after, .GridForm .field-block:before { content: " "; display: table }
.GridForm .field-block:after { clear: both }
.GridForm .container--checkbox, .GridForm .container--dropdown, .GridForm .container--input, .GridForm .container--radiobutton, .GridForm .container--textarea { margin: 10px 0 }
.GridForm .container--checkbox:after, .GridForm .container--checkbox:before, .GridForm .container--dropdown:after, .GridForm .container--dropdown:before, .GridForm .container--input:after, .GridForm .container--input:before, .GridForm .container--radiobutton:after, .GridForm .container--radiobutton:before, .GridForm .container--textarea:after, .GridForm .container--textarea:before { content: " "; display: table }
.GridForm .container--checkbox:after, .GridForm .container--dropdown:after, .GridForm .container--input:after, .GridForm .container--radiobutton:after, .GridForm .container--textarea:after { clear: both }
.GridForm .container--checkbox>div:after, .GridForm .container--checkbox>div:before, .GridForm .container--dropdown>div:after, .GridForm .container--dropdown>div:before, .GridForm .container--input>div:after, .GridForm .container--input>div:before, .GridForm .container--radiobutton>div:after, .GridForm .container--radiobutton>div:before, .GridForm .container--textarea>div:after, .GridForm .container--textarea>div:before { content: " "; display: table }
.GridForm .container--checkbox>div:after, .GridForm .container--dropdown>div:after, .GridForm .container--input>div:after, .GridForm .container--radiobutton>div:after, .GridForm .container--textarea>div:after { clear: both }
.GridForm--large:after, .GridForm--large:before { content: " "; display: table }
.GridForm--large:after { clear: both }
.GridForm--large .container--dropdown input, .GridForm--large .container--dropdown label, .GridForm--large .container--dropdown select, .GridForm--large .container--dropdown textarea, .GridForm--large .container--input input, .GridForm--large .container--input label, .GridForm--large .container--input select, .GridForm--large .container--input textarea, .GridForm--large .container--textarea input, .GridForm--large .container--textarea label, .GridForm--large .container--textarea select, .GridForm--large .container--textarea textarea { width: 100%; float: left; margin-left: 0; margin-right: 0 }
.GridForm--medium:after, .GridForm--medium:before { content: " "; display: table }
.GridForm--medium:after { clear: both }
 @media(min-width:46.25em) {
.GridForm--medium { width: 49.57983%; float: left; margin-right: .84034% }
.GridForm--medium:nth-child(2n) { width: 49.57983%; float: right; margin-right: 0; clear: right }
}
.GridForm--small:after, .GridForm--small:before { content: " "; display: table }
.GridForm--small:after { clear: both }
 @media(min-width:46.25em) {
.GridForm--small { width: 32.77311%; float: left; margin-right: .84034% }
.GridForm--small:nth-child(3n) { width: 32.77311%; float: right; margin-right: 0; float: left; clear: right }
}
.GridForm--inline .container--checkbox:after, .GridForm--inline .container--checkbox:before, .GridForm--inline .container--radiobutton:after, .GridForm--inline .container--radiobutton:before { content: " "; display: table }
.GridForm--inline .container--checkbox:after, .GridForm--inline .container--radiobutton:after { clear: both }
.GridForm--inline .container--checkbox label, .GridForm--inline .container--radiobutton label { margin: 0 50px 0 5px }
.GridForm--inline .container--checkbox input, .GridForm--inline .container--radiobutton input { margin-top: 5px }
.GridForm--inline .container--checkbox input, .GridForm--inline .container--checkbox label, .GridForm--inline .container--radiobutton input, .GridForm--inline .container--radiobutton label { float: left }
.GridForm--inline .container--checkbox br, .GridForm--inline .container--radiobutton br { display: none }
.GridForm--button .btn { background: #3a3a3a; border: 1px solid #3a3a3a; color: #fff; padding: .57143em 1.14286em }
.GridForm .radio-wrap { display: inline-block; width: 100% }
 @media(min-width:46.25em) {
.GridForm .radio-wrap { width: inherit }
}
.form-control { border: 1px solid #ededed; padding: 1em; width: 50%; margin-bottom: .3em; box-sizing: border-box }
#HtmlAreaControl textarea { border: 1px solid #ededed; padding: 1em; width: 50%!important; margin-bottom: 1em; box-sizing: border-box }
.calendar-action { color: #3a3a3a; margin-left: 1em }
.FieldLabel { display: block }
.EditingFormButtonCell .btn-primary { margin: 1em 0 }
.EditingFormTable { display: block; width: 100% }
.EditingFormTable tbody { width: 100%; display: block }
.EditingFormTable .btn { background: #3a3a3a; border: 1px solid #3a3a3a; color: #fff; padding: .57143em 1.14286em }
.EditingFormTable .date-time-picker .btn { padding: .57143em 1.14286em; margin-left: .625em }
.EditingFormTable tr { display: block; width: 100% }
.EditingFormTable td { display: block }
.sr-only:after { background: url(/images/calendar.svg) no-repeat 0 0 }
.no-svg .sr-only:after { background-image: url(/images/calendar.png) }
#usphone .input-width-15 { width: 15% }
#usphone .input-width-20 { width: 20% }
#usphone .sr-only { display: none }
#MultipleChoiceControl .editing-form-control-nested-control, #RadioButtonsControl .editing-form-control-nested-control { margin-bottom: 1em }
.uploader-upload { margin-bottom: 1em }
.customForm .required-mark { color: red }
.customForm table tbody>tr { border-bottom: 0 }
.customForm .EditingFormErrorLabel, .customForm .ErrorLabel { display: block; color: red; margin-bottom: 20px }
.customForm .InfoLabel { display: block; font-weight: 700; margin-bottom: 20px }
.modal--show .modal-inner.modal-colours { width: 1200px; max-width: 90%; left: 50%; top: 7vh; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0 }
.modal--show .modal-colour-close.modal-close:after { display: none }
.modal--show .modal-colour-close.modal-close:before { background: rgba(0,0,0,.6) }
#modal-colours .clear { clear: both }
#modal-colours .modal-colours { padding-top: 6em; background: 0 0; box-shadow: none; position: relative }
 @media(max-width:46.24em) {
#modal-colours .modal-colours { padding-top: 0 }
}
 @media(max-width:480px) {
#modal-colours .modal-colours { height: auto; z-index: 999 }
}
#modal-colours .modal-colours .modal-header { padding: .7em 1em .7em .7em; position: absolute; top: 0; left: 0; background: #fff }
 @media(max-width:46.24em) {
#modal-colours .modal-colours .modal-header { display: none }
}
#modal-colours .modal-colours .modal-header .color-luminosity { width: .875em; height: .875em; margin: .1875em 1.4em 0 1em; background: rgba(0,0,0,.55); float: left; position: relative; top: 0 }

#modal-colours .modal-colours .modal-header .color-luminosity:after, #modal-colours .modal-colours .modal-header .color-luminosity:before { content: ''; position: absolute; background: rgba(0,0,0,.8); width: .875em; height: .875em; left: -1em; top: 0 }
#modal-colours .modal-colours .modal-header .color-luminosity:after { left: auto; right: -1em; background: rgba(0,0,0,.2) }
#modal-colours .modal-colours .modal-content { background: #fff; position: relative; max-height: calc(86vh - 6em); padding: 2em 0; overflow-y: scroll }
 @media(max-width:46.24em) {
#modal-colours .modal-colours .modal-content { max-height: 86vh }
}
 @media(max-width:480px) {
#modal-colours .modal-colours .modal-content { padding: 1.5em 0 1em }
}
#modal-colours .modal-colours .modal-content .modal-colour-close-icon { position: absolute; right: 1em; top: 1em; color: #3a3a3a }
 @media(max-width:480px) {
#modal-colours .modal-colours .modal-content .modal-colour-close-icon { top: .5em; right: .5em }
}
#modal-colours .modal-colours .modal-content .modal-colour-close-icon:hover { text-decoration: none }
#modal-colours .modal-colours .modal-content .modal-colour-close-icon span { text-transform: uppercase; font-weight: 500 }
#modal-colours .modal-colours .modal-content .modal-colour-close-icon span.icon { font-size: 1.8em; font-weight: 400; display: block; float: right; line-height: .7em; padding-left: .25em }
#modal-colours .modal-colours .modal-content .title { padding: 0 2em }
 @media(max-width:61.24em) {
#modal-colours .modal-colours .modal-content .title { max-width: 52% }
}
 @media(max-width:46.24em) {
#modal-colours .modal-colours .modal-content .title { max-width: none }
#modal-colours .modal-colours .modal-content .title>p { margin-bottom: .5em }
}
 @media(max-width:480px) {
#modal-colours .modal-colours .modal-content .title { padding: 0 1em }
}
#modal-colours .modal-colours .modal-content h2 { font-size: 1.5em; margin-bottom: 0 }
#modal-colours .modal-colours .modal-content .subtitle { line-height: 1.4em }
#modal-colours .modal-colours .modal-content .arrow-basket { position: relative; float: right; width: 25%; height: 45px; line-height: 45px; background: #3a3a3a; color: #fff; text-align: center; margin-top: -60px }
 @media(max-width:61.24em) {
#modal-colours .modal-colours .modal-content .arrow-basket { width: 42% }
}
 @media(max-width:46.24em) {
#modal-colours .modal-colours .modal-content .arrow-basket { float: none; width: 100%; max-width: 300px; margin: auto; margin-bottom: 1em }
}
#modal-colours .modal-colours .modal-content .arrow-basket .icon { margin-right: 30px; height: 100%; position: relative; float: right }
 @media(max-width:480px) {
#modal-colours .modal-colours .modal-content .arrow-basket .icon { width: 60px }
}
#modal-colours .modal-colours .Filters-topNav { width: calc(100% - 4em); padding: 0 2em 2em; border-bottom: 1px solid #dcdcdc; padding-top: 1px; margin-top: 2em }
 @media(max-width:61.24em) {
#modal-colours .modal-colours .Filters-topNav { margin-top: 0 }
}
 @media(max-width:480px) {
#modal-colours .modal-colours .Filters-topNav { padding: 0 1em 1.5em; width: calc(100% - 2em) }
}
#modal-colours .modal-colours .Filters-topNav .color-groups { position: relative; padding: 0 2em; float: left; box-sizing: border-box; width: calc(70% - 4em) }
 @media(max-width:61.24em) {
#modal-colours .modal-colours .Filters-topNav .color-groups { width: calc(100% - 3em); padding: 0; margin: 0 1.5em; box-sizing: border-box; float: none }
}
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-stage-outer { border: 1px solid #dcdcdc; border-left: 0; border-right: 0; overflow: hidden; position: relative; z-index: 2; box-sizing: border-box }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-stage-outer:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #dcdcdc; z-index: 3 }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-stage-outer .owl-stage .owl-item { background: 0 0; vertical-align: middle; position: relative }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-stage-outer .owl-stage .owl-item:after { content: ''; position: absolute; width: 1px; height: 200px; top: -50px; right: 0; z-index: 2; background: #dcdcdc }
#modal-colours .modal-colours .Filters-topNav .color-groups .color-group { padding: .75em .625em; text-align: center; background: #fff; margin: 0; height: 100% }
 @media(min-width:61.25em) {
#modal-colours .modal-colours .Filters-topNav .color-groups .color-group { cursor: pointer }
}
#modal-colours .modal-colours .Filters-topNav .color-groups .color-group.active { font-weight: 500; background: #ededed; cursor: default; position: relative }
#modal-colours .modal-colours .Filters-topNav .color-groups .color-group.active:after, #modal-colours .modal-colours .Filters-topNav .color-groups .color-group.active:before { content: ''; position: absolute; width: 100%; height: 100px; top: -100px; left: 0; background: #ededed; z-index: 2 }
#modal-colours .modal-colours .Filters-topNav .color-groups .color-group.active:after { bottom: -100px; top: auto }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav { top: 0; height: 100%; width: calc(100% - 4em) }
 @media(max-width:61.24em) {
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav { width: 100% }
}
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-next, #modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-prev { top: 0; white-space: nowrap; text-indent: -9999px; background: #fff; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-next:before, #modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-prev:before { content: ''; width: .6em; height: .6em; border-top: 2px solid #3a3a3a; border-left: 2px solid #3a3a3a; position: absolute; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); left: 3px; top: 5px }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-next.disabled, #modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-prev.disabled { opacity: .3; cursor: default }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-prev { left: -1.5em }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
#modal-colours .modal-colours .Filters-topNav .color-groups .owl-nav .owl-next { right: -1.5em }
#modal-colours .ColourGrid { padding: 0 2em 0; overflow-y: auto; max-height: calc(50vh - 6em); -ms-overflow-style: none; overflow: -moz-scrollbars-none }
 @media(max-width:46.24em) {
#modal-colours .ColourGrid { max-height: 50vh; width: 100%; box-sizing: border-box }
}
 @media(max-width:480px) {
#modal-colours .ColourGrid { padding: 0 }
}
#modal-colours .ColourGrid::-webkit-scrollbar {
display:none
}
#modal-colours .ColourGrid iframe { height: 50vh }
#modal-colours .ColourGrid .subgroup-list { padding: 0 1em; box-sizing: border-box }
 @media(max-width:480px) {
#modal-colours .ColourGrid .subgroup-list { max-width: 354px }
}
 @media(max-width:400px) {
#modal-colours .ColourGrid .subgroup-list { max-width: 274px }
}
#modal-colours .ColourGrid .subgroup-list .subgroup-element { overflow-y: auto }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category { margin-top: 1.5em }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .title { font-weight: 500; padding-left: 0; padding-bottom: .5em; max-width: none }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list { overflow: hidden }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item { width: 23%; float: left; cursor: pointer; margin: 1% 2% 1% 0 }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item:hover { cursor: pointer }
 @media(max-width:1200px) {
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item { cursor: default; width: 31.33% }
}
 @media(max-width:991px) {
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item { width: 48%; margin-top: 1em; margin-bottom: 1em }
}
 @media(max-width:600px) {
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item { width: 100%; float: none; overflow: hidden; margin-right: 0 }
}
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item.active .color-block .checkbox { color: #3a3a3a }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item .color-block { width: 4.375em; height: 4.375em; position: relative; float: left }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item .color-block .checkbox { width: 16px; height: 16px; position: absolute; right: 0; bottom: 0; z-index: 2; background: #fff; font-size: 1.8em; padding: 2px; box-sizing: border-box; color: #dcdcdc; line-height: 20px; text-indent: 4px }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item .description { width: calc(100% - 80px); margin-left: .625em; float: left }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item .description span { display: block }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item .description span.title { font-weight: 400; padding: 0; max-width: none }
#modal-colours .ColourGrid .subgroup-list .subgroup-element .subgroup-category .colors-list .color-item .description span.color-code { font-weight: 500 }
#modal-colours .ColourGrid .subgroup-list .owl-stage-outer { overflow: hidden }
#modal-colours .ColourGrid .subgroup-list .owl-nav.disabled { display: none }
 @media(max-width:480px) {
#modal-colours .modal-colour-close:before { height: 100% }
}
.ColourButtons-radio { position: absolute; left: -100000px }
.ColourOne:checked+.ColourOne-buttons, .ColourThree:checked+.ColourThree-buttons, .ColourTwo:checked+.ColourTwo-buttons { border-bottom: .3em solid #f3f3f3; background-color: #f3f3f3 }
 @media(max-width:46.24em) {
.ColourOne:checked+.ColourOne-buttons, .ColourThree:checked+.ColourThree-buttons, .ColourTwo:checked+.ColourTwo-buttons { border: none }
}
.ColourOne:checked~.FilterPanels .ColourOne-panel, .ColourThree:checked~.FilterPanels .ColourThree-panel, .ColourTwo:checked~.FilterPanels .ColourTwo-panel { display: block }
.modal--show { width: auto }
.modal--show .modal-content { max-height: 86vh }
 @media(min-width:46.25em) {
.modal--show .modal-inner { width: 50%; left: 25%; margin-left: 0 }
}
 @media(min-width:46.25em) {
.modal--show .modal-close:after { right: 25%; margin-right: 0 }
}
 @media(max-width:29.99em) {
.modal--show .modal-close:after { content: 'x'; font-size: 1.8em; padding: 0 .4em .05em; background-color: transparent; color: #fff }
}
.modal--show .modal-content>* { text-align: left }
.Cta--sec.Cta--pop { padding-right: 3.125em; font-weight: 400 }
.Cta--sec.Cta--pop:after { background: url(/images/pop-out.svg) no-repeat 0 0; height: 1.5em; margin-top: -.7em; position: absolute; right: 1em; top: 50%; width: 1.4em }
.InPageNav { margin-bottom: 3.75em }
.InPageNav h2 { font-size: 3.125em; line-height: 1.5; font-weight: 400; line-height: 1.2 }
.InPageNav-list { list-style: none; padding: 0; margin: 0 }
.InPageNav-item { display: inline-block; padding: .5em .7em; margin: 0 }
.InPageNav-item:first-of-type { padding-left: 0 }
.InPageNav-item span { font-weight: 500 }
.InPageNav-item a { font-weight: 400; color: #3a3a3a }
.QuickLinks-list { list-style: none; margin: 0; padding: 0 }
.QuickLinks-item { font-size: 1.25em; line-height: 1.8; font-weight: 400 }
.QuickLinks-item a { color: #3a3a3a }
.QuickLinks-item a:hover svg { margin-left: 20px }
.QuickLinks-item svg { transition: all .4s; margin-left: 10px }
.QuickLinks-item svg path { fill: #3a3a3a }
.FiftyFifty { margin-bottom: 1.875em }
 @media(min-width:46.25em) {
.FiftyFifty .u-constrainAdjust { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.FiftyFifty-imgWrap, .FiftyFifty-videoWrap { width: 50%; display: inline-block; vertical-align: top; background-size: cover; background-repeat: no-repeat; background-position: 50% 50% }
 @media(min-width:46.25em) {
.FiftyFifty-imgWrap, .FiftyFifty-videoWrap { position: relative; overflow: hidden }
}
 @media(max-width:46.24em) {
.FiftyFifty-imgWrap, .FiftyFifty-videoWrap { width: 100% }
}
.FiftyFifty-imgWrap img, .FiftyFifty-videoWrap img { display: block; width: 100%; visibility: hidden }
 @media(min-width:46.25em) {
.FiftyFifty-videoWrap { min-height: 255px; background: #3a3a3a }
.FiftyFifty-videoWrap+.FiftyFifty-textWrap { max-height: 500px; overflow-y: auto }
}
 @media(max-width:46.24em) {
.FiftyFifty-videoWrap { position: relative; height: 0; padding-bottom: 56.25% }
}
.FiftyFifty-videoWrap iframe, .FiftyFifty-videoWrap object { position: absolute; width: 100%; height: 100%; background: #3a3a3a }
.FiftyFifty-textWrap { display: inline-block; width: 50%; padding: 2.5em; box-sizing: border-box; background-color: #3a3a3a; color: #fff }
 @media(max-width:46.24em) {
.FiftyFifty-textWrap { width: 100% }
}
.FiftyFifty-slider .ImageSlider { width: 50%; float: left }
 @media(max-width:46.24em) {
.FiftyFifty-slider .ImageSlider { width: 100% }
}
.FiftyFifty-details { width: 50%; display: inline-block; padding: 0 40px; box-sizing: border-box }
 @media(max-width:46.24em) {
.FiftyFifty-details { width: 100%; padding: 0 }
}
.FiftyFifty-details .ul { padding-left: 1.25em }
.FiftyFifty-details .ul li { font-weight: 400 }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out }
.mfp-zoom { cursor: pointer; cursor: zoom-in }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none!important }
.mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #ccc }
.mfp-preloader a:hover { color: #fff }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation }
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: "Microsoft Yahei"; }
.mfp-close:focus, .mfp-close:hover { opacity: 1 }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #333 }
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap }
.mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent }
.mfp-arrow:active { margin-top: -54px }
.mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 }
.mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px }
.mfp-arrow-right:before { border-left: 27px solid #3f3f3f }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #000 }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto }
.mfp-figure { line-height: 0 }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }
 @media screen and (max-width:800px)and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 }
}
 @media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
}
.VideoSpotlight { width: 100% }
.VideoSpotlight h3 { font-size: 1.25em; line-height: 1.8; font-weight: 400 }
.VideoSpotlight-thumbnailWrap { position: relative; width: 100% }
.VideoSpotlight-thumbnail { width: 100%; display: block }
.VideoSpotlight-play { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .8; transition: .4s all }
.VideoSpotlight-play:hover { opacity: 1 }
.VideoSpotlight-play img { display: block; height: 3.75em; width: 3.75em; margin: auto }
.SummaryBlock { margin-bottom: 1.875em }
.cookieConsent { max-height: 100%; max-height: calc(100% - 3em); background-color: #3a3a3a; color: #fff; z-index: 1000; padding: 1em 0; position: fixed; left: 0; right: 0; bottom: -100%; transition: 1s bottom ease-in-out }
.cookieConsent a { color: #fff; text-decoration: underline; font-weight: 700 }
.cookieConsent.cookieConsent-js { bottom: 0 }
.cookieConsent.cookieConsent-no-js { position: static }
.cookieConsent .CookieConsent-container { max-width: 75em; min-height: 65px; overflow-y: auto; padding: 0 1em; margin-left: auto; margin-right: auto }
.cookieConsent .CookieConsent-container:first-child { max-height: 300px; height: auto }
 @media screen and (max-height:400px) {
.cookieConsent .CookieConsent-container:last-child { max-height: 100%; background-color: #3a3a3a; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0 }
.cookieConsent .CookieConsent-container:last-child p { margin: 0; padding-top: 28px }
}
.cookieConsent .CookieConsent-container p { margin-bottom: 1em; line-height: 1.4em }
.cookieConsent .CookieConsent-container .CookieConsent-para { width: 60%; display: inline-block; float: left; margin: 0; box-sizing: border-box }
 @media(max-width:46.24em) {
.cookieConsent .CookieConsent-container .CookieConsent-para { width: 100%; padding: .5em }
}
.cookieConsent .CookieConsent-container .CookieConsent-buttons { margin: 0; padding-top: 28px }
.cookieConsent .CookieConsent-container .CookieConsent-buttons.js-giveEdge { border-top: 1px solid #fff }
 @media(max-width:46.24em) {
.cookieConsent .CookieConsent-container .CookieConsent-buttons { float: left; display: block; text-align: center; width: 100%; box-sizing: border-box }
}
.cookieConsent .CookieConsent-container input { display: inline-block; white-space: normal; vertical-align: top; margin: 0 30px 0 0; padding: 0; text-decoration: underline; font-weight: 700; min-width: none }
 @media(max-width:46.24em) {
.cookieConsent .CookieConsent-container input { max-width: none; width: auto }
}
.cookieConsent .CookieConsent-container input:hover { text-decoration: underline }
.cookieConsent .CookieConsent-container a.cookieManageBtn { border: 1px solid #fff; line-height: 1.2em; text-decoration: none; font-weight: 400 }
 @media(max-width:46.24em) {
.cookieConsent .CookieConsent-container a.cookieManageBtn { max-width: none; width: auto }
}
.cookieConsent .CookieConsent-inner { margin-bottom: 75px }
.cookieConsentBtn, .cookieManageBtn { max-width: none }
.cookieConsentBtn { display: none }
.cookieConsent-js .cookieConsentBtn { display: inline-block }
.ApplicationsRoute { position: relative }
 @media(max-width:46.24em) {
.ApplicationsRoute { padding-top: 5em }
}
.ApplicationsRoute .u-constrainAdjust { position: relative }
.ApplicationsRoute-master { width: 100% }
.ApplicationRoute-clickMap { position: absolute; width: 100%; height: 98% }
 @media(max-width:46.24em) {
.ApplicationRoute-clickMap { display: none }
}
.ApplicationRoute-clickMap svg { position: relative; width: 100%; height: auto }
.ApplicationPop { position: absolute; top: 0; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); transition: all .4s; visibility: hidden; opacity: 0 }
.ApplicationPop ::-webkit-scrollbar {
width:12px
}
.ApplicationPop ::-webkit-scrollbar-track {
opacity:0
}
.ApplicationPop ::-webkit-scrollbar-thumb {
border-radius:10px;
background:#ccc
}
.ApplicationPop.is-active { visibility: visible; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1 }
 @media(max-width:46.24em) {
.ApplicationPop { z-index: 999; top: 0; -webkit-transform: translateY(0)!important; -ms-transform: translateY(0)!important; transform: translateY(0)!important; height: 100vh }
}
.AccordionPop-imageWrap { position: relative }
.AccordionPop-imageWrap:after, .AccordionPop-imageWrap:before { content: " "; display: table }
.AccordionPop-imageWrap:after { clear: both }
.ApplicationsTitle { left: 0; opacity: 1; position: absolute; visibility: visible; top: 0; transition: opacity .5s }
 @media(max-width:46.24em) {
.ApplicationsTitle { display: none }
}
.ApplicationsTitle.is-hidden { visibility: hidden; opacity: 0 }
.AccordionPop-point { position: absolute; top: 20%; left: 35%; width: 12px; height: 12px; background-color: #f07e0d; border-radius: 50%; cursor: pointer; transition: .4s all; text-align: center; display: block }
.AccordionPop-point:hover { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -moz-transform: scale(1.5) }
.AccordionPop-point:hover .Tooltip { opacity: 1; visibility: visible }
.AccordionPop-point .Tooltip { position: absolute; opacity: 0; transition: .4s all; visibility: hidden; background-color: #fff; padding: .5em; top: -350%; left: auto; right: auto; text-align: center; display: inline; border-radius: 3px; border: solid 1px #ececec }
.AccordionPop-point .Tooltip p { margin: 0; line-height: 14px }
.AccordionPop-point.is-selected { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -moz-transform: scale(1.5); background-color: #f07e0d }
.AccordionPop-point.is-selected .dot { display: none }
.AccordionPop-point .dot { border: 5px solid #f07e0d; background: 0 0; border-radius: 60px; height: 30px; width: 30px; -webkit-animation: pulse 3s ease-out; animation: pulse 3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -14.5px; left: -14.5px; z-index: 1; opacity: 0 }
@-webkit-keyframes pulse { 0% {
-webkit-transform:scale(0);
opacity:0
}
25% {
-webkit-transform:scale(0);
opacity:.1
}
65% {
-webkit-transform:scale(.4);
opacity:.3
}
100% {
-webkit-transform:scale(.7);
opacity:0
}
}
.AccordionPop-point.Position-roof { top: 27%; left: 25% }
.AccordionPop-point.Position-wall { top: 46%; left: 42% }
.AccordionPop-point.Position-services { top: 26%; left: 57% }
.AccordionPop-point.Position-floor { top: 62%; left: 55% }
.industrial .AccordionPop-point.Position-roof { top: 28%; left: 40% }
.industrial .AccordionPop-point.Position-wall { top: 53%; left: 51% }
.industrial .AccordionPop-point.Position-services { top: 35%; left: 74% }
.industrial .AccordionPop-point.Position-floor { top: 63%; left: 40% }
.residential .AccordionPop-point.Position-roof { top: -1%; left: 45% }
.residential .AccordionPop-point.Position-wall { top: 60%; left: 66% }
.residential .AccordionPop-point.Position-services { top: 20%; left: 60% }
.residential .AccordionPop-point.Position-floor { top: 79%; left: 50% }
.airport .AccordionPop-point.Position-roof { top: 22%; left: 30% }
.airport .AccordionPop-point.Position-wall { top: 60%; left: 66% }
.airport .AccordionPop-point.Position-services { top: 20%; left: 60% }
.airport .AccordionPop-point.Position-floor { top: 45%; left: 40% }
.agriculture .AccordionPop-point.Position-services { top: 40% }
.distribution .AccordionPop-point.Position-roof { top: 30%; left: 25% }
.distribution .AccordionPop-point.Position-wall { top: 60%; left: 22% }
.distribution .AccordionPop-point.Position-services { top: 35%; left: 74% }
.distribution .AccordionPop-point.Position-floor { top: 63%; left: 40% }
.commercial .AccordionPop-point.Position-roof { top: 40%; left: 30% }
.commercial .AccordionPop-point.Position-services { top: 70%; left: 35% }
.education .AccordionPop-point.Position-roof { top: 30%; left: 25% }
.education .AccordionPop-point.Position-wall { top: 40%; left: 66% }
.education .AccordionPop-point.Position-services { top: 20%; left: 70% }
.education .AccordionPop-point.Position-floor { top: 60%; left: 40% }
.domestic .AccordionPop-point.Position-roof { top: 34%; left: 50% }
.domestic .AccordionPop-point.Position-wall { top: 44%; left: 58% }
.domestic .AccordionPop-point.Position-services { top: 57%; left: 39% }
.domestic .AccordionPop-point.Position-floor { top: 59%; left: 58% }
.self-build .AccordionPop-point.Position-roof { top: 25%; left: 39% }
.self-build .AccordionPop-point.Position-wall { top: 60%; left: 66% }
.self-build .AccordionPop-point.Position-services { top: 57%; left: 20% }
.self-build .AccordionPop-point.Position-floor { top: 59%; left: 46% }
.commercial .AccordionPop-point.Position-roof { top: 40%; left: 20% }
.commercial .AccordionPop-point.Position-wall { top: 50%; left: 66% }
.commercial .AccordionPop-point.Position-services { top: 70%; left: 40% }
.commercial .AccordionPop-point.Position-floor { top: 60%; left: 24% }
.retail .AccordionPop-point.Position-roof { top: 22%; left: 30% }
.retail .AccordionPop-point.Position-wall { top: 50%; left: 66% }
.retail .AccordionPop-point.Position-services { top: 20%; left: 50% }
.retail .AccordionPop-point.Position-floor { top: 40%; left: 24% }
.ApplicationPop-container { width: 90%; margin: 0 auto; background-color: rgba(250,250,250,.8); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); -webkit-backface-visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; height: 34em }
 @media(max-width:46.24em) {
.ApplicationPop-container { background-color: #fafafa; margin-top: 3em; display: block; height: auto }
}
.ApplcationPop-left { width: 65%; float: left; display: inline-block; background-color: #fff; padding: 2em; box-sizing: border-box }
 @media(max-width:46.24em) {
.ApplcationPop-left { width: 100%; float: none }
}
.ApplicationPop-close { width: 100% }
 @media(max-width:46.24em) {
.ApplicationPop-close { top: 20px; right: 7.56303%; position: absolute }
}
.ApplicationPop-right { display: inline-block; width: 35%; padding: 2em; box-sizing: border-box }
 @media(max-width:46.24em) {
.ApplicationPop-right { display: block; width: 100% }
}
.ApplicationPop-right .close { position: relative; width: 32px; height: 32px; opacity: .3; float: right; transition: opacity .4s }
.ApplicationPop-right .close:hover { opacity: 1 }
.ApplicationPop-right .close:after, .ApplicationPop-right .close:before { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #333 }
.ApplicationPop-right .close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.ApplicationPop-right .close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.ApplicationPop-image { display: none; width: 100% }
.ApplicationPop-image.is-active { display: block }
.ApplicationPop-content { margin-top: 1em; height: 90%; box-sizing: border-box; margin-bottom: 2em; overflow-y: scroll; margin-right: .3em }
.ApplicationPop-contentWrap { display: none }
.ApplicationPop-contentWrap.is-active { display: block }
.ApplicationPop-contentWrap a { color: #3a3a3a }
.Applications-icons { width: 60px; margin-right: 10px; display: inline-block; float: left }
.ApplicationsLink path, .ApplicationsLink polygon { opacity: 0; transition: .4s all }
.ApplicationsLink:hover path, .ApplicationsLink:hover polygon { opacity: .5 }
 @media(min-width:46.25em) {
.ApplicationsMobile { display: none }
}
.ApplicationsMobile .ApplicationsMobile-list { padding: 0; list-style: none }
.ApplicationsMobile .ApplicationsMobile-list .ApplicationsMobile-item { width: 100% }
.ApplicationsMobile .ApplicationsMobile-list .ApplicationsMobile-item a { width: 100%; padding: .3em .5em; display: block; box-sizing: border-box; cursor: pointer }
 @media(max-width:46.24em) {
.ApplicationRoute .u-constrain:first-of-type { display: none }
}
.Applications-iconsWrap p { color: #3a3a3a; padding-top: 15px }
.Applications-iconsWrap svg { width: 60px; height: 60px; margin-right: 10px; display: inline-block; float: left }
.VideoHero { height: auto }
 @media(min-width:46.25em) {
.VideoHero { width: 100%; height: 100vh; position: relative; overflow: hidden }
.VideoHero .SuperHero-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0 }
.VideoHero .SuperHero-title { margin-top: 0 }
.VideoHero .SuperHero-content { overflow: visible; position: relative; width: 100%; z-index: 3 }
.VideoHero .SuperHero-content .TextBlock-item { width: 100%; text-align: center; color: #fff; margin: 0 }
.VideoHero .SuperHero-content .TextBlock-item h1 { font-size: 55px }
.VideoHero .SuperHero-content .TextBlock-item p { font-size: 22px }
.VideoHero .SuperHero-content .TextBlock-item .SuperHero-strapline { margin-top: 1em }
/*.VideoHero .VideoHero-overlay { background-color: #3a3a3a; opacity: .3; width: 100%; height: 100vh; position: absolute; overflow: hidden; z-index: 2; min-height: 35em; top: 0; left: 0 }
*/}
.CountrySiteHeader+.VideoHero { margin-top: -30px }
.CountrySiteHeader--global.CountrySiteHeader+.VideoHero { margin-top: 0 }
 @media(max-width:46.24em) {
.VideoHero-wrap { height: auto!important; width: 100%!important }
}
 @media(min-width:46.25em) {
.VideoHero-wrap { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; z-index: -1; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover }
}
.VideoHero-fallback { display: none }
.CountrySiteHeader--global+.SuperHero.VideoHero .SuperHero-container { padding-top: 0 }
 @media(min-width:46.25em) {
.jquery-background-video-wrapper { position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover }
}
 @media(max-width:46.24em) {
.jquery-background-video-wrapper { background-image: none!important }
}
 @media(min-width:46.25em) {
.jquery-background-video { z-index: 1; position: absolute; min-width: 100%; min-height: 100%; height: auto; width: 100%; top: 50%; left: 50%; -o-object-fit: contain; object-fit: contain; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
 @media(max-width:46.24em) {
.jquery-background-video { position: static!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important }
}
 @media(min-width:46.25em) {
.js video.jquery-background-video { opacity: 0; transition: .4s opacity }
}
 @media(min-width:46.25em) {
.js video.jquery-background-video.is-playing { opacity: 1 }
}
.jquery-background-video-pauseplay { margin-left: 25px; border: none; position: absolute; left: auto!important; right: 2em!important; line-height: 0; padding: .7em; border-radius: 50%; opacity: .7; background: rgba(58,58,58,.6) }
.jquery-background-video-pauseplay:focus { outline: 0 }
 @media(min-width:46.25em) {
.jquery-background-video-pauseplay { display: none }
}
.Cta.pause span { display: none }
.Cta.pause:after { height: 20px; margin-top: 20px; position: static; right: 1.14286em; top: 50%; width: 1.14286em; content: url(/images/pause-button.png) }
.Cta.play span { display: none }
.Cta.play:after { height: 20px; margin-top: 20px; position: static; right: 1.14286em; top: 50%; width: 1.14286em; content: url(/images/play-button.png) }
.Timeline-title { text-align: center }
.TimeLine .u-masonryGridSizer { width: 100% }
 @media(min-width:20em) {
.TimeLine .u-masonryGridSizer { width: 50% }
}
 @media(min-width:46.25em) {
.TimeLine .u-masonryGridSizer { width: 25% }
}
 @media(min-width:61.25em) {
.TimeLine .u-masonryGridSizer { width: 20% }
}
.TimeLine-item { width: 100%; overflow: hidden ;}
 @media(min-width:20em) {
.TimeLine-item { width: 50% }
}
 @media(min-width:46.25em) {
.TimeLine-item { width: 25% }
}
 @media(min-width:61.25em) {
.TimeLine-item { width: 20% }
}
.TimeLine-noImage .TimeLine-imageContainer { height: 250px; background-color: #40e0d0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2em }
 @media(max-width:46.24em) {
.TimeLine-noImage .TimeLine-imageContainer { height: 150px }
}
.TimeLine-noImage .TimeLine-imageContainer span { font-size: 14vw; color: #fff; opacity: .7 }
.TimeLine-image { width: 100%; display: inherit }
.TimeLine-content { padding: 1em; }
.TimeLine-content h2 { font-size: 38px; font-weight: 400 }
.TimeLine-content p { font-size: 14px; line-height: 20px }
.StatsGrid__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.75em }
 @media(max-width:46.24em) {
.StatsGrid__container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
}
.StatsGrid__item { width: 19%; text-align: center }
.StatsGrid__item hr { background-color: #289028; border: none; height: 2px }
 @media(max-width:46.24em) {
.StatsGrid__item { width: 30%; margin: 0 .5em }
}
 @media(max-width:29.99em) {
.StatsGrid__item { width: 100%; margin: 1em 0 }
}
.lt-ie10 .StatsGrid__item { float: left; display: inline-block; margin: 0 .5% }
.StatsGrid__subTitle p { font-size: .8em; margin-bottom: 0 }
.StatsGrid__subTitle p.StatsGrid__bold { font-weight: 700 }
.SwimLanes { margin-bottom: 3.75em }
 @media(min-width:46.25em) {
.SwimLanes { width: 60%; margin: 0 auto }
}
.SwimLanes__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px }
 @media(max-width:46.24em) {
.SwimLanes__item { display: block; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 2px #289028 dashed }
}
.lt-ie10 .SwimLanes__item { display: table; width: 100% }
.lt-ie10 .SwimLanes__item:after, .lt-ie10 .SwimLanes__item:before { content: " "; display: table }
.lt-ie10 .SwimLanes__item:after { clear: both }
.SwimLanes__title { width: 15%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 10px; border-bottom: solid 2px #289028; border-right: 2px #289028 dashed; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 2em; box-sizing: border-box }
 @media(min-width:46.25em) {
.SwimLanes__title { width: 30% }
}
.SwimLanes__title h2 { font-weight: 600 }
.lt-ie10 .SwimLanes__title { display: table-cell; height: 100%; vertical-align: middle }
 @media(max-width:46.24em) {
.SwimLanes__title { border-right: none; border-bottom: none; display: block; font-size: 12px; margin-bottom: .5em; width: 100% }
}
.SwimLanes__data { width: 70%; padding-bottom: 1em; padding-left: 2em }
 @media(max-width:46.24em) {
.SwimLanes__data { padding: 0; width: 100% }
}
.lt-ie10 .SwimLanes__data { display: inline-block; float: left }
.MainStat__percentage { font-size: 50px; font-weight: 500; line-height: 40px }
.MainStat__val { font-size: 20px; font-weight: 500 }
.SwimLanes__subStat { display: inline-block }
.SubStat { padding: 0 .5em; font-size: 12px }
.SubStat__percentage { font-weight: 500 }
.Piechart.is-initialised .Piechart-data { display: none }
.Piechart-container { margin-right: auto; margin-left: auto; box-sizing: border-box; position: relative }
 @media(max-width:46.24em) {
.Piechart-container { max-width: 400px }
}
 @media(min-width:46.25em) {
.Piechart-container { width: 420px; max-width: 100%; padding-left: 10px; padding-right: 10px }
}
.Piechart-legend { border-top: solid 1px #d1d1d1; max-width: 600px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
 @media(max-width:46.24em) {
.Piechart-legend { margin-top: 15px; padding-top: 12px }
}
 @media(min-width:46.25em) {
.Piechart-legend { margin-top: 30px; padding-top: 28px }
}
.Piechart-legend-label { -ms-flex-preferred-size: 180px; flex-basis: 180px; line-height: 1.2; margin-right: 7px; margin-bottom: 12px; font-weight: 700 }
.Piechart-legend-dot { float: left; box-sizing: border-box; border: solid 4px; width: 14px; height: 14px; border-radius: 50%; margin-top: 2px; margin-right: 10px }
.is-highlighted .Piechart-legend-dot { background-color: currentColor }
.Piechart-legend-text { display: block; overflow: hidden }
.Piechart-middleLabel { text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50%; height: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; font-size: 18px; font-weight: 500 }
.Piechart { margin-bottom: 2em }
.Piechart-constrainParent { max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
 @media(min-width:46.25em) {
.Piechart-constrainParent:first-child .Piechart { padding-right: 20px }
.Piechart-constrainParent:nth-child(2) .Piechart { padding-left: 20px }
}
.tabsSlider .top-slider { position: relative; background: #ededed; padding: 0 3em }
 @media(max-width:46.24em) {
.tabsSlider .top-slider { padding: 0 .5em }
}
.tabsSlider .top-slider .owl-stage-outer { overflow: hidden; position: relative }
.tabsSlider .top-slider .owl-item .item { max-width: 200px; text-align: center; line-height: 1.2em; height: 2.5em; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden }
.tabsSlider .top-slider .owl-nav { position: absolute; left: 0 }
.tabsSlider .top-slider .owl-nav .owl-next, .tabsSlider .top-slider .owl-nav .owl-prev { position: absolute; left: 5px; top: 14px; padding: 0; width: 2em; height: 2em; margin: 0; text-indent: -9999px; white-space: nowrap; background: 0; cursor: pointer }
 @media(max-width:46.24em) {
.tabsSlider .top-slider .owl-nav .owl-next, .tabsSlider .top-slider .owl-nav .owl-prev { left: -25px }
}
.tabsSlider .top-slider .owl-nav .owl-next.disabled, .tabsSlider .top-slider .owl-nav .owl-prev.disabled { cursor: auto }
.tabsSlider .top-slider .owl-nav .owl-next.disabled:before, .tabsSlider .top-slider .owl-nav .owl-prev.disabled:before { opacity: .3 }
.tabsSlider .top-slider .owl-nav .owl-next.enabled, .tabsSlider .top-slider .owl-nav .owl-prev.enabled { cursor: pointer }
.tabsSlider .top-slider .owl-nav .owl-next.enabled:before, .tabsSlider .top-slider .owl-nav .owl-prev.enabled:before { opacity: 1 }
.tabsSlider .top-slider .owl-nav .owl-next:before, .tabsSlider .top-slider .owl-nav .owl-prev:before { content: ''; width: .6em; height: .6em; border-top: 2px solid #3a3a3a; border-left: 2px solid #3a3a3a; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 12px; left: 10px }
.tabsSlider .top-slider .owl-nav .owl-prev { cursor: auto }
.tabsSlider .top-slider .owl-nav .owl-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); opacity: .3 }
.tabsSlider .top-slider .owl-nav .owl-next { left: auto; right: 5px; left: auto }
 @media(max-width:46.24em) {
.tabsSlider .top-slider .owl-nav .owl-next { right: -25px }
}
.tabsSlider .top-slider .item { padding: 12px 0 7px; margin: 0 15px; display: inline-block; cursor: pointer }
 @media(min-width:1200px) {
.tabsSlider .top-slider .item:hover { text-decoration: underline }
}
.tabsSlider .top-slider .item.active { border-bottom: 5px solid #737373; cursor: auto }
.tabsSlider .top-slider .item.autowidth-fixed { border: 0!important; cursor: auto!important }
.tabsSlider .top-slider.owl-loaded .item { display: -webkit-box; display: -ms-flexbox; display: flex }
.tabsSlider .Tabs-content { transition: .3s ease; padding: 1em 1.5em .5em; height: auto; border: #f9f9f9 2px solid }
.tabsSlider .Tabs-content h2 { font-size: 1.25em }
.tabsSlider .Tabs-content .owl-stage-outer { overflow: hidden }
.tabsSlider .Tabs-content .owl-nav.disabled { display: none }
.UserProjects .button, .UserProjects button { text-align: left }
.UserProjects .button .Cta, .UserProjects .button.Cta, .UserProjects button .Cta, .UserProjects button.Cta { background: #3a3a3a; border: 0; color: #fff; margin-top: 2.5em }
.UserProjects .UserProjects-links .top-links { overflow: hidden }
.UserProjects .UserProjects-links .top-links .link { float: right }
.UserProjects .UserProjects-links .top-links .link span { font-weight: 500; padding-right: .625em }
.UserProjects .UserProjects-links .top-links .link a { padding: 0 .625em; color: #3a3a3a }
.UserProjects .UserProjects-links .top-links .link a:last-child { border-left: 1px solid #dcdcdc }
 @media(max-width:30em) {
.UserProjects .UserProjects-links .top-links .link a:last-child { border: 0; display: block; text-align: right }
}
.UserProjects .UserProjects-header .u-constrainAdjust { border-bottom: 1px solid #dcdcdc }
.UserProjects .UserProjects-header .title { margin-bottom: .5em }
 @media(max-width:480px) {
.UserProjects .UserProjects-header .title { margin-bottom: .25em }
}
.UserProjects .UserProjects-header .content { max-width: 800px; line-height: 1.25em }
.UserProjects .UserProjects-header .button { float: left }
 @media(max-width:480px) {
.UserProjects .UserProjects-header .button { text-align: center }
.UserProjects .UserProjects-header .button .Cta { margin-top: 1em; margin-bottom: 0 }
}
.UserProjects .UserProjects-header .choiceSeperator { float: left; margin: 3em 30px }
 @media(max-width:46.24em) {
.UserProjects .UserProjects-header .choiceSeperator { float: none }
}
 @media(max-width:480px) {
.UserProjects .UserProjects-header .choiceSeperator { display: block; text-align: center; margin: 1em 30px }
}
 @media(max-width:46.24em) {
.UserProjects .UserProjects-header .button, .UserProjects .UserProjects-header .choiceSeperator { float: none }
}
.UserProjects .UserProjects-header .Filters-topBar { padding-bottom: 3em; margin-top: 2.5em }
 @media(max-width:46.24em) {
.UserProjects .UserProjects-header .Filters-topBar { margin-top: 1em }
}
 @media(max-width:480px) {
.UserProjects .UserProjects-header .Filters-topBar { padding-bottom: 1em }
}
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons { width: 100% }
 @media(max-width:480px) {
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons { text-align: center }
}
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons .FilterButtons-item { min-width: 40% }
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { content: ''; display: inline-block; height: 12px; width: 100%; right: 1.5em; position: absolute; vertical-align: top; left: -1px; margin-bottom: 0; background-color: #fff; bottom: -13px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
 @media(max-width:46.24em) {
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { display: none }
}
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons .FilterButtons-submit { padding: .65em 1em; min-width: 10em }
.UserProjects .UserProjects-header .Filters-topBar .FilterButtons .FilterButtons-submit h4 { font-weight: 400 }
.UserProjects .SavePage-article { width: 100%; max-width: 75em; padding-right: 5%; box-sizing: border-box; margin: auto }
.UserProjects .SavePage-article .SavePage { float: right; margin-left: 0; margin-top: -40px }
 @media(max-width:739px) {
.UserProjects .SavePage-article { padding: 0 7% }
.UserProjects .SavePage-article .SavePage { margin-top: 0; float: none }
}
 @media(max-width:480px) {
.UserProjects .SavePage-article { margin-top: 1em }
}
.UserProjects .UserProjects-filter .title { font-size: 1.5em; font-weight: 500; margin-top: 1em }
 @media(max-width:480px) {
.UserProjects .UserProjects-filter .title { margin: .25em 0 .5em }
}
.UserProjects .UserProjects-filter .filter-sort { margin: .75em 0 1.25em; overflow: hidden }
 @media(max-width:480px) {
.UserProjects .UserProjects-filter .filter-sort { margin-bottom: 0 }
}
.UserProjects .UserProjects-filter .filter-sort .sort-list--helper { float: right; min-width: 200px; position: relative; pointer-events: none }
.UserProjects .UserProjects-filter .filter-sort .sort-list--helper .sort-list { font-weight: 500; width: 100%; padding: .1875em 2em .1875em 0; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; -webkit-appearance: none; position: relative; z-index: 2; background: 0 0; pointer-events: all }
.UserProjects .UserProjects-filter .filter-sort .sort-list--helper .sort-list::-ms-expand {
display:none
}
.UserProjects .UserProjects-filter .filter-sort .sort-list--helper:before { content: ''; position: absolute; width: 2em; height: 2em; right: 0; top: 0; background: #3a3a3a; z-index: 3 }
.UserProjects .UserProjects-filter .filter-sort .sort-list--helper:after { border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; content: ''; display: inline-block; height: 7px; width: 7px; right: 12px; position: absolute; top: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); z-index: 3 }
.UserProjects .UserProjects-list .projects-list { padding: 0; list-style: none }
.UserProjects .UserProjects-list .projects-list li { padding: 1.5em 0 1em; border-bottom: 1px solid #ededed; margin: 0; overflow: hidden }
 @media(max-width:480px) {
.UserProjects .UserProjects-list .projects-list li { padding-top: .5em }
}
.UserProjects .UserProjects-list .projects-list .title { font-weight: 700; padding-right: .625em; border-right: 1px solid #ededed; line-height: 2em; position: relative }
 @media(max-width:480px) {
.UserProjects .UserProjects-list .projects-list .title { border: 0 }
}
.UserProjects .UserProjects-list .projects-list .title[contenteditable=true] { padding: .3125em .625em .3125em .3125em; outline: 0; border: 1px solid #4d90fe; box-shadow: 0 0 4px 0 #4d90fe }
.UserProjects .UserProjects-list .projects-list .title[contenteditable=true]:after { position: absolute; content: ''; background-image: url(/images/pencil.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; bottom: .4375em; right: -1.5625em }
.UserProjects .UserProjects-list .projects-list .itemsNo { padding-left: .5em }
 @media(max-width:480px) {
.UserProjects .UserProjects-list .projects-list .itemsNo { display: block!important; padding: 0 }
}
.UserProjects .UserProjects-list .projects-list .controlls { float: right }
 @media(max-width:46.24em) {
.UserProjects .UserProjects-list .projects-list .controlls { float: none; margin-top: .5em }
}
.UserProjects .UserProjects-list .projects-list .controlls .Cta { padding: .25em .625em; margin: 0 }
.UserProjects .UserProjects-list .projects-list .controlls .Cta.js-cancel, .UserProjects .UserProjects-list .projects-list .controlls .Cta.js-save { display: none }
.UserProjects .UserProjects-list .projects-list .controlls .Cta.js-remove { background: #666 }
.UserProjects .UserProjects-list .projects-list .text { float: left }
 @media(max-width:46.24em) {
.UserProjects .UserProjects-list .projects-list .text { float: none }
}
.UserProjects .UserProjects-pagination { margin-top: 3em }
 @media(max-width:480px) {
.UserProjects .UserProjects-pagination { margin-top: 1em }
}
.UserSavedContent .button, .UserSavedContent button { text-align: left }
.UserSavedContent .button .Cta, .UserSavedContent .button.Cta, .UserSavedContent button .Cta, .UserSavedContent button.Cta { background: #3a3a3a; border: 0; color: #fff; margin-top: 2.5em }
.UserSavedContent .UserSavedContent-links .top-links { overflow: hidden }
.UserSavedContent .UserSavedContent-links .top-links .link { float: right }
.UserSavedContent .UserSavedContent-links .top-links .link span { font-weight: 500; padding-right: .625em }
.UserSavedContent .UserSavedContent-links .top-links .link a { padding: 0 .625em; color: #3a3a3a }
.UserSavedContent .UserSavedContent-links .top-links .link a:last-child { border-left: 1px solid #dcdcdc }
 @media(max-width:30em) {
.UserSavedContent .UserSavedContent-links .top-links .link a:last-child { border: 0; display: block; text-align: right }
}
.UserSavedContent .UserSavedContent-header .title { margin-bottom: .5em }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-header .title { margin-bottom: 0 }
}
.UserSavedContent .UserSavedContent-header .content { max-width: 800px; line-height: 1.25em }
.UserSavedContent .UserSavedContent-filter .title { font-size: 1.5em; font-weight: 500; margin: 1em 0 .5em }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-filter .title { margin-top: .25em }
}
.UserSavedContent .UserSavedContent-filter .Filters-topBar { padding-bottom: 3em; border-bottom: 1px solid #dcdcdc }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-filter .Filters-topBar { padding-bottom: 1em }
}
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons { width: 100% }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons { text-align: center }
}
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons .FilterButtons-item { min-width: 35% }
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { content: ''; display: inline-block; height: 12px; width: 100%; right: 1.5em; position: absolute; vertical-align: top; left: -1px; margin-bottom: 0; background-color: #fff; bottom: -10px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { display: none }
}
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons .FilterButtons-submit { padding: .65em 1em; min-width: 10em }
.UserSavedContent .UserSavedContent-filter .Filters-topBar .FilterButtons .FilterButtons-submit h4 { font-weight: 400 }
.UserSavedContent .UserSavedContent-filter .filter-sort { margin: .75em 0 1.25em; overflow: hidden }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-filter .filter-sort { margin-bottom: 0 }
}
.UserSavedContent .UserSavedContent-filter .filter-sort .sort-list--helper { float: right; min-width: 200px; position: relative }
.UserSavedContent .UserSavedContent-filter .filter-sort .sort-list--helper .sort-list { font-weight: 500; width: 100%; padding: .1875em 2em .1875em 0; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; -webkit-appearance: none; position: relative; z-index: 3; background: 0 0 }
.UserSavedContent .UserSavedContent-filter .filter-sort .sort-list--helper .sort-list::-ms-expand {
display:none
}
.UserSavedContent .UserSavedContent-filter .filter-sort .sort-list--helper:before { content: ''; position: absolute; width: 2em; height: 2em; right: 0; top: 0; background: #3a3a3a }
.UserSavedContent .UserSavedContent-filter .filter-sort .sort-list--helper:after { border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; content: ''; display: inline-block; height: 7px; width: 7px; right: 12px; position: absolute; top: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.UserSavedContent .UserSavedContent-list .projects-list { padding: 0; list-style: none }
.UserSavedContent .UserSavedContent-list .projects-list li { padding: 1.5em 0 1em 3em; border-bottom: 1px solid #ededed; position: relative; margin: 0 }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-list .projects-list li { padding-left: 0; padding-top: 1.75em }
}
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-list .projects-list li { padding-top: 1em }
}
.UserSavedContent .UserSavedContent-list .projects-list .contentImage { max-width: 2em; position: absolute; left: 0; top: 1.5em }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-list .projects-list .contentImage { top: .5em }
}
.UserSavedContent .UserSavedContent-list .projects-list .title { font-weight: 700; padding-right: .625em; line-height: 2em; position: relative }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-list .projects-list .title { margin-left: 3em }
}
.UserSavedContent .UserSavedContent-list .projects-list .title[contenteditable=true] { padding: .3125em .625em .3125em .3125em; outline: 0; border: 1px solid #4d90fe; box-shadow: 0 0 4px 0 #4d90fe }
.UserSavedContent .UserSavedContent-list .projects-list .title[contenteditable=true]:after { position: absolute; content: ''; background-image: url(/images/pencil.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; bottom: .4375em; right: -1.25em }
.UserSavedContent .UserSavedContent-list .projects-list .itemsNo { padding-left: .5em }
.UserSavedContent .UserSavedContent-list .projects-list .controlls { position: absolute; top: 1.5em; right: 0 }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-list .projects-list .controlls { position: relative; top: 0; margin-top: .5em }
}
.UserSavedContent .UserSavedContent-list .projects-list .controlls .Cta { padding: .25em .625em; margin: 0 }
.UserSavedContent .UserSavedContent-list .projects-list .controlls .Cta.js-cancel, .UserSavedContent .UserSavedContent-list .projects-list .controlls .Cta.js-save { display: none }
.UserSavedContent .UserSavedContent-list .projects-list .controlls .Cta.js-remove { background: #666 }
.UserSavedContent .UserSavedContent-list .projects-list .projectList { padding-top: .5em }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-list .projects-list .projectList { padding-top: 1em }
}
.UserSavedContent .UserSavedContent-list .projects-list .projectList.edit .projectName { position: relative; padding-right: 1.5em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.UserSavedContent .UserSavedContent-list .projects-list .projectList.edit .deleteProjectName { display: initial }
.UserSavedContent .UserSavedContent-list .projects-list .projectList.edit .newProjectBtn { display: inline-block }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .deleteProjectName { display: none; width: 10px; height: 10px; border: 1px solid #3a3a3a; border-radius: 10px; position: absolute; line-height: 1.75em; font-size: .3125em; text-align: center; top: 1em; right: 19px; cursor: pointer }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .projectArea { display: inline-block; position: relative }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectBtn { display: none }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectBtn .newProject { font-weight: 700; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea { display: none }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .newProject-title { font-weight: 700; margin: 1.2em 0 .6em }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .newProject-title { margin-top: .8em }
}
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .FilterButtons-item { padding-top: .5em; padding-bottom: .5em; min-width: 200px; margin-right: .5em }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .FilterButtons-item.opened { border: 0 }
}
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { content: ''; display: inline-block; height: 12px; width: 100%; right: 1.5em; position: absolute; vertical-align: top; left: -1px; margin-bottom: 0; background-color: #fff; bottom: -11px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
 @media(max-width:46.24em) {
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .FilterButtons-item.opened:before { display: none }
}
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .PageForm-input { border: 1px solid #dcdcdc; padding: .1em 1em; min-width: 200px; margin-bottom: 0 }
 @media(max-width:480px) {
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .PageForm-input { min-width: 170px }
}
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterButtons .FilterButtons-submit { display: inline; padding: .5em }
.UserSavedContent .UserSavedContent-list .projects-list .projectList .newProjectArea .Filters-topBar .FilterPanels .FilterTag-item { border: 0 }
.UserSavedContent .UserProjects-pagination { margin-top: 3em }
 @media(max-width:480px) {
.UserSavedContent .UserProjects-pagination { margin-top: 1em }
}
.SavePage { margin-left: 300px }
.SavePage .SavePage-header--button { border: none; background: 0 0; margin: 0; padding: 0; color: #3a3a3a; display: block; margin: 0 1.14286em; background: #ededed }
 @media(max-width:46.24em) {
.SavePage .SavePage-header--button { margin: 0 }
}
.SavePage .SavePage-header--button:focus { outline: 0 }
.SavePage .SavePage-header--button:hover { text-decoration: underline; cursor: pointer }
 @media(min-width:46.25em) {
.SavePage .SavePage-header--button { height: initial; box-sizing: border-box; margin: 0 }
}
.SavePage .SavePage-header--button .CountryTools-button { padding: .375em .75em; height: initial; position: relative }
.SavePage .SavePage-header--button .CountryTools-button:before { display: none }
.SavePage .SavePage-header--button .CountryTools-button span { position: relative; font-weight: 500; padding-left: 1.5625em }
.SavePage .SavePage-header--button .CountryTools-button .document-icon { position: absolute; left: .625em; top: .3125em; width: .875em; height: 1em; border: 1px solid #3a3a3a; border-radius: 0 4px 0 4px }
.SavePage .SavePage-header--button .CountryTools-button .document-icon .line, .SavePage .SavePage-header--button .CountryTools-button .document-icon .line:after, .SavePage .SavePage-header--button .CountryTools-button .document-icon .line:before { content: ''; width: 8px; height: 1px; background: #3a3a3a; display: block; position: absolute; top: 6px; left: 2px; padding: 0 }
.SavePage .SavePage-header--button .CountryTools-button .document-icon .line:before { top: -3px; left: 0 }
.SavePage .SavePage-header--button .CountryTools-button .document-icon .line:after { top: 3px; left: 0 }
.SavePage .SavePage-header--button .CountryLanguageSelector { margin: 0; padding: .3125em 0 0; background: #ededed; border-color: #ededed; border-radius: 0; min-width: 300px; cursor: initial; box-shadow: none }
 @media(max-width:46.24em) {
.SavePage .SavePage-header--button .CountryLanguageSelector { min-width: 230px }
}
.SavePage .SavePage-header--button .CountryLanguageSelector:after, .SavePage .SavePage-header--button .CountryLanguageSelector:before { display: none }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item { padding: 0; text-align: left; border: 0 }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item p { line-height: 1.5em; margin: 1.875em 0 .3125em }
 @media(max-width:767px) {
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item p { margin-top: .75em; margin-bottom: 0 }
}
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item input[type=text] { width: 100%; border: 2px solid #dcdcdc; height: 2.5em; padding: 0 .625em; box-sizing: border-box }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit { padding-top: .625em; overflow: hidden }
 @media(max-width:767px) {
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit { padding-top: 0 }
}
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item.CountryLanguageSelector--submit input[type=submit] { padding: .625em 1.25em; line-height: 1.125em; font-weight: 400; float: right }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item .Filters-topBar { margin-top: .625em }
 @media(max-width:767px) {
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item .Filters-topBar { margin-top: 0 }
}
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item .Filters-topBar .FilterButtons { width: 100%; margin-top: .625em }
.SavePage .SavePage-header--button .CountryLanguageSelector .CountryLanguageSelector-item .Filters-topBar .FilterButtons .FilterButtons-item { width: 100%; padding: .625em }
.SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu { background: #ededed; padding: 1.5625em 2.125em 1.5625em 1.25em }
 @media(max-width:61.24em) {
.SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu { padding: .5em 1em 1em }
}
.SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu .SavePage-header--title { padding-bottom: .3125em }
.SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu .SavePage-header--title h3 { font-weight: 500; margin-bottom: 5px; line-height: 1.5em }
.SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu .SavePage-header--title a { float: right; padding: .3125em 0 0; font-weight: 500 }
.SavePage .SavePage-header--button .CountryLanguageSelector .SavePage-header--menu .SavePage-header--title .account { float: none }
.registerForm, .signForm { text-align: left }
 @media(max-width:46.24em) {
.registerForm, .signForm { text-align: center }
}
.registerForm h3, .signForm h3 { margin-bottom: 16px }
.registerForm .form-row, .signForm .form-row { margin-bottom: .6em; display: inline-block; width: 49%; vertical-align: top }
 @media(max-width:46.24em) {
.registerForm .form-row, .signForm .form-row { width: 100%; text-align: left }
}
.registerForm .form-row input:not([type=checkbox]), .registerForm .form-row select, .signForm .form-row input:not([type=checkbox]), .signForm .form-row select { margin-bottom: .25em; width: 92%; height: 45px; box-sizing: border-box; padding: .25em 1em }
 @media(max-width:46.24em) {
.registerForm .form-row input:not([type=checkbox]), .registerForm .form-row select, .signForm .form-row input:not([type=checkbox]), .signForm .form-row select { width: 100% }
}
.registerForm .form-row select::-webkit-input-placeholder, .signForm .form-row select::-webkit-input-placeholder {
color:green
}
.registerForm .form-row .errorMsg, .signForm .form-row .errorMsg { padding-left: .25em; color: #a94442; display: none }
.registerForm .form-row.error-row input, .registerForm .form-row.error-row select, .signForm .form-row.error-row input, .signForm .form-row.error-row select { border-color: #a94442 }
.registerForm .form-row.error-row .errorMsg, .signForm .form-row.error-row .errorMsg { display: block }
.registerForm .form-row.select-row, .signForm .form-row.select-row { position: relative; pointer-events: none }
.registerForm .form-row.select-row:before, .signForm .form-row.select-row:before { content: ''; position: absolute; width: 45px; height: 45px; right: 8%; top: 0; background: #3a3a3a; z-index: 2 }
 @media(max-width:46.24em) {
.registerForm .form-row.select-row:before, .signForm .form-row.select-row:before { right: 0 }
}
.registerForm .form-row.select-row:after, .signForm .form-row.select-row:after { border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; content: ''; display: inline-block; height: 12px; width: 12px; right: calc(8% + 16px); position: absolute; top: 12px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); z-index: 2 }
 @media(max-width:46.24em) {
.registerForm .form-row.select-row:after, .signForm .form-row.select-row:after { right: 16px }
}
.registerForm .form-row.select-row select, .signForm .form-row.select-row select { z-index: 1; background: 0 0; position: relative; pointer-events: all }
.registerForm .checkbox-row, .signForm .checkbox-row { padding-left: .5em }
.registerForm .checkbox-row label, .signForm .checkbox-row label { padding-left: 30px; cursor: pointer; position: relative }
.registerForm .checkbox-row label:before, .signForm .checkbox-row label:before { position: absolute; top: 0; left: 0; content: ''; width: 16px; height: 16px; background: #fff; border: 1px solid #ccc; border-radius: 16px }
.registerForm .checkbox-row label.checked:after, .signForm .checkbox-row label.checked:after { position: absolute; top: 5px; left: 5px; content: ''; width: 8px; height: 8px; background: #333; border-radius: 8px; z-index: 1 }
.registerForm input[type=checkbox], .signForm input[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 }
.signForm .form-row { width: 40% }
 @media(max-width:46.24em) {
.signForm .form-row { width: 100% }
}
.signForm input[type=submit] { display: block; width: 14%; position: relative; margin-top: -60px; margin-right: 6%; float: right }
 @media(max-width:46.24em) {
.signForm input[type=submit] { margin: 0 auto 10px; width: 140px; float: none; display: block }
}
 @media(max-width:46.24em) {
.signForm .checkbox-row { text-align: center }
}
.signForm .js-toggle-register { cursor: pointer; padding-bottom: .2em; border-bottom: 3px solid #004288 }
.signForm .js-toggle-register:hover { text-decoration: none }
.registerForm { display: none }
.registerForm input[type=submit] { margin-top: 1em }
 @media(max-width:46.24em) {
.registerForm input[type=submit] { width: 140px }
}
.registerForm .contact-list { list-style: none; margin: .5em 0; padding-left: 1em }
 @media(max-width:46.24em) {
.registerForm .contact-list { padding: 0; margin: .5em auto 0; display: block; width: 140px; text-align: left }
}
.registerForm .contact-list li { margin-bottom: .25em }
.registerForm .contact-list li label { padding-left: 30px; position: relative }
.registerForm .contact-list li label:before { position: absolute; top: 0; left: 0; content: ''; width: 16px; height: 16px; background: #fff; border: 1px solid #ccc; border-radius: 16px }
.registerForm .contact-list li label.checked:after { position: absolute; top: 5px; left: 5px; content: ''; width: 8px; height: 8px; background: #333; border-radius: 8px; z-index: 1 }

.arrow a.arrowL, .arrow a.arrowR{display: block; width: 48px; height: 48px; margin: 94.5px 0 0 0; background: #b6b6b6;position: absolute; font-family: "iconfont"; color: #ffff !important; border-radius: 50%; font-size: 30px; font-weight: bold;line-height: 48px; text-decoration: none;}
.arrow a{ color: #fff;}
.arrowL{left: -120px;}
.arrowR{background-position: -44px 0; right: -120px;}
.arrow a.arrowL:hover,.arrow a.arrowR:hover{background:#140079}
.album_c .arrowL, .album_c .arrowR{margin-top: 88px; text-align: center;}
.album_c{width: 1296px; position: relative;}
.bd{width: auto;}
.bd ul{overflow: hidden; margin-left: -40px;}
.bd ul li{float: left !important; list-style: none;}

.link_c{margin: 0 auto; overflow: hidden; width: 1088px; text-align: center;}
.link_c a{margin: 0 13px 0 0; float: left; color: #3a3a3a;}
.link_c a:hover{color:#140079; }


* html .clearfix{height:0;}

html{margin:0; padding:0;}
.jihui .right a:hover{color:red !important;}
.wz a{color:#000;}
.jihui{width:980px; margin:0 auto;}
.jihui .right{width:768px;margin-bottom:100px;  background:#FFF; float:right; _overflow:hidden;}
.mt10{margin-top:10px;}
.wz{padding:15px; font-size:14px; line-height:25px;margin-bottom:100px;}


.jihui .right{ width:1000px; margin:0 auto; border:1px solid #C5C5C5;  background:#FFF; float:right; _overflow:hidden;}
.jihui .right .title{ height:40px; border-bottom:1px solid #DDD; background:#f9f9f9;}
.jihui .right .title p{ line-height:45px; margin-left:10px; margin-right:10px;}
.jihui .right .title p a{ color:#888;}
.jihui .right .title p a:hover{ color:red; text-decoration:underline;}
/*.jihui .right ul.tp{ margin-left:10px;}*/
.jihui .right ul.tp img{ width:230px; height:144px; border:#CCC 1px solid;}
.jihui .right ul.tp li{float:left;text-align:center;height: 185px; width:256px; text-align:center;}
.jihui .right ul.tp li a{ line-height:35px; font-size:12px; color:#333;}
/*Video start*/
.jihui .right ul.video{width:740px; margin:auto;}
.jihui .right ul.video img{ width:345px; height:230px; border:#CCC 1px solid;}
.jihui .right ul.video li{float:left;text-align:center; width:370px; text-align:center;}
.jihui .right ul.video li a{ line-height:45px; font-size:12px; color:#333;}
/*Video end*/
.spcon{width:600px; margin:auto; padding:20px 0 30px 0;}
.jihui .right ul.cases{width:760px; margin:auto; padding:15px 0 0 0;}
.jihui .right ul.cases img{ width:160px; height:120px; border:#CCC 1px solid;}
.jihui .right ul.cases li{float:left;text-align:center; width:190px; text-align:center;}
.jihui .right ul.cases li a{ line-height:30px; font-size:12px; color:#333;}
.jihui td{ border:1px solid #A7A7A7}


.w980 mt10{ width:1000px; margin:0 auto;}
/*.dise{ background:#F5F5F5; padding:20px}
*/.w980 .right a:hover{ color:red !important;}
.w980 .right ul.news{ margin-left:10px; margin-right:10px;}
.w980 .right ul.news li{ clear:both; _padding-bottom:10px;height:30px; border-bottom:#CCC 1px dotted;}
.w980 .right ul.news a{ line-height:30px; display:block; float:left; font-size:12px; color:#555; background:url(/images/list_tb.jpg) 0 10px no-repeat; padding-left:10px;}
.w980 .right ul.news .time{ font-size:12px; color:#888; float:right; line-height:30px;}
.w980 .right ul.news a:hover{ color:#16a5ff; text-decoration:underline;}
.wz{ padding:15px; font-size:14px; line-height:25px;}
.wz a{ color:#000;}
.lxwm li{ margin-left:10px; font-size:12px; color:#555; line-height:25px;}

.news_list dd{ display:block;border-bottom:1px dotted #ddd;padding-bottom:15px; padding-top:15px;height:80px !important;}
.news_list dd span{ display:block; line-height:20px;color:#333;}
.news_list dd:hover{ background:#f4f4f4;}
.news_list dd a:hover{ text-decoration:none}

.fy{width:560px; margin:auto; text-align:center; font-size:14px; height:50px; line-height:50px; color:#666;}
.fy a{color:#000;}

.rispan{float:right; margin-right:50px; font-size:24px; color:#333;}
.bjtitle{height:45px;line-height:45px;font-size:30px; margin-bottom:10px;}
.bjtitle span{ padding-left:15px; font-family:"微软雅黑"}


.honors{width:760px; margin:auto; font-size:12px; padding-top:15px;}
.honors ul{ list-style:none; padding:0;}
.honors img{ width:230px; height:158px; border:#CCC 1px solid;}
.honors li{float:left;text-align:center; width:253px; text-align:center;}
.honors li a{ line-height:30px; font-size:12px; color:#333;}

.honors1{width:760px; margin:auto; font-size:12px; padding-top:15px;}
.honors1 ul{ list-style:none; padding:0;}
.honors1 img{ width:160px; height:110px; border:#CCC 1px solid;}
.honors1 li{float:left;text-align:center; width:190px; text-align:center;}
.honors1 li a{ line-height:30px; font-size:12px; color:#333;}

.border td,.border th {border:1px solid #A0A0A0}

.hjlcbal ul {list-style: none;padding: 0;}
.hjlcbal ul a{color:#4E4E4E;}
.hjlcbal ul li {float: left;width: 245px;text-align: center;}

/*外墙*/
dl.pd_list_dl {width:260px; overflow:hidden; float:left;padding:0 4px 11px 11px; margin-right:20px; }
dl.pd_list_dl dt,dl.pd_list_dl dt a{ width:260px; height:200px;line-height:0; font-size:0;}
dl.pd_list_dl dd {line-height: 24px;overflow: hidden;display: block;text-align: center;}
dl.pd_list_dl dt img{border: 1px solid #eaeaea;height: 175px;width: 250px;}
dl.pd_list_dl dd{width:230px;text-align:center; overflow:hidden;}
dl.pd_list_dl dd a.dl_tit{display:block;height:25px;line-height:25px;padding-top:5px;color:#555;font-size:14px;}
dl.pd_list_dl dd em{display: block;padding: 5px 0 0;text-align: center;width: 214px;}
dl.pd_list_dl dd em img{border: medium none;height: 25px;padding: 0 5px;width: 93px;}
dl.pd_list_dl:hover dt img{border:1px solid #414141;}
dl.pd_list_dl:hover a{text-decoration:none;color:#F54447}

dl.pd_list_dls {width:230px; overflow:hidden; float:left;padding:18px 4px 11px 24px; height:280px;}
dl.pd_list_dls dt,dl.pd_list_dls dt a{ width:230px; height:213px;line-height:0; font-size:0;}
dl.pd_list_dls dt img{border: 1px solid #eaeaea;height: 211px;width: 240px;}
dl.pd_list_dls dd{width:240px;text-align:center; overflow:hidden;}
dl.pd_list_dls dd a.dl_tit{display:block;height:25px;line-height:25px;padding-top:5px;color:#555;font-size:14px;}
dl.pd_list_dls dd em{display: block;padding: 5px 0 0;text-align: center;width: 214px;}
dl.pd_list_dls dd em img{border: medium none;height: 25px;padding: 0 5px;width: 93px;}
dl.pd_list_dls:hover dt img{border:1px solid #e10122;}

.pro_main { width:1000px; margin:0 auto; background-color:#fff;zoom:1; padding:10px 5px; overflow:hidden;}

.honor-image .Spotlight-image{ width:320px; height:200px;}


/*安装步骤*/
.step-contener{ width:1000px; margin:0 auto;}
.step-contener .steps{ height:210px; border-bottom:1px dotted #DBDBDB}
.step-left{ width:680px; margin-right:20px; float:left;}
.step-left p{ padding-left:36px;}
.step-right{float:right;}
.step-right img{ width:280px; height:180px; margin-top:15px;}
.clearfloat{ clear:both;}
.step-first{ border-top:1px dotted #DBDBDB}

/*新闻详情*/
.news-con{width:1000px; margin:0 auto;  margin-bottom:100px}
.newstop_h {text-align: center;}
.newstop_s {padding-bottom:20px; border-bottom:1px solid #CDCDCD; text-align: center;}
.news-article p{ text-indent:2em;}
.news-article .right{ float:right;}
.nypnext{width:100%;border-top:1px solid #CDCDCD; padding-top:20px;}
.nypnext a{color: #35383A;text-decoration: none;}
.newstop_cg{ text-align:left;    padding-bottom: 20px;
    border-bottom: 1px solid #CDCDCD;}
	
.news-con-img{width:1000px; margin:0 auto;  margin-bottom:100px}
/*冷库板*/

.lengku-top .left,.lengku-top .right{width:450px;float:left;}
.floatclear{clear:both}




/*外墙保温板*/

.waiqiang-con{width:1000px; margin:0 auto;  margin-bottom:100px; font-size:20px;}
.waiqiang-con p{font-size:20px;}


/*相册*/
.xiangce-con{width:1000px; margin:0 auto;  margin-bottom:200px;}
.xiangce-con .xiangce{width:320px;height:230px;overflow:hidden; margin-right:20px; float:left;}
.xiangce-con .xiangce p{ font-size:1.4em; text-align:center}
.xiangce-con .xc-img{width:320px;height:180px;overflow:hidden; }
.xiangce-con .no-right{ margin-right:0;}


/*视频*/
.shipin-con {width:1000px; margin:0 auto;  margin-bottom:200px;}
.shipin-con .shipin{width:320px;height:230px;overflow:hidden; margin-right:20px; float:left;}
.shipin-con .shipin-video{width:320px;height:180px;overflow:hidden; }
.shipin-con p{ font-size:1.4em; text-align:center}
.shipin-con .no-right{ margin-right:0;}


.banner-nei{ height:300px; background:url(/images/banner-nei.jpg) no-repeat;overfloat:hidden;}


.news_title{height: 58px;}

.IconSpotlightContainer.custom-style-4 .HighProduct:hover {
    background-color:#b2b2b2 }


.xinwen_tu{height: 200px;}


.contenter_right_content_index{ width:580px; height:245px; margin:0px; padding:0px; }
.contenter_right_content_index UL {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP:5px; list-style-type:none; margin:0px;}
.contenter_right_content_index UL LI {width:560px; height:50px; margin:0px ; line-height:20px;  padding:0px 0px 0px 20px; color:#555555; font-size:1em; background:url(/images/t10.gif) no-repeat 5px 5px; }

a.foot_e:link {	text-decoration: none;	color:#3a3a3a;}
a.foot_e:visited {text-decoration: none;color:#3a3a3a;}
a.foot_e:hover {text-decoration: none;color:#140079;}
.cjshijian{float:right;padding-right:10px;}
.morbai{color:#FFFFFF}
.morbai:hover{color:#FFFFFF;text-decoration:underline;}

.fengc{ background:url(/images/fengc_bg.gif) no-repeat; max-width: 75em;
    margin-left: auto;
    margin-right: auto;}
.fengc .ab_t{ width:1088px; margin:0 auto; padding:18px 0 0;}
.fengc ul li{ width:262px; float:left; padding: 20px 0 0 10px;}
.fengc ul li img{ width:262px; height:185px;}
.fengc ul li span{ width:262px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;}
.fengc ul li span a{ font-size:18px; color:#474954;}
.fengc p{ width:258px; margin:0 auto; background:url(/images/news_line.gif) repeat-x 0 26px; height:22px; padding:15px 0 0;}
.fengc p .fenc_lico{ background:url(/images/fengc_lico01.gif) no-repeat; width:55px; height:22px; display:block; float:left; margin:0 1px 0 70px; overflow:hidden; _margin:0 1px 0 35px;}
.fengc p .fenc_lico:hover{ background:url(/images/fengc_lico02.gif) no-repeat;}
.fengc p .fenc_rico{ background:url(/images/fengc_rico01.gif) no-repeat; width:55px; height:22px; display:block; float:left;}
.fengc p .fenc_rico:hover{ background:url(/images/fengc_rico02.gif) no-repeat;}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}


.topadcs{width:100%;height: 300px; }

/*---资讯中心---*/
.news_con { width:100%; margin:0 auto; padding-top:15px;}  /*资讯中心大框架*/
.news_top { width:100%; height:132px; overflow:hidden; border-bottom:solid 1px #ccc; padding-bottom:15px; margin-bottom:15px;}  /*资讯首页内容顶部（图片和文字区）*/
.news_top img { width:128px; height:128px; display:block; float:left;} 
.news_top .n_top_img { width:128px; height:128px; display:block; border:solid 1px #ccc;  padding:1px; float:left; } /*资讯首页内容顶部,图片的边框色可以自选修改*/
.news_img_rt { width:570px; height:132px; float:left; margin-left:10px;} /*资讯首页内容顶部,图片的右边区块*/
.new_top_tit { width:518px; height:20px; line-height:20px; overflow:hidden; margin-bottom:10px;}
.new_top_tit .top_tit1 { font-weight:bold; text-decoration:underline; color:#000; font-size:14px;}/*资讯首页内容顶部, 粗体标题,颜色可自行修改*/
.new_top_tit .top_tit1:hover { color:#e10122;}/*资讯首页内容顶部, 粗体标题点击时的样式,颜色可自行修改*/
.new_top_tit .top_tit2 {  margin-left:15px;}
.new_top_tit .top_tit3 {  margin-left:15px; color:#FF0000;}/*资讯首页内容顶部, 文章出处,颜色可自行修改*/
.new_top_tit .top_tit3 a { color:#FF0000; text-decoration:underline;}/*资讯首页内容顶部, 文章出处,颜色可自行修改*/
.news_img_rt .news_top_con { line-height:24px; height:100px; overflow:hidden; white-space: normal; letter-spacing: normal; word-spacing:10px; } /*资讯首页顶部, 文章颜色可自行修改*/
.news_img_rt .news_top_con a { color:#e10122; text-decoration:underline;}

/*新闻*/
dl.dl_1 { width:33.33%;  float:left; display:inline-block;}
dl.dl_1 dt {overflow:hidden; height: 200px;}
dl.dl_1 dd {width: 247px;height: 53px;overflow:hidden;line-height: 1.3;text-align:left;font-size: 18px; margin: 0 0 8px 0;}
dl.dl_1 dd a{ color:#3a3a3a;}
dl.dl_1 dd :hover{color:#140079;text-decoration:underline;}
dl.dl_1 dt img{ height: 200px;width: 96%;}
dl.dl_1 p{line-height: 1.9; margin: 0 0 1px 0;}

.list_cur{color:#FFFFFF;}

.Pagination-page :hover{ text-decoration:underline;}
/*相册*/
dl.dl_xiangce { width:33.33%;  float:left; display:inline-block;}
dl.dl_xiangce dt {overflow:hidden; height: 200px;}
dl.dl_xiangce dd {width: 350px;overflow:hidden;line-height: 1.3;text-align:left;font-size: 19px; margin: 0 0 1px 0;text-align: center;}
dl.dl_xiangce dd a{ color:#3a3a3a;}
dl.dl_xiangce dd :hover{color:#140079;text-decoration:underline;}
dl.dl_xiangce dt img{ height: 200px;width: 96%;}
dl.dl_xiangce p{line-height: 1.9; margin: 0 0 1px 0;}
/*产品*/
dl.dl_chanpin { width:336.04px;  float:left; display:inline-block;}
dl.dl_chanpin dt { width:336.04px;overflow:hidden; height: 200px;}
dl.dl_chanpin dd {width: 320px;overflow:hidden;line-height: 1.3;text-align:left;font-size: 22px; margin: 0 0 1px 0;text-align: left;}
dl.dl_chanpin dd a{ color:#3a3a3a;}
dl.dl_chanpin dd :hover{color:#140079;text-decoration:underline;}
dl.dl_chanpin dt img{ height: 200px;width: 332.04px;}
dl.dl_chanpin p{line-height: 1.9; margin: 0 0 1px 0;}
/*视频*/
dl.dl_s { width:50%; float:left; display:inline-block; }
dl.dl_s dt {overflow:hidden;height:290px; }
dl.dl_s dd { height:30px; overflow:hidden;line-height:30px;text-align:center; margin:auto;    font-size: 22px;}
dl.dl_s dd :hover{color:#140079;text-decoration:underline;}
dl.dl_s dd a{ color:#3a3a3a;}
dl.dl_s dt img{ height: 280px;width:95%;padding:4px;  border: 1px solid #ccc;}
/*成交*/
dl.dl_chengjiao { width:500px;  float:left; display:inline-block;margin-right: 10px;}
dl.dl_chengjiao dt { width:width: 100%;;overflow:hidden; height:295px;}
dl.dl_chengjiao dd {width: width: 100%;;height: 38px;overflow:hidden;line-height: 1.3;text-align:left;font-size: 20px; margin: 0 0 5px 0;}
dl.dl_chengjiao dd a{ color:#3a3a3a;}
dl.dl_chengjiao dd :hover{color:#140079;text-decoration:underline;}
dl.dl_chengjiao dt img{ display: block;height: auto;margin-bottom: .875em;width: 100%; height:295px;}
dl.dl_chengjiao p{line-height: 1.9; margin: 0 0 1px 0;}

.xiangce_img img{ width:800px;height:auto;}

.news-con{width:1000px; margin:0 auto;  margin-bottom:100px}
.newstop_h {text-align: center;}
.newstop_s {padding-bottom:20px; border-bottom:1px solid #CDCDCD; text-align: center;}
.news-article p{ text-indent:2em;}
.news-article .right{ float:right;}
.nypnext{width:100%;border-top:1px solid #CDCDCD; padding-top:20px;}
.nypnext a{color: #35383A;text-decoration: none;}
.newstop_cg{ text-align:left;    padding-bottom: 20px;
    border-bottom: 1px solid #CDCDCD;}
	
.news-con-img-a{width:1000px; margin:0 auto;text-align: center;}
.newstop_h_a{ext-align: center;}
.newstop_s_a{padding-bottom:20px; border-bottom:1px solid #CDCDCD; text-align: center;}
.xiangce_img_a{ width:800px;height:auto;}


.aboutvideo{width: 49%;height: auto;float: left;}
.aboutjj{width: 48%;height: auto;float: left;margin-left: 3%;}
.aboutjj span a{color:#FFFFFF;}
.aboutjj span a:hover{ color:#FFFFFF;}

.aboutjjp1{color: #333;font-size: 20px; margin:auto;}
.aboutjjp2{ color: #333;line-height: 31px;font-size: 16px;}

.aboutjjp2 a{ line-height: 31px;font-size: 16px;color: #e3000f;font-weight: bold;}





.row{max-width: 1000px;
    margin-left: auto;
    margin-right: auto;}

.col-sm-4{    float: left;
    width: 320px;
    padding-right: 20px;}
.col-lg-12{    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
.row figure{    margin: 0;}
.img-wrapper {
    position: relative;
    overflow: hidden;
}
.img-responsive{display: block;
    max-width: 100%;
    height: auto;}
.row figure {
  background: #fff;
  margin-bottom: 45px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}
.row figure .img-wrapper {
  position: relative;
  overflow: hidden;
}
.row figure img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
  width: 320px;
  height:220px;
}
.row figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.row figure:hover .overlay {
  opacity: 1;
}
.row figure:hover .overlay .buttons p {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.row figure .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
.row figure .overlay p {
  display: inline-block;
  color: #fff;
  padding: 10px 23px;
  line-height: 1;
      width: 166px;
	  height: 22px;
  border-radius: 0px;
  margin: 4px;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.row figure .overlay p:hover {
  text-decoration: none;
}
.row figure .overlay:hover p {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.row figure .buttons {
  position: absolute;
top:45%;
left:18%;
 background-image: url(/images/indexpbg.png) 
}
.row figure figcaption {
  padding: 12px 25px;
  margin-top: 0;
  color: #666;
}
.row figure figcaption h4 {
  margin: 0;
  text-align:center;
}
.row figure figcaption h4 a {
  color: #3a3a3a;
}
.row figure figcaption p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 5px;
}

.abgsjjth3 {
    background: url("/images/a_h4.gif") no-repeat scroll center 18px;
    color: #333;
    font-size: 28px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin-bottom: 12px;
    text-align: center;
	font-family: "Microsoft Yahei";
}
.abgsjjth3 span {
    font-weight: bold;
}






.ayj {
    background: #fff none repeat scroll 0 0;
    height: 478px;

	font-family: "Microsoft Yahei";
	padding-top: 20px;
}
.ay_nav {
    background: #bfbfbf none repeat scroll 0 0;
    height: 75px;
    line-height: 75px;
    margin-bottom: 36px;
}
.ay_nav ul li {
    border-right: 1px solid #edf0f3;
    float: left;
    font-size: 20px;
}
.ay_nav ul .nob {
    border-right: medium none;
}
.ay_nav ul .nob a {
    padding: 0 60px;
}
.ay_nav ul li a {
    color: #fff;
    display: inline-block;
    float: left;
    padding: 0 50px;
}
.ay_nav ul li a:hover, .ay_nav ul .cur a {
    background:url("/images/a_cur.jpg") no-repeat scroll center 0;
    text-decoration: none;
}
.ay_con1 {
    height: 348px;
    overflow: hidden;
    width: 1000px;
}
.ay_con1 h3 {
    background: url("/images/a_bg1.jpg") no-repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 24px;
    height: 130px;
    padding: 218px 0 0 30px;
    width: 172px;
}
.ay_con1 h3 span {
    display: block;
    font-weight: normal;
    padding-top: 5px;
    text-transform: uppercase;
}
.ay_con1 h3 span i {
    display: block;
}
.ay_con1 dl {
    float: right;
    height: 351px;
    padding-right: 38px;
    width: 722px;
}
.ay_con1 dl dt p {
    background: url("Img/neiye/About/a_ico.gif") no-repeat scroll 23px 21px;
    color: #565656;
    font-size: 15px;
    height: 101px;
    line-height: 23px;
    padding: 18px 0 0 50px;
}
.ay_con1 dl dt p b {
    display: block;
}
.ay_con1 dl dd img {
    height: 230px;
    width: 722px;
}
.afc h2 {
    background: url("Img/neiye/About/f_h33.gif") no-repeat scroll left bottom;
    color: #333;
    font-size: 24px;
    font-weight: normal;
    height: 38px;
    line-height: 100%;
    margin-bottom: 16px;
}
.afc h2 i {
    font-weight: bold;
}
.afc h3 {
    float: left;
    overflow: hidden;
    width: 394px;
}
.afc h3 em {
    height: 188px;
    overflow: hidden;
}
.afc h3 em i {
    background: #4075e0 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: normal;
    height: 188px;
    text-align: center;
    width: 197px;
}
.afc h3 em i img {
    display: block;
    padding: 57px 0 9px 77px;
}
.afc h3 em span {
    display: inline-block;
    float: left;
    width: 197px;
}
.afc h3 em .fl {
    background: #03a119 none repeat scroll 0 0;
    float: right;
}
.afc h3 em .col {
    background: #004098 none repeat scroll 0 0;
}
.afc dl {
    float: right;
    width: 599px;
}
.afc dl dt {
    font-size: 0;
    height: 378px;
    position: relative;
    width: 599px;
}
.afc dl dt i {
    bottom: 0;
    display: block;
    left: 152px;
    position: absolute;
}
.afc dl dd {
    padding: 32px 0 0 35px;
}
.afc dl dd h4 {
    color: #000;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 12px;
}
.afc dl dd p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.a1_con4 h2{
background: url("/images/a_h3.gif") no-repeat scroll left bottom;
    color: #333;
    font-size: 24px;
    font-weight: normal;
    height: 38px;
    line-height: 100%;
    margin-bottom: 14px;
}

.a1_con4 {
    height: 752px;
    overflow: hidden;
}
.acon1 {
    height: 221px;
    overflow: hidden;
}
.acon1 dt {
    float: left;
    width: 499px;
}
.acon1 dt img {
    height: 201px;
    width: 499px;
}
.acon1 dd {
    float: right;
    padding-right: 25px;
    width: 443px;
}
.acon1 dd h3 {
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    padding-top: 20px;
}
.acon1 dd h3 a {
    color: #414141;
    font-weight: normal;
}
.acon1 dd p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.al_nav {
    height: 59px;
    margin-bottom: 34px;
    overflow: hidden;
}
.al_nav ul li {
    float: left;
    font-size: 18px;
}
.al_nav ul li a {
    background: #bfbfbf none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 51px;
    line-height: 51px;
    margin-right: 1px;
    text-align: center;
    width: 248px;
}
.al_nav ul li a:hover, .al_nav ul .cur a {
    background: url("/images/a_cur2.gif") no-repeat scroll center 0;
    height: 59px;
    text-decoration: none;
}
.al_co {
    overflow: hidden;
}
.al_co dl {
    float: left;
    margin-bottom: 63px;
    width: 480px;
}
.al_co dl dt {
    border: 4px solid #ababab;
    color: #949494;
    float: left;
    font-size: 16px;
    height: 95px;
    line-height: 47px;
    margin-right: 5px;
    overflow: hidden;
    text-align: center;
    width: 95px;
}
.al_co dl dt span {
    border-bottom: 1px solid #a4a4a4;
    color: #949494;
    display: block;
    font-size: 22px;
}
.al_co dl dd {
    float: left;
    padding-top: 8px;
    width: 372px;
}
.al_co dl dd h4 {
    color: #151515;
    font-size: 18px;
    font-weight: normal;
    height: 33px;
    padding-top: 0;
    text-indent: 8px;
}
.al_co dl dd p {
    color: #716e6e;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    text-indent: 0;
}
.al_co .fr {
    float: right;
    padding-right: 5px;
}


.a1_con5 {
    height: 280px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.a1_con5 ul {
    overflow: hidden;
    width: 1000px;
}
.a1_con5 ul li {
    float: left;
    padding-right: 6px;
    width: 246px;
}
.a1_con5 ul li a {
    text-decoration: none;
}
.a1_con5 ul .nob {
    padding-right: 0;
}
.a1_con5 ul li img {
    display: block;
    height: 152px;
    padding: 17px 0 20px 16px;
    width: 210px;
}
.a1_con5 ul li a span {
    background: url("/images/z_lin.gif") no-repeat scroll center bottom;
    color: #717070;
    display: block;
    font-size: 14px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}
.a1_con5 .zz01 {
    left: -45px;
    position: absolute;
    top: 70px;
}
.a1_con5 .zz01 a {
    background: url("/images/z_uu.gif") no-repeat scroll 0 0;
    display: block;
    height: 55px;
    width: 23px;
}
.a1_con5 .zz01 a:hover {
    background: url("/images/z_uu1.gif") no-repeat scroll 0 0;
}
.a1_con5 .zz03 {
    position: absolute;
    right: -45px;
    top: 70px;
}
.a1_con5 .zz03 a {
    background: url("/images/z_dd1.gif") no-repeat scroll 0 0;
    display: block;
    height: 55px;
    width: 23px;
}
.a1_con5 .zz03 a:hover {
    background: url("/images/z_dd.gif") no-repeat scroll 0 0;
}
.a1_con5 h2{
    background: url("/images/a_h3.gif") no-repeat scroll left bottom;
    color: #333;
    font-size: 24px;
    font-weight: normal;
    height: 38px;
    line-height: 100%;
    margin-bottom: 14px;
}
.a1_con5 h2 span{font-weight: bold;}
.a1_con4 h2 span{font-weight: bold;}