@font-face {
  font-family: "Univers W01_n2";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"), url("clientlib-site/resources/fonts/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"), url("clientlib-site/resources/fonts/d270a34d-b6b8-4c07-8454-03a6a3db7603.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "Univers W01_o2";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/aeb5cbb5-2077-4a57-88d8-1cc1e9c804e8.woff2") format("woff2"), url("clientlib-site/resources/fonts/26832c6c-7609-41a6-b856-151be500486b.woff") format("woff"), url("clientlib-site/resources/fonts/c78521a7-2342-410a-a275-e6d35b853313.ttf") format("truetype");
  font-weight: 200;
  font-style: oblique; }

@font-face {
  font-family: "Univers W01_n4";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"), url("clientlib-site/resources/fonts/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"), url("clientlib-site/resources/fonts/74bdff6d-c5de-42e8-a4d8-11ea14eddb22.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Univers W01_o4";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/5bfff3ac-e569-450d-918b-d564434e5e24.woff2") format("woff2"), url("clientlib-site/resources/fonts/05d2bfe7-45b3-4cf8-b313-290651409c59.woff") format("woff"), url("clientlib-site/resources/fonts/33db2509-f09f-4704-bb16-a90dd82687f7.ttf") format("truetype");
  font-weight: 400;
  font-style: oblique; }

@font-face {
  font-family: "Univers W01_n7";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/8a711a0d-3f17-4bfe-887b-6229858332b3.woff2") format("woff2"), url("clientlib-site/resources/fonts/05a79c4b-9e9d-46e4-9d4b-610be05371c4.woff") format("woff"), url("clientlib-site/resources/fonts/4e00405b-a96d-4972-bdff-2d55e1066c45.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Univers W01_n8";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/9d846738-13de-43dd-a3f2-ff53924f926c.woff2") format("woff2"), url("clientlib-site/resources/fonts/ea880276-dfca-4a2a-a7ce-3d597e85112a.woff") format("woff"), url("clientlib-site/resources/fonts/a0361fe2-856b-41d4-a5e3-e87579315974.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Univers Next W01_n5";
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"); }

@font-face {
  font-family: "Univers Next W01";
  src: url("../../../zh-cn/errors/404/index.html#iefix");
  src: url("../../../zh-cn/errors/404/index.html#iefix") format("eot"), url("clientlib-site/resources/fonts/e8921ecc-af32-4c3d-9636-dd82b4225e40.woff2") format("woff2"), url("clientlib-site/resources/fonts/20f7bd07-85c9-4687-ab29-0b87584842ff.woff") format("woff"), url("clientlib-site/resources/fonts/2df6d56e-7f31-4175-88df-47d374d8bb60.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

/*

@font-face{
    font-family:"Univers W01_n2";
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot")
}
@font-face{
    font-family:"Univers W01";
    src:url("../../../zh-cn/errors/404/index.html#iefix");
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot"),url("clientlib-site/resources/fonts/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"),url("clientlib-site/resources/fonts/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"),url("clientlib-site/resources/fonts/d270a34d-b6b8-4c07-8454-03a6a3db7603.ttf") format("truetype"),url("http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/resources/fonts/b2ea19ff-0237-4d94-a107-eaa12af161ef.svg#b2ea19ff-0237-4d94-a107-eaa12af161ef") format("svg");
font-weight: 200;
font-style: normal;
}
@font-face{
    font-family:"Univers W01_o2";
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot")
}
@font-face{
    font-family:"Univers W01";
    src:url("../../../zh-cn/errors/404/index.html#iefix");
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot"),url("clientlib-site/resources/fonts/aeb5cbb5-2077-4a57-88d8-1cc1e9c804e8.woff2") format("woff2"),url("clientlib-site/resources/fonts/26832c6c-7609-41a6-b856-151be500486b.woff") format("woff"),url("clientlib-site/resources/fonts/c78521a7-2342-410a-a275-e6d35b853313.ttf") format("truetype"),url("http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/resources/fonts/71e4ab52-329c-40d2-89e8-d5cf99d699a5.svg#71e4ab52-329c-40d2-89e8-d5cf99d699a5") format("svg");
font-weight: 200;
font-style: oblique;
}
@font-face{
    font-family:"Univers W01_n4";
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot")
}
@font-face{
    font-family:"Univers W01";
    src:url("../../../zh-cn/errors/404/index.html#iefix");
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot"),url("clientlib-site/resources/fonts/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"),url("clientlib-site/resources/fonts/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"),url("clientlib-site/resources/fonts/74bdff6d-c5de-42e8-a4d8-11ea14eddb22.ttf") format("truetype"),url("http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/resources/fonts/bd04ae3d-23dc-4975-9967-e21c43e5b59f.svg#bd04ae3d-23dc-4975-9967-e21c43e5b59f") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
    font-family:"Univers W01_o4";
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot")
}
@font-face{
    font-family:"Univers W01";
    src:url("../../../zh-cn/errors/404/index.html#iefix");
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot"),url("clientlib-site/resources/fonts/5bfff3ac-e569-450d-918b-d564434e5e24.woff2") format("woff2"),url("clientlib-site/resources/fonts/05d2bfe7-45b3-4cf8-b313-290651409c59.woff") format("woff"),url("clientlib-site/resources/fonts/33db2509-f09f-4704-bb16-a90dd82687f7.ttf") format("truetype"),url("http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/resources/fonts/32161123-fa52-4fcf-ad65-f0958c91e0c9.svg#32161123-fa52-4fcf-ad65-f0958c91e0c9") format("svg");
font-weight: 400;
font-style: oblique;
}
@font-face{
    font-family:"Univers W01_n7";
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot")
}
@font-face{
    font-family:"Univers W01";
    src:url("../../../zh-cn/errors/404/index.html#iefix");
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot"),url("clientlib-site/resources/fonts/8a711a0d-3f17-4bfe-887b-6229858332b3.woff2") format("woff2"),url("clientlib-site/resources/fonts/05a79c4b-9e9d-46e4-9d4b-610be05371c4.woff") format("woff"),url("clientlib-site/resources/fonts/4e00405b-a96d-4972-bdff-2d55e1066c45.ttf") format("truetype"),url("http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/resources/fonts/1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e.svg#1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face{
    font-family:"Univers W01_n8";
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot")
}
@font-face{
    font-family:"Univers W01";
    src:url("../../../zh-cn/errors/404/index.html#iefix");
    src:url("../../../zh-cn/errors/404/index.html#iefix") format("eot"),url("clientlib-site/resources/fonts/9d846738-13de-43dd-a3f2-ff53924f926c.woff2") format("woff2"),url("clientlib-site/resources/fonts/ea880276-dfca-4a2a-a7ce-3d597e85112a.woff") format("woff"),url("clientlib-site/resources/fonts/a0361fe2-856b-41d4-a5e3-e87579315974.ttf") format("truetype"),url("http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/resources/fonts/402203c8-9b56-4ded-8eb9-f5cf92a95713.svg#402203c8-9b56-4ded-8eb9-f5cf92a95713") format("svg");
font-weight: 800;
font-style: normal;
}
*/

/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}

.popbox.visible{
	opacity:1;
	z-index: 999;
    transition:opacity 0.3s ease;
}
.popbox.opened{
	display: block;
}

.popbox.gateform__popbox.opened {
	opacity: 1;
}

.popbox_locked .popbox_blur{
	filter:blur(15px);
}

html.popbox_locked{
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.popbox{
	z-index: -999;
	position: fixed;
	width: 100%;
	max-width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    will-change: opacity;
    transition:opacity 0.3s ease;
    opacity:0;
    will-change: opacity;
	background: rgba(0, 0, 0, 0.5);
	padding:25px 30px;
	padding-top:5%;
	overflow-y: auto;
	display: none;
}

.popbox_container {
	border-radius:5px;
	margin-bottom:18px;
	padding: 40px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position: relative;
	max-width: 75%;
}

/*! nouislider - 14.0.2 - 6/28/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  //height: 300px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  //width: 300px;
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }

.resource-section .resourcelist__link{width:25%;padding-right:30px;margin-right:0;margin-bottom:60px}@media (max-width:759px){.resource-section .resourcelist__list{margin-top:40px}.resource-section .resourcelist__link{width:50%}}.resource-section .resource-section__controls{display:-ms-flexbox;display:flex}.resource-section .resource-section__status{width:200px;position:absolute}@media (max-width:1269px){.resource-section .resource-section__status{display:none}}.resource-section .resource-section__facets{width:750px;margin:0 auto}@media (max-width:579px){.resource-section .resource-section__facets{width:100%}}.resource-section .resource-section__facet-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0 0 40px 0;border-bottom:1px solid #eee}@media (max-width:579px){.resource-section .resource-section__facet-controls{width:100%;-ms-flex-direction:column;flex-direction:column}}.resource-section .resource-section__facet-controls .util-btn{padding:13px 40px;margin:0 10px}@media (max-width:579px){.resource-section .resource-section__facet-controls .util-btn{margin:6px auto;text-align:center;display:block;width:100%}}.resource-section button span.facet-symbol{width:1em}.resource-section .util-btn{border:1px solid #05457a}.resource-section .util-btn.util-button--active{background-color:#fff;color:#05457a}.resource-section .resource-section__facet-checkboxes{padding-bottom:40px;padding-top:40px;border-bottom:1px solid #f3f3f3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:220px;font-size:14px}@media (max-width:579px){.resource-section .resource-section__facet-checkboxes{max-height:none}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.resource-section .resource-section__facet-checkboxes{height:220px}}@media (min-width:580px){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--230{max-height:230px}}@media (-ms-high-contrast:active),(min-width:580px) and (-ms-high-contrast:none){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--230{height:230px}}@media (min-width:580px){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--240{max-height:240px}}@media (-ms-high-contrast:active),(min-width:580px) and (-ms-high-contrast:none){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--240{height:240px}}@media (min-width:580px){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--250{max-height:250px}}@media (-ms-high-contrast:active),(min-width:580px) and (-ms-high-contrast:none){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--250{height:250px}}@media (min-width:580px){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--260{max-height:260px}}@media (-ms-high-contrast:active),(min-width:580px) and (-ms-high-contrast:none){.resource-section .resource-section__facet-checkboxes.resource-section__facet-checkboxes--260{height:260px}}.resource-section .subfilters.subfilters--rows .resource-section__facet-checkboxes{height:190px}.resource-section .util-btn.util-btn--filter-status{background:#fff;color:#c2c2c2;border:1px solid #f3f3f3;padding:8px 12px;margin:10px 0;font-size:14px;display:block;text-align:left}.resource-section .util-btn .util-btn__breadcrumb{display:inline-block;width:5px;height:9px;margin:0 4px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.89 8.37'%3E%3Cpath fill='none' stroke='%23929293' stroke-miterlimit='10' d='M.35.35l3.84 3.84L.35 8.02'/%3E%3C/svg%3E")}.resource-section .util-btn.util-btn--clear-filters{background:#fff;color:#05457a;border:1px solid #05457a;padding:8px 12px;margin:10px 0;font-size:14px}.resource-section .resource-section__filter-name{color:#05457a;text-align:left}.resource-section .resource-section__close-filter{width:9px;height:8px;margin-left:.3em;display:inline-block;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.15 8.15'%3E%3Cpath d='M7.79.35L.35 7.79m7.44 0L.35.35' fill='none' stroke='%2306457a' stroke-miterlimit='10'/%3E%3C/svg%3E");background-size:9px 8px;background-position:50%;-ms-flex-item-align:center;align-self:center}.resource-section .resource-section__status-all{color:#929293}.resource-section .resourcelist__message{min-height:110px;padding-top:60px}.resource-section h3.resource-section__subcat-title{margin:40px 0 0 15px;font-size:16px}@media (max-width:579px){.resource-section h3.resource-section__subcat-title{margin:20px 0 0 15px}}.resource-section .subfilters{display:-ms-flexbox;display:flex;border-bottom:1px solid #eee}@media (max-width:579px){.resource-section .subfilters{-ms-flex-direction:column;flex-direction:column;padding-bottom:10px}}.resource-section .subfilters>div{width:26%}@media (max-width:579px){.resource-section .subfilters>div{width:100%}}.resource-section .subfilters .resource-section__facet-checkboxes{max-height:100%;padding-top:20px}.resource-section .subfilters.subfilters--rows{-ms-flex-direction:column;flex-direction:column;border-bottom:0}.resource-section .subfilters.subfilters--columns .resource-section__facet-checkboxes{border-bottom:0}.resource-section .subfilters.subfilters--rows .resource-section__facet-checkboxes{-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:190px}.resource-section .subfilters.subfilters--rows>div,.resource-section .subfilters label.control.checkbox{width:100%}.resource-section .subfilters.subfilters--rows label.control.checkbox{width:21%}.resource-section .subfilters.subfilters--rows label.control.checkbox:last-child{width:100%}.resource-section .resource-toast{position:fixed;bottom:110px;left:0;z-index:100;width:100%;text-align:center}@media (min-width:580px){.resource-section .resource-toast{display:none}}.resource-section .resource-toast__mesage{background:#4f626e;width:150px;margin:0 auto;padding:15px;border-radius:4px;color:#fff;font-size:21px}@media (max-width:579px){.resource-section .resourcelist__link:nth-child(2n){margin-right:0}}.resource-section .resource-section__error{text-align:center;padding-top:40px}.resource-section .resource-section__error-icon{font-size:58px;color:#8a8a8a;background-color:#eaeaea;height:80px;width:80px;display:inline-block;border-radius:50%}.resource-section .resource-section__error h2{font-size:40px;margin:10px 0}.resource-section .control{position:relative;display:inline-block;margin-bottom:.5em;padding-left:40px;cursor:pointer;width:165px;margin-right:30px}@media (max-width:579px){.resource-section .control{width:auto}}.resource-section .control:last-child{width:100%}.resource-section .control input{position:absolute;opacity:0;z-index:-1}.resource-section .control-indicator{position:absolute;top:.25rem;left:15px;display:block;width:1rem;height:1rem;line-height:1rem;font-size:65%;color:#f25f22;text-align:center;background-color:#eee;background-size:80% 80%;background-position:50%;background-repeat:no-repeat;border-radius:1px solid #eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resource-section .control:hover .control-indicator,.resource-section .control input:focus~.control-indicator{border:1px solid #f25f22}.resource-section .control input:checked~.control-indicator{color:#f25f22;border:1px solid #f25f22}.resource-section .control input:active~.control-indicator{color:#f25f22}.resource-section .checkbox .control-indicator{border-radius:3px}.resource-section .checkbox input:checked~.control-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 10.7'%3E%3Cpath fill='none' stroke='%23f25e20' stroke-width='2' stroke-miterlimit='10' d='M.9 5l3.6 3.6L10.3.8'/%3E%3C/svg%3E")}.resource-section .fade-enter-active,.resource-section .fade-item,.resource-section .fade-leave-active{transition:all .5s}.resource-section .fade-enter,.resource-section .fade-leave-to{opacity:0}.resource-section .fade-leave-active{position:absolute}.interactive-image__vue-wrap{width:886px;overflow:hidden;display:-ms-flexbox;display:flex}@media (max-width:1023px){.interactive-image__vue-wrap{-ms-flex-direction:column;flex-direction:column;width:100%}}@media (max-width:990px){.interactive-single-image__wrap .interactive-image__vue-wrap{padding:0 36px}}.interactive-vue-wrapper .image-and-dots-area{height:430px;position:relative;display:inline-block}@media (max-width:1023px){.interactive-vue-wrapper .image-and-dots-area{height:auto;padding-bottom:40px}}.interactive-vue-wrapper .content-area{display:-ms-inline-flexbox;display:inline-flex;max-width:500px;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:30px}@media (max-width:990px){.interactive-vue-wrapper .content-area{padding-left:0}}.interactive-vue-wrapper .dot-button{background-color:hsla(0,0%,100%,.5);border-radius:50%;height:16px;width:16px;border:2px solid #f25e20;position:absolute;cursor:pointer;transition:border .2s linear;overflow:visible;padding:0}@media (max-width:1023px){.interactive-vue-wrapper .dot-button{display:none}}.interactive-vue-wrapper .dot-button:focus{outline:0;border-color:#05457a}.interactive-vue-wrapper .dot-button:hover{border-color:#05457a}.interactive-vue-wrapper .single-image__image{width:572px;height:430px}.interactive-vue-wrapper .intro-text-1,.interactive-vue-wrapper .intro-text-2{line-height:1.3;white-space:pre-wrap}.interactive-vue-wrapper .intro-text-1{margin-right:30px}.interactive-vue-wrapper .highlights-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.interactive-vue-wrapper .highlight-item{max-width:none}.interactive-vue-wrapper .highlight-image{height:156px;max-height:200px;max-width:100%;margin-bottom:14px}.interactive-vue-wrapper .dot-button--example{margin-left:-22px;margin-top:3px;pointer-events:none;box-sizing:border-box}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.interactive-vue-wrapper .dot-button--example{margin-left:8px;margin-top:0}.interactive-vue-wrapper .dot-button:before{top:-3px!important}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.interactive-vue-wrapper .dot-button.dot-button--example>svg{margin-left:5px}}.interactive-vue-wrapper .dot-button--active{border-color:#05457a}.interactive-vue-wrapper .util-btn.interactive-cta{display:-ms-inline-flexbox;display:inline-flex;margin-bottom:10px;margin-left:0}.interactive-vue-wrapper h2.content-area__title{margin-top:0;margin-bottom:2px;font-size:20px}.interactive-vue-wrapper p.content-area__text{font-size:14px;position:relative}.interactive-diagram__wrap .image-and-dots-area{width:88px;height:88px;position:absolute;top:25px;left:27px}.interactive-diagram__wrap .image-and-dots-area>img{width:100%;height:100%}.interactive-tabbed__wrap--two-thirds .image-and-dots-area{height:430px}@media (max-width:1023px){.interactive-tabbed__wrap--two-thirds .image-and-dots-area{min-height:250px;height:auto;margin-top:20px;max-width:98vw}}.interactive-single-image__wrap .single-image__image,.interactive-tabbed__wrap--two-thirds .single-image__image{width:572px;height:430px}@media (max-width:1023px){.interactive-single-image__wrap .single-image__image,.interactive-tabbed__wrap--two-thirds .single-image__image{width:100%;max-width:572px;height:auto}}.interactive-single-image__wrap .highlight-item,.interactive-tabbed__wrap--two-thirds .highlight-item{max-width:100%}@media (max-width:1023px){.interactive-single-image__wrap .highlight-item,.interactive-tabbed__wrap--two-thirds .highlight-item{margin-bottom:20px}}.interactive-single-image__wrap .highlight-image,.interactive-tabbed__wrap--two-thirds .highlight-image{height:100px;width:auto;border-radius:6px}.interactive-single-image__wrap .content-area,.interactive-tabbed__wrap--two-thirds .content-area{margin-left:60px}@media (max-width:1023px){.interactive-single-image__wrap .content-area,.interactive-tabbed__wrap--two-thirds .content-area{margin-left:0;padding-left:0}}.interactive-single-image__wrap .fade-enter-active,.interactive-single-image__wrap .fade-leave-active{transition:opacity .5s}.interactive-single-image__wrap .fade-enter,.interactive-single-image__wrap .fade-leave-to{opacity:0}.interactive-single-image__wrap .fade-up-in-enter-active{transition:all .8s}.interactive-single-image__wrap .fade-up-in-leave-active{transition:all .4s}.interactive-single-image__wrap .fade-up-in-enter{opacity:0;-ms-transform:translateY(20px);transform:translateY(20px)}.interactive-single-image__wrap .fade-up-in-leave-to{opacity:0}@-webkit-keyframes bounce-in{0%{transform:scale(.5)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(.5)}80%{transform:scale(1.1)}to{transform:scale(1)}}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:#05457a;color:#fff;border-radius:4px;padding:6px 20px 8px;-webkit-animation:bounce-in .2s linear forwards;animation:bounce-in .2s linear forwards}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#05457a;z-index:1}.tooltip[x-placement^=top]{margin-bottom:10px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:rgba(0,0,0,0)!important;border-right-color:rgba(0,0,0,0)!important;border-bottom-color:rgba(0,0,0,0)!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:rgba(0,0,0,0)!important;border-right-color:rgba(0,0,0,0)!important;border-top-color:rgba(0,0,0,0)!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:rgba(0,0,0,0)!important;border-top-color:rgba(0,0,0,0)!important;border-bottom-color:rgba(0,0,0,0)!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:rgba(0,0,0,0)!important;border-right-color:rgba(0,0,0,0)!important;border-bottom-color:rgba(0,0,0,0)!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}.interactive-tabbed__wrap--two-thirds .image-and-dots-area{overflow:hidden;padding-right:60px}.interactive-single-image__wrap button.dot-button:after,.interactive-tabbed__wrap--two-thirds button.dot-button:after{content:"";display:block;height:2px;width:0;background:#05457a;position:absolute;left:12px;top:5px;transition:width .4s ease-in}.interactive-single-image__wrap button.dot-button.dot-button--active:after,.interactive-tabbed__wrap--two-thirds button.dot-button.dot-button--active:after{width:600px}.interactive-tabbed__wrap--two-thirds .content-area{background:#fff;z-index:1;margin-left:0;width:33%;padding-top:10px;padding-left:0}@media (max-width:998px){.interactive-tabbed__wrap--two-thirds .content-area{width:auto}}.interactive-single-image__wrap .content-area{background:#fff;z-index:1;margin-left:0;padding-left:0}.interactive-single-image__wrap .highlight-content,.interactive-tabbed__wrap--two-thirds .highlight-content{border-left:4px solid #05457a;padding-left:15px;min-height:240px}.interactive-vue-wrapper hr{border:0;border-top:1px solid #ddd;margin-top:-1px}.interactive-vue-wrapper img{display:block}.interactive-vue-wrapper .interactive-vue-wrapper{max-width:1200px;margin:0 auto}.interactive-vue-wrapper .interactive-tabbed__tab-labels button{display:inline-block;min-height:50px;font-size:20px;border:0;border-bottom:1px solid #ddd;background-color:#fff}@media (max-width:1023px){.interactive-vue-wrapper .interactive-tabbed__tab-labels{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}}.interactive-vue-wrapper .tab-label{color:#05457a;padding-right:16px;padding-left:16px}@media (max-width:1023px){.interactive-vue-wrapper .tab-label{border-bottom:0;background-color:#fff;text-align:left;padding-left:0}}.interactive-vue-wrapper button.tab-label--active,.interactive-vue-wrapper button.tab-label:focus{color:#000;border-bottom-color:#000;outline:0}.interactive-vue-wrapper .fade-enter-active,.interactive-vue-wrapper .fade-leave-active{transition:opacity .5s}.interactive-vue-wrapper .fade-enter,.interactive-vue-wrapper .fade-leave-to{opacity:0}.interactive-vue-wrapper .fade-up-in-enter-active{transition:all .8s}.interactive-vue-wrapper .fade-up-in-leave-active{transition:all .4s}.interactive-vue-wrapper .fade-up-in-enter{opacity:0;-ms-transform:translateY(20px);transform:translateY(20px)}.interactive-vue-wrapper .fade-up-in-leave-to{opacity:0}.interactive-tabbed__wrap--one-third .interactive-vue-wrapper .single-image__image{width:286px;height:430px}.interactive-tabbed__wrap--one-third .interactive-vue-wrapper .highlight-item{max-width:50%;padding-left:20px}@media (max-width:1023px){.interactive-tabbed__wrap--one-third .interactive-vue-wrapper .highlight-item{max-width:100%}}.cls-1[data-v-1b25b938],.cls-1[data-v-47cb1d57]{fill:#06457a}.diagram__bg-layer [data-v-24536a94]{-ms-transform-origin:0 0!important;transform-origin:0 0!important;fill:#05457a;overflow:visible}.diagram-icon[data-v-24536a94]{-ms-transform-origin:center;transform-origin:center;opacity:0}.diagram-icon--water[data-v-24536a94]{-webkit-animation-delay:.3s;animation-delay:.3s}.diagram-icon--gas[data-v-24536a94]{-webkit-animation-delay:.6s;animation-delay:.6s}.show-top-icons .diagram-icon[data-v-24536a94]{display:block}.row-1-arrow-hide[data-v-24536a94],.row-2-arrow-hide[data-v-24536a94],.row-3-arrow-hide[data-v-24536a94],.row-4-arrow-hide[data-v-24536a94],.side-arrow-hide[data-v-24536a94]{opacity:.9;transition:all .4s linear}.interactive-diagram__inner-wrap{opacity:1;max-width:648px;margin:20px 10px 0;position:relative}@media (max-width:1023px){.interactive-diagram__inner-wrap{display:none}}.interactive-diagram__mobile-message{text-align:left;line-height:1.5}@media (min-width:1024px){.interactive-diagram__mobile-message{display:none}}.interactive-diagram__inner-wrap.interactive-diagram--nabev,.interactive-diagram__inner-wrap.interactive-diagram--winery{margin:20px 10px 110px}.interactive-diagram__overlay{position:absolute;top:-16px;background-color:#fff;width:130%;height:100%;text-align:center;left:-10%;pointer-events:none}.diagram{position:absolute;top:187px;width:713px;left:-9px}.diagram__height-container-inner{width:700px;margin-left:-36px;padding-left:36px;position:relative;-ms-overflow-style:none}.diagram__bg-layer{width:628px;position:relative;overflow:visible;z-index:-1}section.diagram__row>*{text-align:center;position:relative;min-width:170px;max-width:170px}.diagram__row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:relative}.diagram__row.diagram__row--1{margin-top:117px}.diagram__row.diagram__row--2{margin-top:135px}.diagram__row-item-container{position:relative}.diagram__row-item-container--has-content:before{content:"";position:absolute;height:140px;width:140px;top:0;left:15px;background-color:#f8f8f8;border-radius:100%}.diagram__row-item{opacity:0;-ms-transform:translateY(20px);transform:translateY(20px);background-color:#eee;height:140px;width:140px;border-radius:50%;overflow:hidden;margin:0 auto}.diagram__row-item>img{max-width:64%;padding-top:18%}.diagram__title{font-size:14px;position:absolute;opacity:0;top:140px;width:100%}.diagram__title-content{background:#fff}.diagram__info-text{font-size:25px;margin-top:80px}.diagram__scroll-icon{height:70px;width:70px;margin:30px auto;position:relative}.diagram__scroll-icon:before{height:48px;width:48px;content:"";display:block;border:6px solid #05457a;position:relative;-ms-transform:rotate(45deg) translate(27px,-7px);transform:rotate(45deg) translate(27px,-7px);border-left:none;border-top:none;-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.diagram__labels{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;height:740px;width:100%}.diagram__labels>*{text-align:center;position:absolute;transition:all .3s ease;opacity:0}.diagram__label1{top:67px;left:30px;width:90px}.interactive-diagram--winery .diagram__label1{left:38px}.interactive-diagram--nabev .diagram__label1{left:126px}.diagram__label2{top:67px;left:306px;width:90px}.interactive-diagram--winery .diagram__label2{left:224px}.interactive-diagram--nabev .diagram__label2{left:398px}.diagram__label3{top:67px;left:572px;width:90px}.interactive-diagram--winery .diagram__label3{left:496px}.diagram__label4{top:1024px;left:575px;width:90px}.interactive-diagram--winery .diagram__label4{top:804px;left:405px}.interactive-diagram--nabev .diagram__label4{top:775px;left:576px}.show-row-4-arrows .diagram__labels>.diagram__label4{transition-delay:.6s;opacity:1}.diagram__details{background:#fff;width:262px;right:-300px;top:-20px;padding:20px;padding-top:30px;position:absolute;opacity:0;transition:opacity .2s linear}@media (max-width:1269px){.diagram__details{width:16vw;right:-230px}}svg#diagram__brewery{height:1069px;overflow:visible}svg#diagram__winery{height:818px;overflow:visible}svg#diagram__nabev{height:816px;overflow:visible}.interactive-diagram--winery .diagram__row.diagram__row--1{-ms-transform:translateX(11px);transform:translateX(11px)}.interactive-diagram--winery .diagram__row.diagram__row--2{margin-top:126px;-ms-transform:translateX(10px);transform:translateX(10px)}.interactive-diagram--winery .diagram__height-container-inner{height:840px}@-webkit-keyframes reveal{0%{transform:translateY(0)}to{transform:translateY(1300px)}}@keyframes reveal{0%{transform:translateY(0)}to{transform:translateY(1300px)}}@-webkit-keyframes bounce{0%{transform:rotate(45deg) translate(27px,-7px)}50%{transform:rotate(45deg) translate(32px,-1px)}to{transform:rotate(45deg) translate(27px,-7px)}}@keyframes bounce{0%{transform:rotate(45deg) translate(27px,-7px)}50%{transform:rotate(45deg) translate(32px,-1px)}to{transform:rotate(45deg) translate(27px,-7px)}}.fast-fade-up-in-enter-active{transition:all .4s}.fast-fade-up-in-leave-active{transition:all .2s}.fast-fade-up-in-enter{opacity:0;-ms-transform:translateY(20px);transform:translateY(20px)}.fast-fade-up-in-leave-to{opacity:0}
/* breakpoints */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden; }

/* if option tags are output into the body via js, don't show */
body > option {
  display: none; }

.util__font-medium {
  font-family: "Univers Next W01", "Roboto", "Helvetica Neue", sans-serif; }

/* Some languages should use the fallback font Roboto instead of Univers */
html[lang='ru'],
body[hreflang='ru-ru'],
body[hreflang='ru'],
html[lang='pl'],
body[hreflang='pl-pl'],
body[hreflang='pl'] {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif; }
  html[lang='ru'] .util__font-medium,
  html[lang='ru'] .mainnav .use-with-caution__products .util__font-medium,
  html[lang='ru'] .mainnav .use-with-caution__all-industries .util__font-medium,
  html[lang='ru'] .responsiveRow input[type='text'],
  html[lang='ru'] .responsiveRow textarea,
  html[lang='ru'] .responsiveRow select,
  html[lang='ru'] .util-sf__select select,
  html[lang='ru'] .util__popbox-content input,
  body[hreflang='ru-ru'] .util__font-medium,
  body[hreflang='ru-ru'] .mainnav .use-with-caution__products .util__font-medium,
  body[hreflang='ru-ru'] .mainnav .use-with-caution__all-industries .util__font-medium,
  body[hreflang='ru-ru'] .responsiveRow input[type='text'],
  body[hreflang='ru-ru'] .responsiveRow textarea,
  body[hreflang='ru-ru'] .responsiveRow select,
  body[hreflang='ru-ru'] .util-sf__select select,
  body[hreflang='ru-ru'] .util__popbox-content input,
  body[hreflang='ru'] .util__font-medium,
  body[hreflang='ru'] .mainnav .use-with-caution__products .util__font-medium,
  body[hreflang='ru'] .mainnav .use-with-caution__all-industries .util__font-medium,
  body[hreflang='ru'] .responsiveRow input[type='text'],
  body[hreflang='ru'] .responsiveRow textarea,
  body[hreflang='ru'] .responsiveRow select,
  body[hreflang='ru'] .util-sf__select select,
  body[hreflang='ru'] .util__popbox-content input,
  html[lang='pl'] .util__font-medium,
  html[lang='pl'] .mainnav .use-with-caution__products .util__font-medium,
  html[lang='pl'] .mainnav .use-with-caution__all-industries .util__font-medium,
  html[lang='pl'] .responsiveRow input[type='text'],
  html[lang='pl'] .responsiveRow textarea,
  html[lang='pl'] .responsiveRow select,
  html[lang='pl'] .util-sf__select select,
  html[lang='pl'] .util__popbox-content input,
  body[hreflang='pl-pl'] .util__font-medium,
  body[hreflang='pl-pl'] .mainnav .use-with-caution__products .util__font-medium,
  body[hreflang='pl-pl'] .mainnav .use-with-caution__all-industries .util__font-medium,
  body[hreflang='pl-pl'] .responsiveRow input[type='text'],
  body[hreflang='pl-pl'] .responsiveRow textarea,
  body[hreflang='pl-pl'] .responsiveRow select,
  body[hreflang='pl-pl'] .util-sf__select select,
  body[hreflang='pl-pl'] .util__popbox-content input,
  body[hreflang='pl'] .util__font-medium,
  body[hreflang='pl'] .mainnav .use-with-caution__products .util__font-medium,
  body[hreflang='pl'] .mainnav .use-with-caution__all-industries .util__font-medium,
  body[hreflang='pl'] .responsiveRow input[type='text'],
  body[hreflang='pl'] .responsiveRow textarea,
  body[hreflang='pl'] .responsiveRow select,
  body[hreflang='pl'] .util-sf__select select,
  body[hreflang='pl'] .util__popbox-content input {
    font-family: 'Roboto', 'Helvetica Neue', sans-serif; }

/* turn of focus styles for mouse users */
[data-whatinput='mouse'] * {
  outline: none; }

/* helper for demoing nested content */
.demo_border {
  box-shadow: 3px 3px 9px -2px rgba(22, 0, 11, 0.4);
  padding: 10px;
  margin-bottom: 4px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff; }

.demo_border:hover {
  background-color: blanchedalmond; }

.demo_border .demo_border:hover {
  background-color: lightblue; }

.demo_border .demo_border .demo_border:hover {
  background-color: lavender; }

.demo_border .demo_border .demo_border .demo_border:hover {
  background-color: seashell; }

.demo_border .demo_border .demo_border .demo_border .demo_border:hover {
  background-color: paleturquoise; }

/* accessiblity */
/* hide from display, but available to screen readers */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

/* hide from everything */
.hidden,
.util__hideshow .hidden {
  display: none; }

.opacitydefault {
  opacity: 1;
  transition: opacity 0.3s ease-in; }

.opacityhidden {
  opacity: 0;
  transition: opacity 0.3s ease-out;
  position: relative; }

/* really basic default styles (keep to a minimum) */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400; }

a {
  color: #05457a;
  text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: underline; }

a.util__selective-hover-underline:hover {
  text-decoration: none; }

a.util__selective-hover-underline:hover .util__underline-parent-hover {
  text-decoration: underline; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

main {
  -ms-flex: 1;
      flex: 1; }
  @media (max-width: 1269px) {
    main {
      margin-top: 72px; } }

/* utilities */
.util__edgetoedge {
  width: 100%;
  height: auto; }

.util__image--herosize img {
  width: 100%;
  height: auto; }

.util__retain {
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .util__retain {
      margin: 0 36px; } }

/* .util__retain--small-escaped is used when you want the retain even in jumplinks (quoteCallout for example) */
.util__retain--small,
.util__retain--small-escaped {
  max-width: 750px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .util__retain--small,
    .util__retain--small-escaped {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .util__retain--small,
    .util__retain--small-escaped {
      margin: 0 36px; } }

/* used only in some cases (terms and conditions list) */
.util__retain--med {
  max-width: 870px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .util__retain--med {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .util__retain--med {
      margin: 0 36px; } }

.jumplinks .util__retain--small .util__retain--small {
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .jumplinks .util__retain--small .util__retain--small {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .jumplinks .util__retain--small .util__retain--small {
      margin: 0 auto; } }

.util__retain--form {
  max-width: 640px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .util__retain--form {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .util__retain--form {
      margin: 0 36px; } }

.util__delist {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.util__debutton {
  -webkit-appearance: unset;
  background: none;
  color: inherit;
  border: none;
  font-size: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  outline: 0; }

.util__deinput {
  border: none;
  padding: 0;
  outline: 0; }

.util__caption {
  margin-top: 10px;
  color: #c2c2c2;
  font-size: 14px; }

.util__link-arrow {
  display: inline-block;
  width: 11px;
  height: 14px;
  margin: 0 0 -2px 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.89 8.37'%3E%3Cpath fill='none' stroke='%2305457a' stroke-miterlimit='10' d='M.35.35l3.84 3.84L.35 8.02'/%3E%3C/svg%3E"); }

/* Rounded images and videos */
.util-rounded-images img,
.util-rounded-video video,
.util-rounded-images .util-rounded-images__img,
.util-rounded-image {
  border-radius: 8px; }

.util-circle-image,
.util-circle-images img {
  border-radius: 50%;
  max-width: 262px; }

/* util__content provides a standard style for plain HTML elements within it*/
.util__content h1,
.util__content h2,
.util__content h3,
.util__content h4,
.util__content h5,
.util__content h6 {
  margin-top: 1em;
  margin-bottom: 20px; }

.util__content h1,
.util__content h2,
.util__content h3 {
  font-size: 40px;
  letter-spacing: -0.03em; }

.util__content h4,
.util__content h5 {
  font-size: 25px; }

.util__content h6 {
  font-size: 20px; }

.util__content table {
  border-collapse: collapse;
  width: 100%; }

.util__content thead,
.util__content th {
  background: #05457a;
  color: #fff; }

.util__content th,
.util__content td {
  font-weight: 300;
  padding: 13px;
  font-size: 16px; }

.util__content td {
  border: 1px solid #f3f3f3; }

.util__content p,
.util__content ul,
.util__content ol {
  line-height: 1.5; }

.util__content figcaption {
  margin: 10px 0;
  color: #c2c2c2;
  font-size: 14px; }

.util__content ol {
  padding-left: 1.25em; }

.util__content ul {
  list-style-type: none;
  padding: 0; }

.util__content ul li {
  padding-left: 0.8em;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50%25' cy='20%25' r='4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  background-position: -0.3em 0.5em; }

.rich-text__wrapper {
  max-width: 750px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .rich-text__wrapper {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .rich-text__wrapper {
      margin: 0 36px; } }

.jumplinks .rich-text__wrapper {
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .jumplinks .rich-text__wrapper {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .jumplinks .rich-text__wrapper {
      margin: 0 auto; } }

.rich-text__wrapper--columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.rich-text__wrapper--columns .rich-text__block {
  width: calc(50% - 15px); }

@media (max-width: 1023px) {
  .rich-text__block {
    overflow-x: scroll; } }

/* Figure / Image display */
figure {
  display: block;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  width: 100%;
  margin: 0; }

figure.util__image--herosize {
  max-width: 1700px;
  margin: 0 auto;
  overflow: hidden; }
  @media (max-width: 479px) {
    figure.util__image--herosize {
      width: 100%;
      overflow: hidden; } }

@media (max-width: 479px) {
  figure.util__image--herosize img {
    width: 200%;
    margin-left: -50%; } }

@media (max-width: 479px) {
  figure.util__image--natural img {
    width: 100%; } }

/* CTA Buttons for header */
.cta {
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  margin: 0 4px;
  transition-property: background, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 1269px) {
    .cta {
      font-size: 12px; } }

.cta--no-border {
  border: none; }

.cta.cta--no-hover:hover {
  color: #fff;
  background: #0181c6; }

.cta:hover,
[data-whatinput='keyboard'] .cta:foucs {
  background: #fff;
  color: #0181c6;
  transition-property: background, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  text-decoration: none; }

.cta svg.icon {
  width: 16px;
  height: 16px;
  fill: #fff;
  margin-right: 5px;
  transition-property: fill;
  transition-duration: 0.2s;
  transition-timing-function: ease-in; }

.cta:hover svg.icon,
[data-whatinput='keyboard'] .cta:hover:focus svg.icon {
  fill: #0181c6;
  transition-property: background, fill;
  transition-duration: 0.2s;
  transition-timing-function: ease-out; }

.cta.cta--no-hover:hover svg.icon {
  fill: #fff; }

/* global re-use buttons */
.util-btn-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.util-btn {
  border: 0;
  color: #fff;
  background-color: #05457a;
  text-decoration: none;
  padding: 13px 18px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  margin: 0 4px;
  transition-property: background, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .util-btn:hover {
    background: #3a6a95;
    color: #fff;
    transition-property: background, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    text-decoration: none; }

.util-btn.util-btn--white {
  color: #05457a;
  background-color: #fff;
  border: 1px solid #05457a; }
  .util-btn.util-btn--white:hover {
    background: #05457a;
    color: #fff; }

.util-btn.util-btn--orange {
  color: #fff;
  background-color: #f25e20; }
  .util-btn.util-btn--orange:hover {
    background: #f47f4c; }

/* this default is for the shop cart icon, but other icons (if ever used) may benefit from different margins */
.util-btn svg.icon {
  fill: #fff;
  width: 1.2em;
  height: 1.2em;
  margin-bottom: -4px;
  margin-right: 0.2em; }

.util-btn__texttoggle--hidden {
  display: none; }

section.videoEmbed__wrap {
  margin-bottom: 30px; }

/* pagination styles */
.paginationjs-pages ul {
  list-style-type: none;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

li.paginationjs-prev.disabled,
li.paginationjs-next.disabled {
  display: none; }

li.paginationjs-page.J-paginationjs-page.active a {
  color: #C4C5C7; }

li.paginationjs-page.J-paginationjs-page {
  margin: 0 0.7em; }

li.paginationjs-next.J-paginationjs-next a,
li.paginationjs-prev.J-paginationjs-previous a {
  color: #05457a;
  background-color: #fff;
  border: 1px solid #05457a;
  text-decoration: none;
  padding: 13px 18px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  margin: 0 1.4em;
  transition-property: background, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  li.paginationjs-next.J-paginationjs-next a:hover,
  li.paginationjs-prev.J-paginationjs-previous a:hover {
    background: #05457a;
    color: #fff;
    transition-property: background, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out; }

/* Radios  */
input[type=radio] {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
  /* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ }

input[type=radio] + label {
  display: block;
  position: relative; }

input[type=radio] + label:before {
  content: '';
  background: #fff;
  border: .1em solid orangered;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  box-sizing: border-box;
  float: left;
  width: 1em;
  height: 1em;
  margin-left: -1.5em;
  margin-top: .15em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all .1s ease-out; }

input[type=radio] + label:before {
  border-radius: 100%; }

input[type=radio]:disabled + label:before {
  border: 0.1em solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1); }

input[type=radio]:disabled + label {
  color: #ccc; }

input[type=radio]:checked + label:before {
  background-color: orangered;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.95); }

/* Spinner */
.util__spinner {
  position: absolute;
  pointer-events: none;
  width: 100%;
  text-align: center;
  left: 0; }

.util__spinner svg {
  width: 3.75em;
  -ms-transform-origin: center;
      transform-origin: center;
  -webkit-animation: util__spinner-rotate 2s linear infinite;
          animation: util__spinner-rotate 2s linear infinite; }

.util__spinner circle {
  fill: none;
  stroke: #05457a;
  stroke-width: 5;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: util__spinner-dash 1.5s ease-in-out infinite;
          animation: util__spinner-dash 1.5s ease-in-out infinite; }

@-webkit-keyframes util__spinner-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes util__spinner-rotate {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes util__spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

@keyframes util__spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

/* PDF document viewer in iOS benefits from this */
#iframe-adobe-dc-view {
  width: 100vw;
  height: 100vh;
  position: fixed; }

/* scroll to top */
.scrollToTop {
  width: 40px;
  height: 40px;
  background-color: #00457c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.14);
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 100;
  opacity: 0;
  transition: .5s; }

.velaro-loaded .scrollToTop {
  bottom: 100px; }
  @media (max-width: 851px) {
    .velaro-loaded .scrollToTop {
      bottom: 140px; } }

.scrollToTop svg {
  width: 18px; }

.scrollToTop svg path {
  fill: #fff; }

.velaro-available-launcher .velaro-custom-launcher-frame,
.velaro-available-launcher .velaro-custom-launcher-frame iframe,
.velaro-unavailable-launcher .velaro-custom-launcher-frame,
.velaro-unavailable-launcher .velaro-custom-launcher-frame iframe {
  bottom: 30px !important; }
  @media (max-width: 851px) {
    .velaro-available-launcher .velaro-custom-launcher-frame,
    .velaro-available-launcher .velaro-custom-launcher-frame iframe,
    .velaro-unavailable-launcher .velaro-custom-launcher-frame,
    .velaro-unavailable-launcher .velaro-custom-launcher-frame iframe {
      bottom: 80px !important; } }

/* breakpoints */
/*
 * Simple Forms, a fork of Mark Otto's original work
 * Released under MIT and copyright 2014 Mark Otto.
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 *
 * Specifc HTML markup needed for this to work, see:
 * https://github.com/nsteiner/simple-forms/blob/master/index.html
 *
 * added .util-sf__ prefix for better BEM
 *
 */
/*
 * Checkboxes and radios
 */
.util-sf__control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer; }

.util-sf__control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */ }

.util-sf__control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #f3f3f3;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
  .control:hover .control-indicator {
    color: #fff;
    background-color: #ccc;
  }
  */
/* Focus */
.util-sf__control input:focus ~ .util-sf__control-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/* Checked state */
.util-sf__control input:checked ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #0074d9; }

/* Active */
.util-sf__control input:active ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #84c6ff; }

/* Checkbox modifiers */
.util-sf__checkbox .util-sf__control-indicator {
  border-radius: .25rem; }

.util-sf__checkbox input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

/* Radio modifiers */
.util-sf__radio .util-sf__control-indicator {
  border-radius: 50%; }

.util-sf__radio input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

/* Alternately, use another character */
.util-sf__control-x input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==); }

.util-sf__control-dash input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

/*
   * Select
   */
.util-sf__select {
  position: relative;
  display: block; }

.util-sf__select select {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  color: #05457a;
  display: inline-block;
  width: 100%;
  margin: 0;
  font-size: 18px;
  padding: .5rem 2.25rem .5rem 1rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #05457a;
  border-radius: .25rem;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Undo the Firefox inner focus ring */
.util-sf__select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* Dropdown arrow */
.util-sf__select:before {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.2rem;
  z-index: 2;
  pointer-events: none;
  border-top: 0.6rem solid #05457a;
  border-right: 0.5rem solid transparent;
  border-bottom: .4rem solid transparent;
  border-left: 0.5rem solid transparent;
  transition: inherit; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
  .select select:hover {
    background-color: #ddd;
  }
  */
/* Focus */
/* Active/open */
/* Hide the arrow in IE10 and up */
.util-sf__select select::-ms-expand {
  display: none; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .util-sf__select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem; }
  /* <option> elements inherit styles from <select>, so reset them. */
  .util-sf__select option {
    background-color: #fff; } }

/* IE9 hack to hide the arrow */
@media screen and (min-width: 0\0) {
  .util-sf__select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem; }
  .util-sf__select:after {
    z-index: 5; }
  .util-sf__select select:hover,
  .util-sf__select select:focus,
  .util-sf__select select:active {
    color: #555; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* HACK: IE10+ CSS */
  .util-sf__select.selector-tool-slider__select__wrap select {
    z-index: 1;
    padding-right: 37px; } }

/*
   * File
   */
.util-sf__file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem; }

.util-sf__file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.util-sf__file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.util-sf__file-custom:after {
  content: "Choose file..."; }

.util-sf__file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

/* Focus */
.util-sf__file input:focus ~ .util-sf__file-custom {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/*
   * Progress
   */
.util-sf__progress {
  display: inline-block;
  height: 1rem; }

.util-sf__progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove Firefox and Opera border */
  border: 0;
  /* IE10 uses `color` to set the bar background-color */
  color: #0074d9; }

.util-sf__progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: .2rem; }

.util-sf__progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem; }

.util-sf__progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem; }

/* Firefox styles must be entirely separate or it busts Webkit styles. */
@-moz-document url-prefix() {
  .util-sf__progress[value] {
    background-color: #eee;
    border-radius: .2rem; }
  .util-sf__progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .util-sf__progress[value="100"]::-moz-progress-bar {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/* IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway. */
@media screen and (min-width: 0\0) {
  .util-sf__progress {
    background-color: #eee;
    border-radius: .2rem; }
  .util-sf__progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    /* Simulate hiding of value as in native `<progress>` */
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .util-sf__progress[width="100%"] {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/*
   * Control layouts
   */
.util-sf__controls-stacked {
  margin: 1rem 0; }

.util-sf__controls-stacked .util-sf__control,
.util-sf__controls-stacked .util-sf__progress {
  display: block; }

.util-sf__controls-stacked .util-sf__control + .util-sf__control,
.util-sf__controls-stacked .util-sf__progress + .util-sf__progress {
  margin-top: .5rem; }

.util-sf__controls-inline {
  margin: 1rem 0; }

.util-sf__controls-inline .util-sf__control {
  display: inline-block;
  height: 1rem; }

.util-sf__controls-inline .util-sf__control + .util-sf__control {
  margin-left: 1rem; }

/* breakpoints */
.util__popbox span.icon__close {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 7vw;
  top: 3vw;
  fill: #fff;
  cursor: pointer; }

.util__popbox span.icon__label {
  position: absolute;
  top: -3px;
  right: 31px;
  color: #fff; }

.util__popbox .popbox_container {
  position: static;
  background: transparent;
  width: 100%;
  max-width: 750px; }

.util__popbox h5 {
  margin: 0 0 1.2em; }

.util__popbox h5 svg {
  fill: #05457a;
  margin: 0 6px -4px 0px;
  max-width: 24px; }

.util__popbox-content {
  background: #fff;
  padding: 30px;
  border-radius: 6px; }

.util__popbox-content input:not([type='checkbox']) {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  color: #000;
  padding: .5rem 1rem;
  width: 100%;
  border: 2px solid #eaeaea;
  border-radius: .25rem;
  font-size: 18px;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none; }

.util__popbox-content p {
  margin: 0 0 0.6em 0; }

.util__popbox-content button {
  margin-top: 20px;
  margin-left: 0; }

@charset "UTF-8";
/* breakpoints */
/* == header == */
header {
  background: #0181c6;
  color: #fff;
  padding: 30px 0 60px;
  position: static;
  width: 100%;
  z-index: 1;
  font-weight: 400; }

.util-mobile-menu-text {
  opacity: 0;
  white-space: nowrap !important; }

.page.page--hide-secondary-nav header {
  padding: 30px 0 0; }
  @media (max-width: 1269px) {
    .page.page--hide-secondary-nav header {
      padding: 0; } }

.header .util__font-medium {
  font-weight: bold; }

.mainnav .use-with-caution__products .util__font-medium,
.mainnav .use-with-caution__all-industries .util__font-medium {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 500; }

header .meganav-desktop__nav-list *,
header .mainnav__second-level * {
  font-size: 14px; }

/*
  general fix for CSS column veritcal alignment on
  automatically-sorted nav items
  */
header li {
  -moz-column-break-inside: avoid;
       break-inside: avoid; }

.header__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: static; }

.header__wrap::after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  width: 100vw;
  height: 20px;
  top: 90px;
  left: 0;
  z-index: 4000; }
  @media (max-width: 1269px) {
    .header__wrap::after {
      display: none; } }

.donaldsonmainlogo svg {
  display: block;
  margin-top: -4px;
  width: 232px;
  height: 62px;
  fill: #fff; }

.nav-stripe__logo svg {
  display: block;
  margin-top: 14px;
  width: 182px;
  height: 45px;
  fill: #fff; }

.cta.nav-stripe__search svg {
  width: 20px;
  height: 20px; }

.nav__list {
  display: -ms-flexbox;
  display: flex; }

.nav__list a {
  color: #fff;
  padding: 5px 15px;
  padding-left: 0;
  display: block; }

.nav__list > li a {
  white-space: nowrap; }
  @media (min-width: 1000px) {
    .nav__list > li a {
      white-space: pre-wrap; } }

@media (min-width: 1270px) {
  .nav__bottom-level-list li:last-child {
    padding-bottom: 10px; } }

.header__mobilemenubutton {
  opacity: 0;
  height: 0;
  pointer-events: none; }

.header__searchtext {
  display: none; }

.header__searchtext input[type="text"] {
  border: none;
  padding: 0;
  outline: 0; }

@media (min-width: 1270px) {
  .nav__bottom-level-list {
    margin-bottom: 20px; } }

/* navigation stripe */
#nav-stripe {
  background: #0181c6;
  position: fixed;
  overflow: hidden;
  top: -70px;
  left: 0px;
  width: 100%;
  height: 70px;
  z-index: 2000;
  transition: top 0.2s ease-in; }
  @media (max-width: 1269px) {
    #nav-stripe {
      display: none; } }

@media (min-width: 1270px) {
  .use-with-caution__about-us li {
    min-height: 200px; } }

.mainnav__sub-child-link {
  font-weight: normal; }
  @media (max-width: 1269px) {
    .mainnav__sub-child-link {
      display: none; } }

body.header-revealed #nav-stripe {
  top: 0px;
  transition: top 0.4s ease-in; }

#nav-stripe .ctabuttons {
  height: 100%; }

.header-revealed .header-search {
  position: fixed;
  top: 70px; }

@media (max-width: 1269px) {
  header {
    padding: 0;
    position: fixed;
    z-index: 22;
    min-height: 70px;
    height: auto; }
  .mainnav-custom-sorting-container,
  .sectionnav-custom-sorting-container {
    display: none; }
  .header__wrap {
    position: static;
    width: 100%;
    margin: 0; }
  .donaldsonmainlogo {
    margin: 19px 0 16px -6px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 30px; }
  .donaldsonmainlogo svg {
    width: 143px;
    height: 41px; }
  .header-search {
    display: none; }
  .header__mobilemenubutton {
    position: absolute;
    right: 22px;
    top: 24px;
    cursor: pointer;
    opacity: 1;
    pointer-events: all; }
  .header__mobilemenubutton span.icon__menu {
    opacity: 1;
    width: 22px;
    height: 22px;
    display: block;
    -ms-transform: translate(-6px, 0px);
        transform: translate(-6px, 0px);
    fill: #fff; }
  .header__wrap--active span.icon__menu {
    opacity: 0;
    transition: opacity 0.2s ease-in; }
  .header__mobilemenubutton span.icon__close {
    opacity: 0;
    width: 16px;
    height: 16px;
    display: block;
    -ms-transform: translate(0px, -20px);
        transform: translate(0px, -20px);
    fill: #fff; }
  .header__wrap--active span.icon__close {
    opacity: 1;
    transition: opacity 0.2s 0.2s ease-in; }
  .header__wrap,
  .nav__list {
    -ms-flex-direction: column;
        flex-direction: column; }
  .nav__list--expanding {
    transition: height 0.4s ease-out;
    overflow: hidden; }
  .nav__list a {
    padding: 0;
    display: block; }
  .nav__list--expanding li a {
    background-color: #F0F0F0; }
  .mobilenavwrap {
    overflow: hidden;
    margin: 0 -36px;
    pointer-events: none;
    transition: height 0.4s ease-out;
    height: 0;
    width: 100%; }
  .header__wrap--active .mobilenavwrap {
    pointer-events: auto;
    transition: height 0.4s ease-out;
    height: calc(100vh - 140px);
    background: #fff;
    overflow-y: scroll; } }

@media all and (max-width: 1269px) and (-ms-high-contrast: none), (max-width: 1269px) and (-ms-high-contrast: active) {
  /* HACK: IE10+ CSS */
  .header__wrap--active .mobilenavwrap {
    height: 100vh !important; } }

@media (max-width: 1269px) {
  body.header__wrap--active {
    height: 100vh;
    overflow: hidden; }
  .header__search {
    -ms-flex-order: 0;
        order: 0; }
  .mainnav {
    -ms-flex-order: 1;
        order: 1; }
  .sectionnav {
    -ms-flex-order: 2;
        order: 2; }
  .sectionnav__wrap.util__retain {
    margin: 0; }
  .header__wrap .util__retain {
    max-width: none; }
  .mobilescrollcontent {
    min-height: calc(100vh + 50px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .header__searchtext,
  .mainnav li,
  .sectionnav li {
    padding: 0;
    background: #fff;
    width: auto; }
  .header__searchtext,
  .mainnav li a,
  .sectionnav li a,
  .sectionnav__wrap > .nav__list > li > a {
    color: #00437c;
    padding: 20px 25px;
    box-shadow: inset 0 -1px 0 0px #ccc;
    overflow: hidden; }
  .mainnav .nav__list--expanding a,
  .sectionnav li a {
    box-shadow: none; }
  .mainnav .nav__list li::after,
  .sectionnav li::after,
  .nav__bottom-level-list + .nav__bottom-level-list::before {
    opacity: 0;
    transition-delay: 0.2s;
    position: absolute;
    content: "";
    height: 1px;
    background-color: #DDDDDD;
    margin: 0 20px;
    width: calc(100% - 40px); }
  .mainnav .nav__list--active li::after,
  .sectionnav .nav__list--active li::after,
  .nav__bottom-level-list::before {
    transition: all 0s;
    opacity: 1; }
  .sectionnav .nav__list--active li::after,
  .nav__bottom-level-list::before {
    bottom: 0; }
  .nav__bottom-level-list > li::after {
    display: none; }
  .nav__bottom-level-list {
    overflow: hidden;
    pointer-events: none; }
  .nav__bottom-level-list.nav__bottom-level-list--expanded {
    pointer-events: all; }
  .sectionnav .nav__list::after {
    content: "";
    height: 60px;
    width: 100vw;
    position: absolute;
    background-color: #f6f6f6;
    z-index: -1; } }
  @media (max-width: 1269px) and (max-width: 1269px) {
    .sectionnav .nav__list::after {
      display: none; } }

@media (max-width: 1269px) {
  .sectionnav .nav__list li,
  .sectionnav__wrap li.nav__list--active > a,
  .mainnav li.nav__list--active > a {
    box-shadow: none; }
  .sectionnav li:last-child > a,
  .sectionnav li:last-child li:last-child a {
    box-shadow: inset 0 -1px 0 0px #ccc; }
  .sectionnav li:last-child > a.sibling-list-expanded {
    box-shadow: none; }
  .sectionnav li:last-child::after {
    opacity: 0; }
  .sectionnav li a.nav__bottom-level-link {
    box-shadow: none;
    padding-left: 50px;
    font-size: 14px; }
  .sectionnav__header {
    padding: 20px 25px;
    background: #05457a;
    color: #fff;
    border-top: 64px solid #fff; }
  .sectionnav__header a,
  .sectionnav__header a:visited {
    color: #fff; }
  .header__searchtext input[type="text"] {
    font-size: 18px;
    display: inline-block;
    width: calc(100% - 22px); }
  .mainnav__list a,
  .sectionnav__list a {
    color: #00437c;
    font-size: 19px; }
  .header__searchtext form {
    display: -ms-flexbox;
    display: flex; }
  .header__searchtext {
    display: block; }
  .header__search {
    color: #a8a7a7; }
  span.icon.icon__search {
    width: 20px;
    height: 20px;
    display: block;
    fill: #a8a7a7; }
  .ctabuttons {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    background: #0181c6;
    width: 100%;
    padding: 16px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; } }
  @media (max-width: 1269px) and (orientation: landscape) {
    .ctabuttons {
      position: fixed;
      z-index: 100;
      top: 0;
      right: 73px;
      bottom: auto;
      left: auto;
      background: #0181c6;
      width: auto;
      padding: 13px 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; } }

@media (max-width: 1269px) {
  .nav__expands {
    position: relative; }
  .nav__expands:before {
    content: "+";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    color: #05457a;
    right: 26px;
    top: 7px;
    width: 20px;
    height: 40px;
    font-weight: 200;
    font-size: 36px;
    line-height: 0px;
    -ms-transform-origin: 10px 23px;
        transform-origin: 10px 23px;
    transition: transform 0.3s ease-out;
    pointer-events: none;
    /* outline:1px solid red; */ }
  .nav__list--active.nav__expands:before {
    content: "—";
    font-size: 23px;
    height: 42px;
    font-weight: bold; }
  /* test the centering rotation with this */
  /* .nav__expands::after {
        	position: absolute;
        	content: "";
        	display: block;
        	width: 4px;
        	height: 4px;
        	background: red;
        	z-index: 10;
        	top: 29px;
        	right: 44px;
        	border-radius: 50%;
        } */ }

@media (min-width: 1270px) {
  .mainnav-custom-sorting-container,
  .sectionnav-custom-sorting-container {
    position: absolute;
    left: 0;
    z-index: 601;
    background-color: #fff;
    width: 100vw; }
  .mainnav-custom-sorting-container {
    top: 110px; }
  .sectionnav-custom-sorting-container {
    top: 170px; }
  .header__meganav-column-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .header__meganav-column-wrapper ul {
    margin-top: 42px; }
  .header__meganav-column-wrapper ul {
    margin-top: 42px;
    padding-left: 11px;
    width: 253px;
    margin-right: -10px; }
  .header__meganav-column-wrapper ul > li {
    padding-bottom: 24px; }
  .detect-leaving-menu {
    display: none;
    background: black;
    height: 100vh;
    width: 100vw;
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    opacity: 0; }
  .mainnav > ul > li {
    z-index: 900; }
  .mainnav > .nav__list > li > a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
    padding: 0px 15px;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-top: -30px;
    transition: all 0.3s ease; }
    .mainnav > .nav__list > li > a:hover, .mainnav > .nav__list > li > a.nav__list-trigger--active, .mainnav > .nav__list > li > a.nav__list-trigger--active::before, .mainnav > .nav__list > li > a.nav__list-trigger--active::after {
      background-color: white;
      color: #05457a;
      transition: all 0.4s ease; }
  .mainnav > .nav__list > li > a.mainnav-trigger {
    white-space: nowrap; }
  .nav__list-trigger--active {
    position: relative; }
  .sectionnav .nav__list-trigger--active:not(.first-subnav-item)::before {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    width: 40px;
    height: 20px;
    position: absolute;
    left: -30px;
    bottom: 0;
    border-radius: 27px 2px 0 0; } }
  @media (min-width: 1270px) and (max-width: 1269px) {
    .sectionnav .nav__list-trigger--active:not(.first-subnav-item)::before {
      display: none; } }

@media (min-width: 1270px) {
  .sectionnav .nav__list-trigger--active:not(.first-subnav-item)::after {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    width: 40px;
    height: 20px;
    position: absolute;
    right: -30px;
    bottom: 0;
    border-radius: 0 27px 0 0; } }
  @media (min-width: 1270px) and (max-width: 1269px) {
    .sectionnav .nav__list-trigger--active:not(.first-subnav-item)::after {
      display: none; } }

@media (min-width: 1270px) {
  .nav.meganav-backdrop {
    height: 0;
    width: 100%;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 170px;
    z-index: 1000;
    display: none;
    box-shadow: 0px 3px 8px -6px #05457a;
    opacity: 0;
    transition: height 0.3s ease; }
  .nav.meganav-backdrop.show {
    display: block;
    opacity: 1;
    transition: height 0.3s ease;
    z-index: 500; } }
  @media (min-width: 1270px) and (max-width: 1269px) {
    .nav.meganav-backdrop.show {
      display: none; } }

@media (min-width: 1270px) {
  .nav__list li ul.nav__list {
    display: none; }
  .header__wrap {
    width: 1200px; }
  .donaldsonmainlogo {
    width: 300px;
    -ms-transform: translateY(-10px);
        transform: translateY(-10px); }
  .mainnav .nav__list--active .nav__list--expanding {
    position: absolute;
    display: block;
    width: 100%;
    -moz-column-count: 5;
         column-count: 5;
    top: 140px;
    z-index: 2000;
    color: #05457a;
    max-width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
    .mainnav .nav__list--active .nav__list--expanding > li {
      font-weight: bold; }
    .mainnav .nav__list--active .nav__list--expanding a {
      color: #05457a;
      padding: 12px 16px 12px 0; }
      .mainnav .nav__list--active .nav__list--expanding a.mainnav__sub-child-link {
        padding: 6px 16px 6px 0; }
  .nav__list-heading-with-sublist {
    -moz-column-break-inside: avoid;
         break-inside: avoid; }
  .sectionnav .nav__list--active .nav__list--expanding > li > a {
    background-color: #fff;
    font-size: 16px;
    padding: 13px;
    padding-left: 0; }
  .sectionnav {
    position: absolute;
    width: 100%;
    top: 110px;
    left: 0;
    background: #f3f3f3;
    background: linear-gradient(90deg, #eaeaea 0%, #eaeaea calc(50vw - 270px), #f6f6f6 calc(50vw - 270px));
    color: #05457a; }
  .sectionnav .nav__list {
    height: 100%;
    z-index: 600; }
  .sectionnav__header {
    height: 100%;
    background: #eaeaea;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 70px; }
  .sectionnav__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    height: 60px; }
  .sectionnav .nav__list > li > a {
    color: #05457a;
    background: #f6f6f6;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 30px;
    transition: all 0.5s ease; }
  html[lang="ru"] .sectionnav .nav__list > li > a {
    padding: 0 29px; }
  .sectionnav .nav__list > li > a.nav__list-trigger--active {
    background: #fff;
    transition: all 0.5s ease; }
  .sectionnav ul.nav__list.nav__list--expanding,
  .meganav__desktop {
    top: 100px;
    height: auto;
    left: 0;
    right: 0;
    position: absolute;
    -moz-column-count: 5;
         column-count: 5;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    width: 1200px;
    z-index: 2000;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto; }
  .mainnav li.nav__list--active ul {
    display: block;
    opacity: 0;
    -webkit-animation: global-map-fade-in 0.8s ease forwards;
            animation: global-map-fade-in 0.8s ease forwards; }
  li.nav__list--active .meganav__desktop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    opacity: 0;
    -webkit-animation: global-map-fade-in 0.8s ease forwards;
            animation: global-map-fade-in 0.8s ease forwards; }
  .sectionnav .nav__list--active > ul > li {
    width: 214px;
    font-size: 14px; }
  .nav__bottom-level-list a {
    color: #05457a; }
  .nav__list > li > ul > li > a {
    white-space: normal;
    width: 250px;
    padding-left: 0; }
  .sectionnav .sectionnav__header + .nav__list > li:first-child > a {
    position: relative;
    padding-left: 15px; }
    .sectionnav .sectionnav__header + .nav__list > li:first-child > a:before {
      content: "";
      position: absolute;
      display: block;
      left: -30px;
      top: 0;
      width: 30px;
      height: 30px;
      background-color: #f6f6f6;
      background-image: linear-gradient(55deg, #eaeaea 0%, #eaeaea 50%, transparent 50%);
      transition: all 0.5s ease; }
    .sectionnav .sectionnav__header + .nav__list > li:first-child > a:after {
      content: "";
      position: absolute;
      display: block;
      left: -30px;
      bottom: 0;
      width: 30px;
      height: 30px;
      background-color: #f6f6f6;
      background-image: linear-gradient(125deg, #eaeaea 0%, #eaeaea 50%, transparent 50%);
      transition: all 0.5s ease; }
  .sectionnav .sectionnav__header + .nav__list > li:first-child > a.first-subnav-item.nav__list-trigger--active:before,
  .sectionnav .sectionnav__header + .nav__list > li:first-child > a.first-subnav-item.nav__list-trigger--active:after {
    background-color: #fff;
    transition: all 0.5s ease; }
  .sectionnav .nav__list > li.nav--active > a {
    background: #fff; }
  .ctabuttons {
    position: absolute;
    top: 0;
    right: calc(50% - 600px);
    z-index: 1;
    width: 400px;
    height: 110px;
    margin: 0px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center; }
    .ctabuttons .cta {
      white-space: nowrap; }
  .header-search {
    height: 0;
    overflow: hidden;
    background: #fff;
    position: absolute;
    z-index: 2000;
    width: 100%;
    left: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    box-shadow: 0px 3px 8px -6px #05457a; }
  .header-search--active {
    pointer-events: all;
    transition: all 0.3s ease;
    height: 60px; }
  .header__search-button {
    height: 20px;
    width: 20px;
    -ms-transform: translate(13px, 15px);
        transform: translate(13px, 15px); }
  .header__search-button svg {
    fill: #fff; }
  .header-search__input,
  .placeholderlabel {
    outline: none;
    border: none;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 300; }
  .placeholderlabel {
    position: relative; }
  span.placeholderlabel__text {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    color: #999;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.5s ease-in;
    line-height: 1.2; }
  .header-search__input::-webkit-input-placeholder {
    color: #999; }
  .header-search__input::-moz-placeholder {
    color: #999; }
  .header-search__input:-ms-input-placeholder {
    color: #999; }
  .header-search__input::-ms-input-placeholder {
    color: #999; }
  .header-search__input::placeholder,
  .placeholderlabel__text {
    color: #999; }
  .header-search__input::-ms-clear {
    display: none; }
  .js-searchinput__hasvalue .placeholderlabel__text {
    opacity: 0;
    transition: opacity 0.1s ease-out; }
  .header-search__cancel-button {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 11px;
    color: gray;
    position: absolute;
    top: 10px;
    right: 44px;
    border: 1px solid #dedede;
    background: #fff; }
  -webkit-search-cancel-button {
    display: none; } }

.meganav__mobile-menu {
  display: none; }

.meganav__mobile-menu {
  display: none; }
  @media (max-width: 1269px) {
    .meganav__mobile-menu {
      display: block; } }

@media (max-width: 1269px) {
  .mainnav__mobile-hidden-item {
    display: none; } }

.meganav__desktop {
  height: 0;
  overflow: hidden; }
  .meganav__desktop .nav__list a,
  .meganav__desktop a.meganav__desktop-heading {
    color: #05457a;
    font-weight: bold; }
    @media (min-width: 1000px) {
      .meganav__desktop .nav__list a,
      .meganav__desktop a.meganav__desktop-heading {
        white-space: pre-wrap; } }
  .meganav__desktop a.meganav__desktop-heading:empty {
    display: none; }

@media (min-width: 1270px) {
  a.nav-spacing-padded {
    padding-bottom: 20px; } }

.meganav__desktop > * {
  width: 20%;
  padding-right: 20px; }

@media (min-width: 1270px) {
  .meganav__mobile-menu,
  .header__overview-link {
    display: none; } }

@-webkit-keyframes nav__fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes nav__fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*
Keyboard styles using what-input
*/
[data-whatinput="keyboard"] .header__search-button:focus::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  border: 2px solid;
  border-radius: 40px;
  -ms-transform: translate(-10px, -9px);
      transform: translate(-10px, -9px); }

@media (max-width: 1269px) {
  .header__search-activator {
    display: none; } }

/* banner */
section.header__banner.nobannercookie {
  height: auto;
  border-bottom: 1px solid #eeeeee; }

section.header__banner {
  height: 0px;
  border-bottom: none;
  transition: height 1s ease-out;
  overflow: hidden; }

.header__banner-content {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  -ms-flex-align: center;
      align-items: center; }

.header__banner-message {
  -ms-flex: 1;
      flex: 1;
  text-align: center; }

span.header__banner-text > span {
  padding-left: 5px; }

.header__banner-message a {
  text-decoration: underline; }

button.header__banner-close-button {
  width: 35px;
  height: 35px;
  border: 1px solid #05457a;
  border-radius: 50%;
  padding: 9px; }

button.header__banner-close-button svg {
  fill: #05457a; }

@media (max-width: 1269px) {
  section.header__banner {
    margin-top: 72px;
    margin-bottom: -72px;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
    width: 100%; }
  span.header__banner-text {
    padding-right: 10px;
    display: block; }
  .header__banner-message {
    text-align: left; }
  .header__banner-content {
    padding: 15px 28px 15px 30px; }
  button.header__banner-close-button {
    width: 25px;
    height: 25px;
    border: 1px solid #05457a;
    border-radius: 50%;
    padding: 0px 6px; } }

/* breakpoints */
/* == footer == */
footer {
  background: #4f626e;
  color: #fff;
  font-size: 14px;
  position: relative;
  overflow: hidden; }

.footer__wrap a:hover {
  color: inherit; }

.footer-breadcrumbs {
  background-color: #fff;
  border-top: 2px solid #e4e4e4;
  color: #2e2e2e; }

.footer-breadcrumbs-content {
  padding: 16px 0 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.footer-breadcrumbs-content__text {
  color: #05457a;
  margin-bottom: 10px; }

.footer-breadcrumbs-content__text:last-of-type {
  color: #000; }

.footer-breadcrumbs-content__separator {
  position: relative;
  top: -5px;
  margin-left: 8px;
  margin-right: 8px; }

.footer-content {
  font-weight: 300; }

.footer-content__wrap {
  color: #f5f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 20px 0; }

.footer-list h2 {
  font-size: 1.3em;
  font-weight: 400;
  -webkit-margin-after: 5px;
          margin-block-end: 5px; }

footer a {
  color: inherit;
  text-decoration: none; }

.footer-list li {
  line-height: 1.9; }

.footer-bottom {
  border-top: 2px solid #697780;
  padding: 20px 0; }

.footer-bottom-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.footer-bottom a {
  border-left: 1px solid currentColor;
  margin-left: 15px;
  padding-left: 15px; }

html[lang=zh] .footer-bottom a {
  margin-left: 3px;
  padding-left: 8px; }

.footer-bottom__language-globe > svg {
  height: 18px;
  width: 18px;
  margin-right: 7px;
  -ms-transform: translateY(18%);
      transform: translateY(18%);
  stroke: #fff; }

.footer__region-selector {
  height: 450px;
  width: 100%;
  background-color: #0181c6;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #fff;
  font-weight: 300;
  -ms-transform: translateY(500px);
      transform: translateY(500px);
  transition: all 0.4s ease-out; }

.footer__region-selector--open {
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 0.4s ease-out;
  z-index: 1; }

.footer__region-selector-content {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.footer__region-selector-column {
  width: 48%; }

.footer__region-selector-header {
  font-size: 18px;
  border-bottom: 1px solid; }

.footer__region-selector-header > h2 {
  font-weight: 300; }

.footer__region-selector-map {
  height: 290px;
  position: relative;
  margin-top: 40px; }

.footer__region-selector-map-region {
  fill: #62a4ca;
  position: absolute;
  transition: all 0.4s ease; }

.footer__region-selector-map-region:hover {
  fill: #7cb4db;
  transition: all 0.4s ease; }

.footer__region-selector-map-region--active,
.footer__region-selector-map-region--active:hover {
  fill: #fff;
  transition: all 0.4s ease; }

.footer__region-selector .invisible {
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none; }

.footer-region-selected {
  padding-left: 10px;
  opacity: 1;
  transition: all 0.3s 0.3s ease;
  position: absolute; }

#region-selector-0 {
  width: 266px;
  top: -65px;
  left: -2px; }

#region-selector-1 {
  width: 160px;
  top: 115px;
  left: 77px; }

#region-selector-2 {
  width: 321px;
  left: 257px;
  top: -77px; }

#region-selector-3 {
  width: 122px;
  left: 225px;
  top: 113px;
  border-radius: 100px;
  padding-left: 22px; }

#region-selector-3 > svg {
  width: 120px; }

#region-selector-4 {
  width: 217px;
  left: 346px;
  top: 58px;
  border-radius: 20px;
  margin-left: 13px;
  margin-top: 20px; }

#region-selector-4 > * {
  margin-left: -25px;
  margin-top: -21px;
  width: 217px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* HACK: IE10+ CSS */
  #region-selector-0 svg {
    height: 264px; }
  #region-selector-2 svg {
    height: 341px; }
  #region-selector-4 svg {
    height: 240px; } }

.footer__region-selector-languages {
  margin-top: 30px;
  font-size: 18px;
  position: absolute;
  opacity: 1;
  transition: all 0.3s 0.3s ease; }

.footer__language-list > li + li {
  margin-top: 10px; }

.footer__language-select-activator--active::before {
  content: "";
  border-bottom: 4px solid;
  border-right: 4px solid;
  width: 10px;
  height: 17px;
  position: absolute;
  -ms-transform: translateX(-20px) rotate(45deg);
      transform: translateX(-20px) rotate(45deg); }

.footer__region-selector-cancel-button {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  padding: 8px;
  border: 1px solid #fff;
  fill: #fff;
  background: transparent;
  right: 24px;
  top: 24px;
  position: absolute; }

.footer__region-has-subregions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: 300;
  width: 500px;
  margin-top: 12px; }

.footer__region-has-subregions h3 {
  font-size: 18px;
  font-weight: bold; }

.footer__region-has-subregions .col {
  width: 26%; }

.footer__region-selector-select {
  display: none; }

@media (max-width: 1269px) {
  footer {
    margin-bottom: 69px; }
  .footer-list-header {
    position: relative; }
  .footer-list-header:before {
    content: "+";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    color: #05457a;
    right: 26px;
    top: 7px;
    width: 40px;
    height: 40px;
    font-weight: 200;
    font-size: 36px;
    line-height: 0px;
    -ms-transform-origin: 20px 24px;
        transform-origin: 20px 24px;
    transition: transform 0.3s ease-out;
    pointer-events: none;
    /* outline:1px solid red; */ }
  .footer-list--expanded:before {
    -ms-transform: rotate(46deg);
        transform: rotate(46deg);
    transition: transform 0.3s ease-in; }
  /* footer mobile */
  .footer-content__wrap {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
    padding: 0; }
  .footer-list__nav {
    margin-left: 4vw;
    padding-bottom: 15px; }
  .footer-list-header {
    box-sizing: border-box;
    height: 60px;
    margin: auto;
    padding-top: 18px;
    padding-left: 4vw; }
  .footer-list {
    box-sizing: border-box;
    height: 60px;
    overflow: hidden;
    transition: height 0.4s ease-out;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #697780; }
  .footer-list h2 {
    -webkit-margin-after: 0;
            margin-block-end: 0; }
  .footer-list-header:before {
    color: #fff; }
  .footer-bottom {
    border-top: none; }
  .footer-bottom-content {
    margin-left: 4vw;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between;
    min-height: 70px;
    margin-bottom: 10px; }
  .footer-breadcrumbs {
    display: none; }
  .footer__region-selector-content {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 580px;
    margin: auto; }
  /* region selector  */
  .footer__region-selector-map-region {
    pointer-events: none; }
  .footer__region-selector {
    height: 600px;
    -ms-transform: translateY(600px);
        transform: translateY(600px); }
  .footer__region-selector--open {
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 0.4s ease-out; }
  .footer__region-selector-column {
    width: auto; }
  .footer-region-selected,
  #footer-language-selected {
    display: none; }
  /* test the centering rotation with this */
  /* .nav__expands::after {
        	position: absolute;
        	content: "";
        	display: block;
        	width: 4px;
        	height: 4px;
        	background: red;
        	z-index: 10;
        	top: 29px;
        	right: 44px;
        	border-radius: 50%;
        } */
  .footer__region-selector-header {
    border-bottom: none; }
  .footer__region-selector-body--column-2 {
    display: none; }
  .footer__region-selector-select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    color: #fff;
    line-height: 1.3;
    padding: 0.6em 1.4em 0.5em 0.8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 2px solid #fff;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
    border-radius: 0.5em;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"292.4"%20height%3D"292.4"><path%20fill%3D"%23ffffff"%20d%3D"M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z"%2F><%2Fsvg>');
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 0.65em auto, 100%; }
  .footer__region-selector-select::-ms-expand {
    display: none; }
  .footer__region-selector-select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none; }
  .footer__region-selector-select option {
    font-weight: normal; }
  #languages-select option {
    display: none; }
  [data-current-region*="0"] #languages-select [data-show-if-region*="0"],
  [data-current-region*="1"] #languages-select [data-show-if-region*="1"],
  [data-current-region*="2"] #languages-select [data-show-if-region*="2"],
  [data-current-region*="3"] #languages-select [data-show-if-region*="3"],
  [data-current-region*="4"] #languages-select [data-show-if-region*="4"],
  [data-current-region*="5"] #languages-select [data-show-if-region*="5"],
  [data-show-if-region*="all"] {
    display: block; } }

@media (max-width: 579px) {
  .footer__region-selector {
    height: 440px; }
  .footer__region-selector-content {
    width: 98vw; }
  .footer__region-selector-map {
    height: 144px;
    position: relative;
    margin-top: 40px;
    -ms-transform: scale(0.53) translateX(calc(100vw - 327px));
        transform: scale(0.53) translateX(calc(100vw - 327px));
    -ms-transform-origin: top left;
        transform-origin: top left; } }

/* special icon for link in footer to Chinese security certification */
span.footer__chinese-security-link {
  position: relative; }

span.footer__chinese-security-link:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 21px;
  position: absolute;
  left: 12px;
  top: 0px;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4goSCx8U/C2ingAABNFJREFUOMsFwXlsFPUCwPHv/GZ2dnb2bLvd7b6uqZRG24ajCmjyUqlgVDSCpsYD9Q9jNBhjRI3GeMUYX17e8w8Sj+h7wWjEIxo1UYGgiHhX8aIqKqUWCt0tpd3ddnd259jZmfHzkYJGHQAfgQh8LLVAJNQF1LvM44e3fLbvhzscq6VefNnqne2rVr0PvQXHCQhbFggJEABIzcYSSAHCC5DVNuDLDZP79t/5zUfHtgTWpDbj6MhtKXrSGlZJbw1f0rt7YPPoy4F39p7AqRNIEhAglcwZRNAirp2NImzt4DPbrEf/PcHNVwacF/VY1lgi3KZTvXSYwyWdHfeO8cTDPVz2wE6tbtYcyf0RWQGBLBByAkWU887hpz5+5o0qW2/v5dZ8jeT/f6c84VGe8qhe9T+u9n5j+64b2fmeSzDx0jsx3daEFkOLhpHs2lHkuDowu+fp8eu2FdX+kRwvrxvjj+cqyPg0owK9O4E5foZao8n6D6/j7r19/PnB57z1ygWnRaZjw/zM1IQIOxaK/XFs90Rc/X52LVesNaiP1xCnqkipMOGKh/3NGULLOtDqFqVXDzF6eZODfw3y2ldeLiY1IoghRHWhlPe/+3SHL0VAMUkYs9TmIOS5ULGRluuoa1KI0w1UfEonLLrbHZAkFuuCcKeyo394dJk4efSTa5vF4nBbTIVWmCCXIz3cRZ0A458deFvzxJ4cQt++CtGpk1mTpmE2IQjIZXQojG+ozIzdJvRY20DNcOnttEHrYP8hHWVjgvLmHryigfRrA3PvGdwTS6gPDtN+32re3bUIRBlaqdCYmscuTOWFX5ndXFtUWJE3yF+g8sJrUb74T4GhdTmSehzz90X8eQf7t0XixSWOPHWMZ3eFyQ6lWNldpVR0cCtHh4VQGimjJkgsHOP6yz1abgx3zxwdb/+E6A7R7JTxMwrpjTlyB49T2nmERlNmdEuIeHkSo6agxEVIfujWqy9UtOK5id4e8ukoL36aoGrME3fKMF1C1FoEExUkC06KJK/PZPkxOcgL2+tkO3Vaqo+e6X9TAZEJagGzUwYrBk7wrwfW8NiD69ljrISayxazTHtK8O7eOHV0oI3779JY1zfJ7CRgm/gtY7WipJprW/Es7pxLYf5P7hkOM3ogysF9JkfFKjYN/kUuUqK1u5vmosVZ/TqPbJrmzNg0pquhpVWUlNov2cahm8qH/vuGNdfEKblQOMnya4YIZzXwynhlhfq8RXJZO/R0QKHEifcnsOJpYr0xIl06yb6tI1IQBLQav9xSObLjec+2kqWv5lCiAV0jA3gVC9dsIHQNrT2KpIYoj03R8hSSa5fj2pST566/MZpKHFBc6yTWglW05yKWlvWT2Y19eNUGnlEDXUVWU6gRaC7VaRQW0Xo60PJZnCUTu2gEkbPqyIkEImgeR+brhzPnx7tCbTmcqo/vKfiejL1gQODTLFepTy4gySGQJOzTJUIRQfaiXFrVjW2+BUKVE4Q71l1jmMnnzUKhocpLJDItQpKJKrnIzhKBZRHvT5PoSyDUOkpSRWrrOtVSzntc0c+5QVYXkILat3ghj+mfv8f6+VTaqi5c4bgzI/8Y7Bz0DT+mpUS7Eolg1TgV6UyZSmbFeGVq/oDVWtzfPbLJj8dkAm+avwGjZzaCfHbFNQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat; }

html[lang=zh] .footer-bottom .footer__chinese-security-link a {
  padding-left: 32px; }

.footer-qr-inline img {
  max-width: 150px; }
  @media (max-width: 1269px) {
    .footer-qr-inline img {
      margin-left: 4vw; } }

button.footer-bottom__language-globe.util__debutton {
  -ms-transform: translateY(-8%);
      transform: translateY(-8%); }

/* using important here to override the inline style that is injected */
#ot-sdk-btn.ot-sdk-show-settings {
  padding: 0 0 0 15px !important;
  margin-left: 15px !important;
  color: #fff !important;
  border: none !important;
  font-size: inherit !important;
  background: transparent !important;
  border-left: 1px solid currentColor !important; }

#ot-sdk-btn.ot-sdk-show-settings:hover {
  background: transparent !important;
  text-decoration: underline !important; }

/* breakpoints */
.bannerImage__figure {
  height: 25.125vw;
  overflow: hidden;
  background: #f3f3f3; }
  @media (max-width: 479px) {
    .bannerImage__figure {
      height: 66.6vw; } }

.bannerImage__figure .cmp-image {
  width: 100%;
  height: 100%; }

.bannerImage__figure img {
  width: auto;
  height: 100%;
  margin: auto;
  display: block; }

.bannerImage__figure span.cmp-image__title {
  max-width: 750px;
  display: block;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .bannerImage__figure span.cmp-image__title {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .bannerImage__figure span.cmp-image__title {
      margin: 0 36px; } }

.bannerImage__figure.bannerImage__figure--mobile {
  display: none; }
  @media (max-width: 479px) {
    .bannerImage__figure.bannerImage__figure--mobile {
      display: block; } }

@media (max-width: 479px) {
  .bannerImage__figure.bannerImage__figure--desktop {
    display: none; } }

@media (max-width: 479px) {
  .bannerImage__wrap--one-image .bannerImage__figure.bannerImage__figure--desktop {
    display: block;
    height: 50vw;
    overflow: hidden; }
    .bannerImage__wrap--one-image .bannerImage__figure.bannerImage__figure--desktop img {
      -ms-transform: scale(1.5);
          transform: scale(1.5);
      -webkit-transform-origin-y: top; } }

@media (max-width: 479px) {
  .bannerImage__wrap--one-image .bannerImage__figure.bannerImage__figure--mobile {
    display: none; } }

/* breakpoints */
/* new global map with tabs */
.globalMap {
  background: #fff; }

.global-map-tabs * {
  font-weight: 300; }

.global-map-tabs__map-image {
  opacity: 0; }

.global-map-tabs .global-map-tabs__map-image-wrapper {
  position: relative;
  margin: 0 auto; }

.global-map-tabs__map-image,
.global-map-tabs__map-image-wrapper {
  height: 402px;
  width: 850px; }

.global-map-tabs {
  padding-top: 40px; }

.global-map-tabs * {
  margin: 0; }

.global-map-tabs *:focus {
  margin: 0;
  outline: none; }

/* need focus states though */
.global-map-tabs__color-patch {
  height: 63px;
  width: 190px;
  position: absolute;
  top: 102px;
  background-color: #06457a;
  left: 536px;
  border: 1px solid #fff;
  border-radius: 100%; }

.global-map-tabs__tagline {
  padding-bottom: 60px; }

.global-map-tabs--container {
  margin: 0 auto;
  text-align: center; }

.global-map-tabs--tabs-container {
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 50px; }

.global-map-tabs [role="tablist"] {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  list-style-type: none;
  border-bottom: 2px solid #eaeaea; }

.global-map-tabs [role="tablist"] li,
.global-map-tabs [role="tablist"] a {
  color: #003c71;
  font-weight: 300;
  display: inline-block;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 20px; }

.global-map-tabs [role="tablist"] a {
  text-decoration: none;
  padding: 0.5em 0;
  border-bottom: 2px solid transparent;
  margin: 0 15px;
  color: inherit; }

@media (min-width: 961px) {
  .global-map-tabs [role="tablist"] li:first-child a {
    margin-left: 0; } }

.global-map-tabs [role="tablist"] li + li {
  margin-left: -5px; }

.global-map-tabs [role="tablist"] [aria-selected] {
  border-bottom: 3px solid #000;
  background: #fff;
  position: relative;
  color: #000; }

.global-map-tabs [role="tabpanel"] {
  padding-top: 1.8rem; }

.global-map-tabs--section:not([hidden="true"]) {
  opacity: 0;
  -webkit-animation: global-map-fade-in 1s ease forwards;
  animation: global-map-fade-in 1s ease forwards; }

.global-map-tabs--section {
  font-size: 14px; }

.global-map-tabs__location-type {
  font-size: 17px;
  display: block;
  padding-bottom: 6px;
  font-weight: 300; }

.global-map-tabs--location-list {
  list-style-type: none;
  width: 100%;
  -moz-columns: 4;
       columns: 4;
  padding: 0;
  font-size: 14px; }

.global-map-tabs--location-list li {
  display: inline-block;
  position: relative;
  background: transparent;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  min-width: 170px; }

.global-map-tabs__mobile-section {
  overflow: hidden; }

.global-map-tabs__mobile-section--hidden {
  display: none; }

.global-map-tabs__util-height-transition {
  transform: translateZ(0);
  transition: all 0.3s ease; }

.global-map-tabs__util-fade-in {
  opacity: 0;
  -webkit-animation: global-map-fade-in 1s ease forwards;
  animation: global-map-fade-in 1s ease forwards; }

/* start map styles */
.global-map-tabs--map-wrapper {
  position: relative; }

.global-map-tabs--map-section {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  display: block;
  height: 100px;
  width: 100px;
  transition: 0.6s all ease;
  opacity: 1; }

.global-map-tabs--map-section {
  position: absolute;
  fill: #05457a; }

.global-map-tabs--map-section svg {
  position: absolute;
  top: 0;
  left: 0; }

.global-map-tabs--map-section:not(.global-map-tabs__region--active):hover {
  fill: #3a5e8a;
  transition: 0.2s all ease; }

.global-map-tabs__region--active {
  fill: #7993ac; }

.global-map-tabs__region--no-click {
  pointer-events: none; }

.global-map-tabs__region--no-click::before {
  pointer-events: none; }

#map-region-1 {
  left: 0;
  top: 0;
  width: 45%;
  height: 45%;
  border-radius: 130px 0 170px 2px;
  box-shadow: none; }

#map-region-1 svg {
  top: -97px;
  left: -3px;
  height: 393px; }

#map-region-2 {
  left: 179px;
  top: 45%;
  height: 55%;
  width: 20%;
  border-radius: 40px 120px 85px 150px; }

#map-region-2 svg {
  height: 235px;
  left: -65px;
  top: -11px; }

#map-region-3 {
  left: 357px;
  height: 175px;
  width: 501px;
  border-radius: 110px 72px 145px 45px; }

#map-region-3 img {
  left: 21px;
  top: 4px;
  width: 475px;
  height: 236px; }

#map-region-3 svg {
  height: 472px;
  top: -114px;
  left: 23px; }

#map-region-4 {
  left: 367px;
  top: 161px;
  height: 47%;
  width: 20%;
  border-radius: 45px 115px 45px 135px; }

#map-region-4 svg {
  height: 180px;
  left: -4px;
  top: 3px; }

#map-region-5 {
  top: 148px;
  left: 510px;
  width: 323px;
  height: 233px;
  border-radius: 1px 180px 60px 260px; }

#map-region-5 svg {
  height: 316px;
  left: 2px;
  top: -62px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* HACK: IE10+ CSS */
  #map-region-1 > svg {
    top: -97px;
    left: 1px;
    height: 393px; }
  #map-region-2 > svg {
    height: 235px;
    left: -65px;
    top: -15px;
    width: 230px; }
  #map-region-3 > svg {
    height: 475px;
    top: -115px;
    left: 17px; }
  #map-region-4 > svg {
    height: 181px;
    width: 182px;
    left: 0;
    top: 5px; }
  .global-map-tabs--dot-layer {
    left: 4px !important; } }

.global-map-asia-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

h3.global-map-tabs__subregion-heading {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 5px; }

.global-map-col {
  max-width: 234px; }

/* end map styles */
/* start map dots */
.global-map-tabs--dot-layer,
.global-map-tabs__mobile-dots {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.global-map-tabs--dot {
  position: absolute;
  height: 9px;
  width: 9px;
  background: #f15d1e;
  display: block;
  border-radius: 100%; }

.global-map-tabs--dot-mobile {
  height: 13px;
  width: 13px; }

.global-map-col > ul {
  -moz-columns: auto;
       columns: auto; }

.global-map-tabs__expand-icon {
  display: none; }

.global-map-tabs__mobile-subregion-heading {
  font-weight: 300;
  font-size: 1.7em;
  margin-top: 10px;
  color: #000; }

@media (max-width: 960px) {
  .global-map-tabs__color-patch {
    display: none; }
  .global-map-tabs__map-image {
    opacity: 1; }
  .global-map-tabs__map-image,
  .global-map-tabs__map-image-wrapper {
    height: auto;
    width: auto; }
  .global-map-tabs__region--active,
  .global-map-tabs--map-section,
  .global-map-tabs--map-section:not(.global-map-tabs__region--active):hover {
    opacity: 0;
    transition: unset;
    display: none; }
  .global-map-tabs__expand-icon {
    fill: currentColor;
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 0;
    top: 16px; }
  .global-map-tabs--container {
    max-width: 100%; }
  .global-map-tabs--tabs-container {
    padding-bottom: 50px; }
  .global-map-tabs [role="tablist"] {
    display: block;
    list-style-type: none;
    border-bottom: none; }
  .global-map-tabs__mobile-section {
    box-sizing: border-box;
    width: 100vw;
    background-color: #f1eff1;
    font-size: 1rem;
    padding-left: 5vw;
    margin-left: -64px; }
  .global-map-tabs__mobile-section ul {
    padding: 0; }
  .global-map-tabs [role="tablist"] li {
    display: block; }
  .global-map-tabs [role="tablist"] .global-map-tabs__mobile-section li {
    position: relative;
    color: #000;
    display: block;
    padding-top: 20px;
    font-size: 14px; }
  .global-map-tabs [role="tablist"] .global-map-tabs__mobile-section li:last-of-type {
    padding-bottom: 30px; }
  .global-map-tabs [role="tablist"] a {
    box-sizing: border-box;
    display: block;
    padding-left: 5vw;
    width: 100vw;
    border-bottom: 1px solid #eceaec;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); }
  .global-map-tabs [role="tablist"] li + li {
    margin-left: 0; }
  .global-map-tabs [role="tablist"] [aria-selected] {
    border-bottom: 1px solid #eceaec;
    background-color: transparent; }
  .global-map-tabs--location-list li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    left: -10px;
    top: 7px; } }

@-webkit-keyframes global-map-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes global-map-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* breakpoints */
section.pagetitle__wrap {
  padding-top: 40px;
  padding-bottom: 40px; }

.pagetitle__title,
.pagetitle__subtitle {
  text-align: center; }

h1.pagetitle__title {
  font-size: 44px;
  margin: 0px 0 10px 0;
  letter-spacing: -0.03em; }

.pagetitle__subtitle {
  margin: 0;
  font-size: 25px;
  letter-spacing: -0.03em; }

.pagetitle__intro {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  margin: 10px 0 0px;
  text-align: center; }

.pagetitle__intro.pagetitle__intro--left-aligned {
  text-align: left; }

.pagetitle__cta {
  margin-top: 20px; }

/* This functionality should only be applied to specific templates */
/* Note the wrapper classes used to accomplish this */
.page-product-category .pagetitle__wrap--no-banner,
.page-product-family .pagetitle__wrap--no-banner,
.page-product-detail .pagetitle__wrap--no-banner {
  margin-bottom: 40px; }

.page-product-category .pagetitle__wrap--no-banner:after,
.page-product-family .pagetitle__wrap--no-banner:after,
.page-product-detail .pagetitle__wrap--no-banner:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  border-bottom: 2px solid #e3e2e3;
  position: absolute;
  left: 0;
  margin-top: 40px; }

/* This is for when an author picks to use a line (regardless of template) */
.pagetitle-wrap__authored-line {
  margin-bottom: 40px; }

.pagetitle-wrap__authored-line:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  border-bottom: 2px solid #e3e2e3;
  position: absolute;
  left: 0;
  margin-top: 40px; }

/* breakpoints */
.jumplinks__wrap {
  position: relative;
  margin: 60px 0 0; }

.jumplinks__content {
  padding-bottom: 15vh; }

.jumplinks__wrap > section *:first-child {
  margin-top: 0; }

.jumplinks__wrap > section *:last-child {
  margin-bottom: 0; }

section.jumplink {
  padding-bottom: 60px; }

.jumplinks__toc {
  background: #fff;
  border-radius: 4px; }
  @media (min-width: 1270px) {
    .jumplinks__toc {
      position: absolute;
      width: 150px;
      top: 0;
      right: calc(50% + 415px);
      z-index: 50; } }
  @media (max-width: 1269px) {
    .jumplinks__toc {
      background: transparent;
      position: fixed;
      z-index: 2;
      top: 70px;
      width: 100%;
      height: 55px;
      overflow: hidden;
      transition: top,height 0.2s ease-in;
      border-radius: 0; } }

@media (max-width: 1269px) {
  .jumplinks__wrap--mobile-hidden .jumplinks__toc {
    top: -67px; } }

@media (max-width: 1269px) {
  .jumplinks__wrap--mobile-expanded .jumplinks__toc {
    transition: height 0.2s ease-out; } }

.jumplinks__mobile-status {
  width: 100%;
  opacity: 1;
  text-align: left;
  padding: 18px 36px;
  font-size: 16px;
  transition: opacity 0.5s ease-in;
  border-radius: 0;
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
  cursor: pointer;
  z-index: 1;
  position: absolute; }
  .jumplinks__mobile-status:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 8px;
    border-right-width: 8px;
    border-top: 10px solid #05457a;
    position: absolute;
    right: 32px;
    top: 23px;
    transition: transform 0.3s ease-out; }
  @media (min-width: 1270px) {
    .jumplinks__mobile-status {
      display: none; } }

.jumplinks__wrap--mobile-expanded .jumplinks__mobile-status:after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  transition: transform 0.3s ease-in; }

/* hide jumplink menu in editable context */
.jumplinks.cq-Editable-dom nav.jumplinks__toc {
  display: none; }

.jumplinks__linklist {
  border: 1px solid #f3f3f3;
  border-radius: 4px; }
  @media (max-width: 1269px) {
    .jumplinks__linklist {
      position: absolute;
      width: 100%;
      bottom: 13px;
      box-shadow: 0 0 12px #ccc;
      border-radius: 0;
      background: #fff; } }

.jumplinks__link a {
  display: block;
  text-decoration: none;
  text-transform: capitalize;
  padding: 22px 12px;
  color: #05457a;
  border-bottom: 1px solid #f3f3f3; }
  .jumplinks__link a:hover {
    background: #eee; }
  @media (max-width: 1269px) {
    .jumplinks__link a {
      padding: 18px 36px; } }

.jumplinks__linklist .jumplinks__link:last-child a {
  border-bottom: none; }

.jumplinks__linklist li:first-child a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  @media (max-width: 1269px) {
    .jumplinks__linklist li:first-child a {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px; } }

.jumplinks__link--active a {
  background: #05457a;
  border-bottom-color: #05457a;
  color: #fff;
  position: relative; }
  .jumplinks__link--active a:hover {
    background: #05457a; }
  .jumplinks__link--active a:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: calc(50% - 10px);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    width: 22px;
    height: 22px;
    background: #05457a; }

.jumplinks__link--active:last-child a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  @media (max-width: 1269px) {
    .jumplinks__link--active:last-child a {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; } }

.jumplinks__progress {
  display: none; }
  @media (max-width: 1269px) {
    .jumplinks__progress {
      display: block;
      height: 5px;
      background: #05457a;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2;
      width: 80%; } }

.util-content h2.jumplink__title,
h2.jumplink__title {
  margin-top: 0;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 14px;
  margin-bottom: 21px; }

h2.jumplink__title--automatic {
  text-transform: capitalize; }

.scrollmagic-pin-spacer {
  z-index: 10; }

/* breakpoints */
section.images__wrap {
  padding-bottom: 0; }

.images__list {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 999px) {
    .images__list {
      -ms-flex-direction: column;
          flex-direction: column; } }

.images__list .util__caption {
  margin-bottom: 30px; }

img.images_img {
  width: 100%;
  height: auto; }

figure.images__figure {
  margin-right: 10px;
  display: block; }
  figure.images__figure:last-child {
    margin-right: 0; }

.images__captionkey {
  margin-top: 30px; }

.images__title--center,
.images__caption--center {
  text-align: center; }

.images__title--right,
.images__caption--right {
  text-align: right; }

.image__image-heading {
  color: #0081C6;
  font-size: 26px; }

.image__image-description {
  color: #000; }

/* breakpoints */
.product-applications__wrap table th {
  white-space: nowrap;
  text-align: left;
  color: #000;
  background: #fff;
  font-size: 14px;
  border-top: 1px solid #eaeaea;
  padding: 20px 10px; }

.product-applications__wrap table td {
  border-left: 0;
  border-right: 0;
  vertical-align: top;
  width: 25%;
  padding: 20px 10px; }

.product-applications__wrap table a {
  color: #05457a; }

.product-applications__wrap table td.product-applications__model {
  width: 15%; }

.product-applications__wrap table td.product-applications__family {
  width: 20%; }

.product-applications__wrap table td.product-applications__use {
  width: 40%; }

.product-applications__wrap table td:first-child {
  padding-left: 0; }

.product-applications__wrap table td:last-child {
  padding-right: 0; }

.product-applications__wrap table td img {
  width: 100%; }

/* breakpoints */
.fouruplist__wrap {
  margin-bottom: 80px; }

.fouruplist__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  transition-property: height;
  transition-duration: 0.5s; }

.fouruplist__list.js-listcount--1,
.fouruplist__list.js-listcount--2,
.fouruplist__list.js-listcount--3 {
  -ms-flex-pack: center;
      justify-content: center; }

.cq-Editable-dom .fouruplist__list {
  overflow: auto; }

.fouruplist__wrap section.pagetitle__wrap {
  padding-bottom: 20px; }

.fouruplist__item {
  width: 23%;
  margin-right: 2.666%;
  margin-bottom: 5%; }
  @media (max-width: 999px) {
    .fouruplist__item {
      width: 47%;
      margin-right: 5.832%; }
      .fouruplist__item:nth-child(2n) {
        margin-right: 0%; } }
  @media (max-width: 479px) {
    .fouruplist__item {
      width: 100%;
      margin-right: 0%;
      margin-bottom: 60px; } }

.fouruplist__item:nth-child(4n) {
  margin-right: 0%; }

.fouruplist__item {
  text-align: center; }

.fouruplist__item img {
  width: 100%; }

.fouruplist__item figcaption {
  margin-top: 24px; }

.fouruplist__wrap--with-descriptions .fouruplist__item figcaption {
  font-size: 25px; }

.fouruplist__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 10px; }

.fouruplist__expander-text--less {
  display: none; }

a .fouruplist__description-text {
  color: #000;
  font-size: 14px; }

/* breakpoints */
.imagetextlist__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px; }
  @media (max-width: 759px) {
    .imagetextlist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

h4.imagetextlist__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h4.imagetextlist__title {
      margin-top: 0.5em; } }

.imagetextlist__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .imagetextlist__image {
      margin-right: 0; } }

/* breakpoints */
.oneImageFullPromo__wrap {
  position: relative;
  overflow: hidden;
  height: 32.6vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 999px) {
    .oneImageFullPromo__wrap {
      height: auto; } }

.oneImageFullPromo__content-wrap {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%; }
  @media (max-width: 999px) {
    .oneImageFullPromo__content-wrap {
      background: rgba(0, 0, 0, 0.2); } }

.oneImageFullPromo__content-wrap .util__retain {
  height: 100%; }

.oneImageFullPromo__content {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 50%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 999px) {
    .oneImageFullPromo__content {
      text-align: center;
      width: 100%; } }

@media (min-width: 1000px) {
  .oneImageFullPromo__wrap--layout-right .oneImageFullPromo__content {
    margin-left: 50%; } }

.oneImageFullPromo__wrap--text-white .oneImageFullPromo__content {
  color: #fff; }

.oneImageFullPromo__title h2 {
  font-size: 44px;
  letter-spacing: -0.03em;
  margin: 0;
  line-height: 1.1em; }
  @media (max-width: 1269px) {
    .oneImageFullPromo__title h2 {
      margin-bottom: 16px; } }
  @media (max-width: 999px) {
    .oneImageFullPromo__title h2 {
      font-size: 36px; } }

@media (max-width: 1269px) {
  .oneImageFullPromo__desc {
    font-size: 22px; } }

@media (max-width: 479px) {
  .oneImageFullPromo__desc {
    display: none; } }

.oneImageFullPromo__cta a.util-btn.util-btn--orange {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0;
  margin-top: 0.4em; }

@media (max-width: 999px) {
  .oneImageFullPromo__figure {
    height: 97.3vw; } }

.oneImageFullPromo__figure img {
  width: 100%;
  height: auto; }
  @media (max-width: 999px) {
    .oneImageFullPromo__figure img {
      min-width: 100%;
      height: 100%;
      width: auto;
      -o-object-fit: cover;
         object-fit: cover;
      left: calc(-50% - 50vw);
      position: absolute; } }

@media (max-width: 999px) {
  .oneImageFullPromo__wrap--layout-right .oneImageFullPromo__figure img {
    left: calc(-50% + 50vw); } }

.js-checkinview.oneImageFullPromo__wrap--animate-right img {
  -ms-transform-origin: right;
      transform-origin: right;
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition: transform 4s ease-in-out; }

.js-checkinview--activated.js-checkinview.oneImageFullPromo__wrap--animate-right img {
  -ms-transform: scale(1);
      transform: scale(1); }

.js-checkinview.oneImageFullPromo__wrap--animate-left img {
  -ms-transform-origin: left;
      transform-origin: left;
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition: transform 4s ease-in-out; }

.js-checkinview--activated.js-checkinview.oneImageFullPromo__wrap--animate-left img {
  -ms-transform: scale(1);
      transform: scale(1); }

.oneImageFullPromo__figure.oneImageFullPromo__figure--mobile-desk-image {
  display: none; }
  @media (max-width: 999px) {
    .oneImageFullPromo__figure.oneImageFullPromo__figure--mobile-desk-image {
      display: block; }
      .oneImageFullPromo__figure.oneImageFullPromo__figure--mobile-desk-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        overflow: hidden; } }

/* breakpoints */
section.bulist__wrap.util__retain--small {
  margin: 40px auto; }

.bulist__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px; }
  @media (max-width: 759px) {
    .bulist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

h4.bulist__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h4.bulist__title {
      margin-top: 0.5em; } }

.bulist__text {
  margin-bottom: 1em; }

.bulist__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .bulist__image {
      margin-right: 0; } }

.bulist__ctas a.util-btn {
  margin-left: 0;
  display: inline-block;
  margin-top: 1em; }

/* breakpoints */
.articlelist__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
  min-height: 234px;
  max-width: 750px;
  margin: 0 auto 40px; }
  @media (max-width: 759px) {
    .articlelist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

.articleinterstitial__item .articlelist__block {
  min-height: auto; }

h4.articlelist__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h4.articlelist__title {
      margin-top: 0; } }

.articlelist__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .articlelist__image {
      margin-right: 0; } }

.articlelist__titletext {
  width: calc(100% - 162px);
  padding-left: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 759px) {
    .articlelist__titletext {
      width: auto;
      padding-left: 0; } }

a .articlelist__text {
  color: #000; }

.articlelist__label {
  color: #c2c2c2;
  font-size: 14px;
  margin-bottom: 1em; }
  @media (max-width: 759px) {
    .articlelist__label {
      margin-top: 1em; } }

.articlelist__cta {
  text-align: center;
  margin-bottom: 60px; }

.articlelist__cta .util-btn {
  display: inline-block; }
  @media (max-width: 759px) {
    .articlelist__cta .util-btn {
      margin-bottom: 20px; } }

/* breakpoints */
.submarketlist__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px; }
  @media (max-width: 759px) {
    .submarketlist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

h4.submarketlist__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h4.submarketlist__title {
      margin-top: 0.5em; } }

.submarketlist__text {
  margin-bottom: 1em; }

.submarketlist__text ul {
  padding-left: 1.3em; }

.submarketlist__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .submarketlist__image {
      margin-right: 0; } }

.submarketlist__ctas a.util-btn {
  margin-left: 0;
  display: inline-block;
  margin-top: 11px;
  margin-bottom: 5px; }

/* breakpoints */
section.circlepagelist__wrap {
  margin: 0px auto; }

.circlepagelist__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.util__hideshow-cropwrap[data-initialshown="1"] .circlepagelist__list,
.util__hideshow-cropwrap[data-initialshown="2"] .circlepagelist__list,
.util__hideshow-cropwrap[data-initialshown="3"] .circlepagelist__list {
  -ms-flex-pack: center;
      justify-content: center; }

.circlepagelist__block {
  display: block;
  margin-bottom: 40px;
  width: 25%;
  text-align: center; }
  .circlepagelist__block:empty {
    display: none; }
  @media (max-width: 999px) {
    .circlepagelist__block {
      width: 50%; } }
  @media (max-width: 479px) {
    .circlepagelist__block {
      width: 100%; } }

.util__scale {
  margin: 0 auto; }

.circlepagelist__titletext {
  padding: 20px 10px 0; }

h2.circlepagelist__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h2.circlepagelist__title {
      margin-top: 0.5em; } }

a .circlepagelist__text {
  color: #000; }

.circlepagelist__cta {
  text-align: center;
  margin-bottom: 60px; }

.circlepagelist__cta .util-btn {
  display: inline-block; }

.circlepagelist__component-title h2 {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px; }

.circlepagelist__wrap .util__hideshow-trigger {
  margin-bottom: 60px; }

/* adjustments to allow for non-square images from metapage image */
.circlepagelist__list img.cmp-image__image {
  height: 262px;
  max-width: none;
  width: auto;
  position: absolute;
  left: 0%;
  border-radius: unset; }

/* this could be used later to allow non-square image references, but needs authoring method */
.circlepagelist__list .circlepagelist__image--cropped-non-square img.cmp-image__image {
  left: -25%; }

/* breakpoints */
.productgrouplist__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px; }
  @media (max-width: 759px) {
    .productgrouplist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .productgrouplist__block.hidden {
    display: none; }

.productgrouplist__block:empty {
  margin: 0; }

.util__hideshow--disabled .productgrouplist__block.hidden {
  display: -ms-flexbox;
  display: flex; }

.productgrouplist__header {
  font-size: 24px;
  padding: 20px 0; }

h4.productgrouplist__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h4.productgrouplist__title {
      margin-top: 0.5em; } }

.productgrouplist__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .productgrouplist__image {
      margin-right: 0; } }

.selector-tool__reset-button {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  display: -ms-flexbox;
  display: flex;
  color: #05457a;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 13px;
  padding: 0;
  cursor: pointer; }

[data-whatinput="mouse"] .selector-tool__reset-button:focus {
  outline: none; }

.selector-tool__reset-button > svg {
  width: 24px;
  height: 24px; }

.selector-tool__controls--fuel .selector-tool__reset-button {
  margin-top: 40px;
  margin-bottom: -20px; }

.selector-tool__hidden,
.selector-tool__hidden-by-range,
.selector-tool__hidden-by-oil-quality,
.selector-tool__hidden-by-particulate-quality {
  display: none; }

.selector-tool__in-progress {
  -webkit-animation: selector-fade-out-in 1s ease forwards;
          animation: selector-fade-out-in 1s ease forwards; }

.selector-tool__controls {
  margin-bottom: 70px;
  display: -ms-flexbox;
  display: flex;
  /* Hover state */
  /* Focus */
  /* Checked state */
  /* Active */
  /* Checkbox modifiers */ }
  @media (max-width: 759px) {
    .selector-tool__controls {
      -ms-flex-direction: column;
          flex-direction: column;
      marging-bottom: 20px; } }
  .selector-tool__controls .control {
    position: relative;
    display: block;
    margin-bottom: 0.5em;
    margin-left: -17px;
    padding-left: 40px;
    cursor: pointer;
    margin-right: 30px; }
    .selector-tool__controls .control input {
      position: absolute;
      opacity: 0;
      z-index: -1; }
  .selector-tool__controls .control-indicator {
    position: absolute;
    top: 0.25rem;
    left: 15px;
    display: block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 65%;
    color: #f25f22;
    text-align: center;
    background-color: #f3f3f3;
    background-size: 80% 80%;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #f3f3f3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .selector-tool__controls .control:hover .control-indicator {
    border: 1px solid #f25f22; }
  .selector-tool__controls .control input:focus ~ .control-indicator {
    border: 1px solid #f25f22; }
  .selector-tool__controls .control input:checked ~ .control-indicator {
    color: #f25f22;
    border: 1px solid #f25f22; }
  .selector-tool__controls .control input:active ~ .control-indicator {
    color: #f25f22; }
  .selector-tool__controls .checkbox .control-indicator {
    border-radius: 3px; }
  .selector-tool__controls .checkbox input:checked ~ .control-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 10.7'%3E%3Cpath fill='none' stroke='%23f25e20' stroke-width='2' stroke-miterlimit='10' d='M.9 5l3.6 3.6L10.3.8'/%3E%3C/svg%3E"); }

.selector-tool__controls-col-1 {
  width: 50%;
  border-bottom: 1px solid #f3f3f3;
  padding: 30px 0;
  padding-top: 0;
  position: relative; }
  @media (max-width: 759px) {
    .selector-tool__controls-col-1 {
      width: 100%;
      border: 0; } }

.selector-tool__controls-col-2 {
  width: 50%;
  border-bottom: 1px solid #f3f3f3;
  padding: 30px;
  padding-top: 0;
  transition: all 0.3s linear; }
  @media (max-width: 759px) {
    .selector-tool__controls-col-2 {
      width: 100%;
      border: 0;
      padding-left: 0;
      padding-right: 0; } }

.selector-tool__controls-col-2--disabled {
  color: #f3f3f3; }
  .selector-tool__controls-col-2--disabled .selector-tool-slider__control {
    background-color: #f3f3f3; }
  .selector-tool__controls-col-2--disabled .selector-tool-slider__select__wrap > select {
    color: #f3f3f3;
    border-color: #f3f3f3; }
  .selector-tool__controls-col-2--disabled .util-sf__select:after {
    border-top-color: #f3f3f3; }

.selector-tool__controls-intro {
  margin-bottom: 30px;
  font-size: 14px; }

.selector-tool__level-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 250px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto; }

.selector-tool__level-button {
  height: 40px;
  width: 60px;
  background: #f3f3f3;
  border: 0;
  position: relative;
  border-radius: 4px;
  transition: all 0.2s linear;
  cursor: pointer;
  overflow: visible; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* HACK: IE10+ CSS */
  .selector-tool__level-button > span {
    margin-left: 20px; } }

.selector-tool__level-button:hover {
  background-color: #c2c2c2 !important; }

.selector-tool__level-button:nth-child(2) {
  height: 80px; }

.selector-tool__level-button:nth-child(3) {
  height: 120px; }

.selector-tool__level-button > span {
  position: absolute;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  bottom: -28px;
  font-size: 16px; }

.selector-tool__definitions {
  text-align: center;
  max-width: 200px;
  font-size: 14px;
  margin: 50px auto 0 auto; }

.selector-tool-slider__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

div#air-cleaners-slider,
div#hyrdraulic-assembly-slider,
div#fuel-assembly-slider {
  width: 230px; }

.selector-tool-slider__control {
  height: 25px;
  width: 25px;
  -ms-flex-item-align: auto;
      align-self: auto;
  background-color: #05457a;
  color: #fff;
  font-size: 27px;
  font-weight: 300;
  line-height: 0;
  border-radius: 6px;
  margin-top: -10px;
  border: 0;
  overflow: hidden;
  padding: 0;
  padding-left: 2px;
  padding-bottom: 5px;
  transition: inherit; }

.selector-tool-slider__control:first-of-type {
  padding-left: 0; }

.selector-tool-slider__control:hover {
  background-color: #000; }

.selector-tool-slider-display {
  font-variant-numeric: tabular-nums;
  display: block;
  padding: 26px;
  text-align: center;
  background-color: #f3f3f3;
  margin: 26px auto;
  width: 229px;
  border-radius: 4px; }

.selector-tool__checkbox-row.sf-control {
  display: block;
  margin-bottom: 0.5em; }

.sf-radio {
  padding-left: 22px; }

.selector-tool__radio-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.selector-tool__radio-item {
  width: 60px;
  padding: 7px;
  padding-left: 0;
  margin-right: -6px; }
  .selector-tool__radio-item input[type="radio"] + label:before {
    background-color: #eee;
    border-color: #eee; }
  .selector-tool__radio-item input[type="radio"]:checked + label:before {
    border: 0.1em solid orangered;
    background-color: orangered;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.95); }

.selector-tool__radio-item input[type="radio"]:hover + label:before {
  border: 1px solid orangered; }

.selector-tool__controls--filter-elements .selector-tool__radio-item {
  width: auto;
  padding: 0; }

.selector-tool__heading {
  font-size: 20px;
  margin-bottom: 14px;
  display: block;
  white-space: nowrap; }

.selector-tool__controls--filter-elements .selector-tool__reset-button {
  margin-top: 18px; }

.selector-tool__controls--filter-elements .selector-tool__controls-intro {
  margin-bottom: 0; }

.selector-tool-slider__select__wrap {
  width: 232px;
  margin: 0 auto; }

.selector-tool-slider__select__wrap > select {
  position: relative;
  display: block;
  font-size: 16px;
  transition: inherit; }

.selector-tool__control-row-title {
  margin-bottom: 0; }

.fuel-selector__option--hidden {
  display: none; }

.selector-tool__controls-col-2 .noUi-connect {
  background: #05457a; }

.selector-tool__controls-col-2 .noUi-target {
  background: #ccc;
  border-radius: 0;
  border: none;
  box-shadow: none; }

.selector-tool__controls-col-2 .noUi-horizontal {
  height: 4px; }

.selector-tool__controls-col-2 .noUi-horizontal .noUi-handle {
  width: 10px;
  height: 35px;
  left: -17px;
  top: -15px; }

.selector-tool__controls-col-2 .noUi-handle {
  border: none;
  border-radius: 3px;
  background: orangered;
  outline: 3px solid #fff;
  cursor: default;
  box-shadow: none; }

.selector-tool__controls-col-2 .noUi-handle:before,
.selector-tool__controls-col-2 .noUi-handle:after {
  display: none; }

.selector-tool__controls-col-2 .selector-tool-slider-display--above-line {
  border-bottom: 1px solid;
  padding-bottom: 2px;
  margin-bottom: 1px; }

.selector-tool__controls-col-2.selector-tool__controls-col-2--disabled .noUi-handle {
  background: #f3f3f3; }

.selector-tool__controls-col-2.selector-tool__controls-col-2--disabled div.noUi-connect {
  background-color: #f3f3f3; }

.selector-tool__controls--fuel .selector-tool__level-button {
  height: 130px;
  width: 100px; }

.selector-tool__canister-icon {
  width: 120px;
  height: 160px;
  background-color: #fff; }

.selector-tool__canister-icon--secondary {
  width: 101px;
  padding-top: 9px;
  left: 11px; }

.selector-tool__canister-icon:first-of-type {
  position: absolute;
  opacity: 1;
  transition: opacity 0.2s linear; }

.selector-tool__canister-icon:first-of-type:hover {
  opacity: 0.9; }

.selector-tool__fuel-assembly-radio input[type="radio"]:checked + label .selector-tool__canister-icon:first-of-type {
  opacity: 0; }

.selector-tool__fuel-assembly-radio input[type="radio"] + label:before {
  position: absolute;
  bottom: -30px;
  left: 71px; }

.selector-tool__fuel-assembly-radio label {
  position: relative;
  top: 4px;
  width: 120px;
  text-align: center; }

.selector-tool__label-text {
  text-align: center;
  display: block; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -5px;
  left: auto; }

@-webkit-keyframes selector-fade-out-in {
  0% {
    opacity: 1; }
  40% {
    opacity: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes selector-fade-out-in {
  0% {
    opacity: 1; }
  40% {
    opacity: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* breakpoints */
/* this wrap breaks out of the reain widths in two ways https://css-tricks.com/full-width-containers-limited-width-parents/ */
.twoImageFullPromo__wrap {
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #f3f3f3 20%);
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: calc(-100vw / 2 + 750px / 2);
  margin-right: calc(-100vw / 2 + 750px / 2); }
  @media (max-width: 999px) {
    .twoImageFullPromo__wrap {
      background: #eaeaea;
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw; } }

.twoImageFullPromo__main {
  display: -ms-flexbox;
  display: flex;
  max-width: 1055px;
  margin: 0 auto; }
  @media (max-width: 759px) {
    .twoImageFullPromo__main {
      margin: 0; } }

figure.twoImageFullPromo__figure {
  width: 302px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }
  @media (max-width: 999px) {
    figure.twoImageFullPromo__figure {
      display: none; } }

.twoImageFullPromo__content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 50px auto 30px;
  max-width: 460px; }
  @media (max-width: 759px) {
    .twoImageFullPromo__content {
      margin: 12vw;
      max-width: 100%; } }

.twoImageFullPromo__title h4 {
  margin-top: 0; }

.twoImageFullPromo__cta .util-btn {
  display: inline-block; }

/* breakpoints */
.herovideo__vids {
  display: -ms-flexbox;
  display: flex; }

.herovideo__panel {
  margin: 0; }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__panel {
    overflow: hidden; } }

.herovideo__vids video {
  width: 100%; }

.herovideo__vids--threeup video {
  width: 101%; }

.herovideo__wrap {
  position: relative; }

.herovideo__bigtext {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #fff; }

.herovideo__bigtext h1 {
  max-width: 90vw;
  line-height: 1.1em;
  margin: 0 auto;
  font-size: 5.58vw;
  letter-spacing: -0.03em;
  font-weight: 400; }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__bigtext h1 {
    margin: 0 11%;
    font-size: 10vw; } }

.herovideo__cta {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 2em; }

.herovideo__vids--oneup {
  position: relative; }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids--mobile-image video {
    display: none; } }

.herovideo__vids--mobile-image img.herovideo__mobileimage {
  display: none; }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids--mobile-image img.herovideo__mobileimage {
    display: block;
    width: 100%; } }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids {
    height: 124vw; } }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids .herovideo__panel.herovideo__panel--2,
  .herovideo__vids .herovideo__panel.herovideo__panel--3 {
    display: none; } }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids.herovideo__vids--mobile-show-2 .herovideo__panel.herovideo__panel--2,
  .herovideo__vids.herovideo__vids--mobile-show-3 .herovideo__panel.herovideo__panel--3 {
    display: block; } }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids.herovideo__vids--mobile-show-2 .herovideo__panel.herovideo__panel--1,
  .herovideo__vids.herovideo__vids--mobile-show-3 .herovideo__panel.herovideo__panel--1 {
    display: none; } }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; } }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids--oneup.herovideo__vids--alignmiddle .herovideo__panel {
    height: 100%;
    -ms-transform: translateY(0);
        transform: translateY(0); } }

.herovideo__vids--oneup.herovideo__vids--alignbottom video {
  position: absolute;
  bottom: 0px; }

@media (max-width: 579px) and (orientation: portrait) {
  .herovideo__vids--oneup.herovideo__vids--alignmiddle video {
    top: 0; } }

@media (max-width: 579px) and (orientation: portrait) {
  .heroVideo h1 br {
    display: inline; } }

/* breakpoints */
.imagetext__wrapper {
  margin-bottom: 30px;
  clear: both; }

.imagetext__wrapper.imagetext__wrapper--image-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.imagetext__wrapper.imagetext__wrapper--image-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.imagetext__wrapper.imagetext__wrapper--image-float-left {
  display: block; }
  .imagetext__wrapper.imagetext__wrapper--image-float-left .imagetext__image {
    float: left;
    padding: 0px 30px 30px 0; }

.imagetext__wrapper.imagetext__wrapper--image-float-right {
  display: block; }
  .imagetext__wrapper.imagetext__wrapper--image-float-right .imagetext__image {
    float: right;
    padding: 0px 0px 30px 30px; }

.imagetext__wrapper--image-float-right:after,
.imagetext__wrapper--image-float-left:after {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  clear: both; }

.imagetext__image img {
  width: 100%; }

.imagetext__wrapper--image-right .imagetext__text {
  padding-right: 30px;
  -ms-flex: 1;
      flex: 1; }

.imagetext__wrapper--image-left .imagetext__text {
  padding-left: 30px;
  -ms-flex: 1;
      flex: 1; }

.imagetext__text h1:first-child,
.imagetext__text h2:first-child,
.imagetext__text h3:first-child,
.imagetext__text h4:first-child,
.imagetext__text h5:first-child,
.imagetext__text h6:first-child {
  margin-top: 0;
  padding-top: 0; }

.imagetext__imagetitle {
  margin-bottom: 10px; }

.imagetext__imagecaption {
  margin-top: 10px;
  color: #c2c2c2;
  font-size: 14px; }

.imagetext__imagecaption--right,
.imagetext__imagetitle--right {
  text-align: right; }

.imagetext__imagecaption--center,
.imagetext__imagetitle--center {
  text-align: center; }

/* breakpoints */
.resourcelist__list {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.resourcelist__link {
  width: 165px;
  margin-right: 30px;
  margin-bottom: 30px;
  cursor: pointer; }

.resourcelist__link:nth-child(4n) {
  margin-right: 0px; }

.resourcelist__thumb {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 104px;
  height: 142px;
  border: 1px solid #05457a;
  border-radius: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.resourcelist__thumb img {
  font-size: 11px; }

.resourcelist__thumb:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: transparent;
  background: linear-gradient(45deg, #05457a 0%, #05457a 52%, white 52%);
  border-bottom-left-radius: 8px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  top: -1px;
  right: -1px; }

.resourcelist__link--link .resourcelist__thumb:after {
  width: 100%;
  height: 12px;
  border-radius: 8px 8px 0px 0px;
  left: 0;
  background: #05457a; }

.resourcelist__link--link .resourcelist__thumb:before {
  color: #fff;
  content: '\2022  \2022  \2022';
  font-size: 10px;
  line-height: 0;
  font-weight: normal;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 20;
  width: 100%; }

.resourcelist__thumb > * {
  margin-top: 14px; }

.resourcelist__thumb svg {
  height: 40px;
  width: 40px;
  stroke: #05457a; }

.resourcelist__target-type {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 300; }

.resourcelist__linktext {
  padding-top: 10px; }

/* PDF specific styles */
.resourcelist__link--pdf .resourcelist__thumb {
  display: inline-block; }

.resourcelist__link--pdf .resourcelist__thumb > * {
  margin-top: 0; }

.resourcelist__link--pdf .resourcelist__linktext {
  padding-top: 6px; }

.resourcelist__link--pdf .resourcelist__description {
  padding-top: 6px;
  font-size: 9px; }

.resourcelist__link--pdf .resourcelist__thumb img {
  border: 1px solid #05457a;
  padding: 6px;
  border-radius: 8px;
  width: 104px;
  min-height: 142px; }

.resourcelist__link--pdf .resourcelist__thumb {
  display: inline-block;
  position: relative;
  width: unset;
  height: unset;
  border: 0;
  border-radius: unset; }

#copybanner {
  background-color: #cbcfcb;
  padding: 12px;
  display: -ms-flexbox;
  display: flex; }

#copybtn {
  cursor: pointer; }

.tooltipped {
  position: relative; }

.tooltipped::after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 5px 6px;
  font-size: 11px;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: #000;
  border-radius: 4px;
  opacity: 0; }

.tooltipped::before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: #000;
  pointer-events: none;
  content: "";
  border: 6px solid transparent;
  opacity: 0; }

@-webkit-keyframes tooltip-appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes tooltip-appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.tooltipped:hover::before, .tooltipped:hover::after,
.tooltipped:active::before,
.tooltipped:active::after,
.tooltipped:focus::before,
.tooltipped:focus::after {
  display: inline-block;
  text-decoration: none;
  -webkit-animation-name: tooltip-appear;
          animation-name: tooltip-appear;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }

.tooltipped-no-delay:hover::before, .tooltipped-no-delay:hover::after,
.tooltipped-no-delay:active::before,
.tooltipped-no-delay:active::after,
.tooltipped-no-delay:focus::before,
.tooltipped-no-delay:focus::after {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.tooltipped-multiline:hover::after,
.tooltipped-multiline:active::after,
.tooltipped-multiline:focus::after {
  display: table-cell; }

.tooltipped-s::after,
.tooltipped-se::after,
.tooltipped-sw::after {
  top: 100%;
  right: 50%;
  margin-top: 6px; }

.tooltipped-s::before,
.tooltipped-se::before,
.tooltipped-sw::before {
  top: auto;
  right: 50%;
  bottom: -7px;
  margin-right: -6px;
  border-bottom-color: #000; }

.tooltipped-se::after {
  right: auto;
  left: 50%;
  margin-left: 4px; }

.tooltipped-sw::after {
  margin-right: 4px; }

.tooltipped-n::after,
.tooltipped-ne::after,
.tooltipped-nw::after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 6px; }

.tooltipped-n::before,
.tooltipped-ne::before,
.tooltipped-nw::before {
  top: -7px;
  right: 50%;
  bottom: auto;
  margin-right: -6px;
  border-top-color: #000; }

.tooltipped-ne::after {
  right: auto;
  left: 50%;
  margin-left: 4px; }

.tooltipped-nw::after {
  margin-right: 4px; }

.tooltipped-s::after,
.tooltipped-n::after {
  -ms-transform: translateX(50%);
      transform: translateX(50%); }

.tooltipped-w::after {
  right: 100%;
  bottom: 50%;
  margin-right: 6px;
  -ms-transform: translateY(50%);
      transform: translateY(50%); }

.tooltipped-w::before {
  top: 50%;
  bottom: 50%;
  left: -7px;
  margin-top: -6px;
  border-left-color: #000; }

.tooltipped-e::after {
  bottom: 50%;
  left: 100%;
  margin-left: 6px;
  -ms-transform: translateY(50%);
      transform: translateY(50%); }

.tooltipped-e::before {
  top: 50%;
  right: -7px;
  bottom: 50%;
  margin-top: -6px;
  border-right-color: #000; }

.tooltipped-align-right-1::after,
.tooltipped-align-right-2::after {
  right: 0;
  margin-right: 0; }

.tooltipped-align-right-1::before {
  right: 10px; }

.tooltipped-align-right-2::before {
  right: 15px; }

.tooltipped-align-left-1::after,
.tooltipped-align-left-2::after {
  left: 0;
  margin-left: 0; }

.tooltipped-align-left-1::before {
  left: 5px; }

.tooltipped-align-left-2::before {
  left: 10px; }

.tooltipped-multiline::after {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  word-wrap: break-word;
  white-space: pre-line;
  border-collapse: separate; }

.tooltipped-multiline.tooltipped-s::after, .tooltipped-multiline.tooltipped-n::after {
  right: auto;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

.tooltipped-multiline.tooltipped-w::after, .tooltipped-multiline.tooltipped-e::after {
  right: 100%; }

@media screen and (min-width: 0\0) {
  .tooltipped-multiline::after {
    width: 200px; } }

.tooltipped-sticky::before, .tooltipped-sticky::after {
  display: inline-block; }

.tooltipped-sticky.tooltipped-multiline::after {
  display: table-cell; }

/* breakpoints */
section.videolist__wrap {
  margin: 60px auto; }

.videolist__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.videolist__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  width: 100%; }
  @media (max-width: 759px) {
    .videolist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

.videolist__popbox span.icon__close {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 7vw;
  top: 3vw;
  fill: #fff;
  cursor: pointer; }

.videolist__popbox span.icon__label {
  position: absolute;
  top: -3px;
  right: 31px;
  color: #fff; }

.videolist__popbox .popbox_container {
  position: static;
  background: transparent; }

.videolist__thumb {
  min-width: 260px;
  display: block;
  cursor: pointer; }

.videolist__thumb--with-img {
  height: 144px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 759px) {
    .videolist__thumb--with-img {
      height: 45vw; } }

.videolist__thumb--with-img:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  background: url("clientlib-site/resources/images/video-play.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 88px;
  height: 60px;
  opacity: 0.8;
  top: calc(50% - 30px);
  left: calc(50% - 44px); }

.videolist__thumb--with-img:hover:after {
  opacity: 1; }

.videolist__thumb-image {
  width: 100%;
  margin-top: -10%; }

.videolist__thumb iframe {
  pointer-events: none;
  width: 100%;
  height: auto; }

.videolist__titletext {
  padding: 0 10px 0 30px; }

h4.videolist__title {
  margin-top: -4px;
  margin-bottom: 0.5em;
  color: #05457a;
  cursor: pointer; }
  @media (max-width: 759px) {
    h4.videolist__title {
      margin-top: 0.5em; } }

.videolist__block:hover h4.videolist__title {
  color: #000; }

.videolist__cta {
  text-align: center; }

.videolist__cta .util-btn {
  display: inline-block; }

.videolist__cta svg {
  width: 9px;
  fill: #fff;
  margin-left: 2px; }

/* breakpoints */
.interactive-image__vue-wrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .interactive-image__vue-wrap {
      margin: 0 36px; } }
  @media (max-width: 990px) {
    .interactive-image__vue-wrap {
      margin: 0 auto; } }

.jumplink .interactive-image__vue-wrap {
  width: 886px; }
  @media (max-width: 1023px) {
    .jumplink .interactive-image__vue-wrap {
      width: 100%; } }

/* breakpoints */
html:not(.aem-AuthorLayer-Edit) .interactive-dot__highlights-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

html:not(.aem-AuthorLayer-Edit) .interactiveDotHighlightItem {
  width: 48%;
  margin: 6px; }

/* breakpoints */

/* breakpoints */
div:not(.jumplink) .interactiveTabbed {
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    div:not(.jumplink) .interactiveTabbed {
      margin: 0 36px; } }

div:not(.jumplink) .interactive-tabbed__wrap {
  margin: auto; }

.interactive-tabbed__wrap--vertical-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels {
  display: table;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 30px; }

.interactive-tabbed__wrap--vertical-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels button {
  width: 100%;
  text-align: left;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px 0px 4px 0;
  height: auto;
  font-weight: 500; }

.interactive-tabbed__wrap--vertical-tabs .interactive-vue-wrapper hr {
  display: none; }

.interactive-tabbed__tab-labels {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.interactive-tabbed__wrap--horizontal-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels button.tab-label--active,
.interactive-tabbed__wrap--horizontal-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels button.tab-label:focus {
  color: #000;
  border-bottom: 3px solid #000;
  outline: 0; }

.interactive-tabbed__wrap--vertical-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels button.tab-label--active,
.interactive-tabbed__wrap--vertical-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels button.tab-label:focus {
  color: #000;
  border-bottom: 2px solid #000;
  outline: 0; }

.interactive-vue-wrapper .interactive-tabbed__tab-labels button {
  display: inline-block;
  min-height: 50px;
  font-size: 20px;
  background-color: transparent; }

.interactive-tabbed__wrap--horizontal-tabs .interactive-vue-wrapper .interactive-tabbed__tab-labels button {
  border: 0;
  border-bottom: 3px solid transparent; }

.interactive-vue-wrapper .tab-label {
  color: #05457a;
  padding: 0.5em 0;
  margin: 0 15px;
  font-weight: 300;
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif; }

.interactive-tabbed__wrap--horizontal-tabs .interactive-vue-wrapper .tab-label:first-child {
  margin-left: 0; }

.interactive-tabbed__wrap--vertical-tabs .interactive-vue-wrapper .tab-label {
  margin: 0; }

@media (max-width: 1023px) {
  .interactive-vue-wrapper .tab-label {
    margin: 0; }
  .interactiveTabbed .interactive-tabbed__wrap {
    width: 100%; } }

/* breakpoints */
.interactive-tabbed__wrap {
  max-width: 1280px;
  width: 100%; }

.jumplink .interactive-tabbed__wrap {
  width: 888px; }
  @media (max-width: 1023px) {
    .jumplink .interactive-tabbed__wrap {
      width: 100%; } }

.interactive-tabbed__wrap--two-thirds {
  min-height: 434px; }

.interactive-tabbed__spinner {
  position: absolute;
  pointer-events: none;
  width: 100%;
  text-align: center;
  left: 0; }

.interactive-tabbed__spinner svg {
  width: 3.75em;
  -ms-transform-origin: center;
      transform-origin: center;
  -webkit-animation: interactive-tabbed__rotate 4s linear infinite;
          animation: interactive-tabbed__rotate 4s linear infinite; }

.interactive-tabbed__spinner circle {
  fill: none;
  stroke: #05457a;
  stroke-width: 4;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: interactive-tabbed__dash 3s ease-in-out infinite;
          animation: interactive-tabbed__dash 3s ease-in-out infinite; }

@-webkit-keyframes interactive-tabbed__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

@keyframes interactive-tabbed__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

@-webkit-keyframes interactive-tabbed__rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes interactive-tabbed__rotate {
  100% {
    transform: rotate(360deg); } }

/* breakpoints */
.articleinterstitial__wrap {
  margin-top: 10px;
  margin-bottom: 60px; }

.articleinterstitial__item {
  border-top: 2px solid #F3F3F3;
  border-bottom: 2px solid #F3F3F3;
  padding-top: 20px;
  margin: 0; }

.articleinterstitial__item .articlelist__block {
  margin-bottom: 20px; }

.articleinterstitial__wrap.util-rounded-images .articlelist__block {
  -ms-flex-align: start;
      align-items: flex-start; }

.articleinterstitial__wrap.util-rounded-images .articlelist__label {
  margin-top: 0em; }

/* breakpoints */
.share__spacer {
  position: relative;
  width: 100%;
  height: calc(50px - 1em); }

.share__wrap {
  position: absolute;
  left: 0; }
  @media (max-width: 999px) {
    .share__wrap {
      position: relative;
      left: auto; } }

.share__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 12.6400996264009963vw;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 1em; }
  @media (max-width: 999px) {
    .share__list {
      width: 100%;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 0;
      margin-bottom: 2em; } }

.util__content ul li.share__type {
  background-image: none;
  padding-left: 0;
  padding-right: 12px; }

.share__type a {
  width: 40px;
  height: 40px;
  color: #05457a;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border: 2px solid #F3F3F3;
  border-radius: 50%;
  margin-bottom: 10px;
  background: #fff;
  transition-property: background, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in; }
  @media (max-width: 999px) {
    .share__type a {
      margin-right: 10px;
      margin-bottom: 0; } }

.share__type a:hover {
  background: #05457a;
  border-color: #05457a;
  transition-property: background, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out; }

.share__type a svg path {
  fill: #05457a;
  transition-property: fill;
  transition-duration: 0.2s;
  transition-timing-function: ease-in; }

.share__type a:hover svg path {
  transition-property: fill;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  fill: #fff; }

.share__type-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.share__type-icon svg {
  height: 16px;
  width: 16px; }

.share__content {
  background: #fff;
  padding: 30px;
  border-radius: 6px; }

.share__content p {
  margin: 0 0 0.6em 0; }

.share__content input {
  padding: 10px;
  width: 100%;
  border-color: #ccc;
  border-width: 2px;
  border-style: solid;
  border-radius: 6px;
  font-size: 14px; }

@media (max-width: 500px) {
  .share__content input {
    width: 45%; } }

.share__content button {
  margin-top: 20px;
  margin-left: 0; }

.clipboard-triggered .share__linkurl button,
.share__linkurl button:hover {
  background: #00447C; }

.sharepop__popbox span.icon__close {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 7vw;
  top: 3vw;
  fill: #fff;
  cursor: pointer; }

.sharepop__popbox span.icon__label {
  position: absolute;
  top: -3px;
  right: 31px;
  color: #fff; }

.sharepop__popbox .popbox_container {
  position: static;
  background: transparent;
  width: 100%;
  max-width: 600px; }

.sharepop__popbox h5 {
  margin: 0 0 1.2em; }

.sharepop__popbox h5 svg {
  fill: #05457a;
  margin: 0 6px -4px 0px;
  max-width: 24px; }

/* breakpoints */
div:not(.jumplink) .interactiveDiagram {
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    div:not(.jumplink) .interactiveDiagram {
      margin: 0 36px; } }

div:not(.jumplink) .interactive-diagram__inner-wrap
div:not(.jumplink) .interactive-diagram__inner-wrap.interactive-diagram--nabev,
div:not(.jumplink) .interactive-diagram__inner-wrap.interactive-diagram--winery {
  margin: 20px auto 110px; }

/* breakpoints */

/* breakpoints */
.heroImage__figure img {
  width: 100%;
  height: auto; }

.heroImage {
  position: relative; }

.heroImage__bigtext {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.heroImage__bigtext h1 {
  line-height: 1.1em;
  max-width: 90vw;
  margin: 0 auto;
  font-size: 5.58vw;
  letter-spacing: -0.03em;
  font-weight: 400; }

.heroImage__cta {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 2em; }

.heroImage__figure span.cmp-image__title {
  max-width: 750px;
  display: block;
  margin: 0 auto; }
  @media (max-width: 1269px) {
    .heroImage__figure span.cmp-image__title {
      margin: 0 auto; } }
  @media (max-width: 759px) {
    .heroImage__figure span.cmp-image__title {
      margin: 0 36px; } }

.heroImage__figure.heroImage__figure--mobile {
  display: none; }
  @media (max-width: 479px) {
    .heroImage__figure.heroImage__figure--mobile {
      display: block; } }

@media (max-width: 479px) {
  .heroImage__figure.heroImage__figure--desktop {
    display: none; } }

@media (max-width: 479px) {
  .page-bu-home .heroImage__figure.heroImage__figure--desktop {
    display: block; } }

@media (max-width: 479px) {
  .heroImage__wrap--one-image .heroImage__figure.heroImage__figure--desktop {
    display: block;
    height: 50vw;
    overflow: hidden; }
    .heroImage__wrap--one-image .heroImage__figure.heroImage__figure--desktop img {
      -ms-transform: scale(1.5);
          transform: scale(1.5);
      -webkit-transform-origin-y: top; } }

@media (max-width: 479px) {
  .heroImage__wrap--one-image .heroImage__figure.heroImage__figure--mobile {
    display: none; } }

/* breakpoints */
.quote-callout__wrap {
  background: #F3F3F3;
  padding-top: 30px;
  padding-bottom: 36px;
  margin: 30px 0 90px;
  text-align: center;
  position: relative;
  margin-left: calc(-100vw / 2 + 750px / 2);
  margin-right: calc(-100vw / 2 + 750px / 2); }
  @media (max-width: 999px) {
    .quote-callout__wrap {
      width: 100vw;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw; } }

.quote-callout__decoration {
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(100% - 13px);
  overflow: hidden; }

.quote-callout__decoration:after {
  content: "";
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  background: #F3F3F3;
  -ms-transform: rotate(53deg);
      transform: rotate(53deg);
  left: -80px;
  top: -64px; }

.util__content h2.quote-callout__quote {
  font-size: 24px; }

.util__content p.quote-callout__attribute {
  font-size: 16px; }

/* breakpoints */
.profile-list-item__wrap {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  @media (max-width: 759px) {
    .profile-list-item__wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }

.profile-list-item__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .profile-list-item__image {
      margin-right: 0; } }

.profile-list-item__textconten {
  width: calc(100% - 162px);
  padding-left: 30px; }

.profile-list-item__button {
  margin-top: 1em;
  color: #05457a; }

.profile-list-item__button .util-btn__texttoggle:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.06' height='7.74' viewBox='0 0 14.06 7.74'%3E%3Ctitle%3Ereadmore-arrow%3C/title%3E%3Cpath fill='none' stroke='%2306457a' stroke-miterlimit='10' d='M13.7.35L7.03 7.03.35.35'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 14px;
  height: 8px;
  margin-left: 8px; }

.profile-list-item__button .util-btn__texttoggle--less:after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

/* breakpoints */
.news-list__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px; }
  @media (max-width: 759px) {
    .news-list__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

h4.news-list__title {
  margin-top: -4px;
  margin-bottom: 0.5em; }
  @media (max-width: 759px) {
    h4.news-list__title {
      margin-top: 0.5em; } }

.news-list__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .news-list__image {
      margin-right: 0; } }

.news-list__titletext {
  width: calc(100% - 162px);
  padding-left: 30px; }

a .news-list__text {
  color: #000; }

.news-list__label {
  color: #c2c2c2;
  font-size: 14px;
  margin-bottom: 1em;
  margin-top: -4em; }

/* breakpoints */
.event__wrap {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  padding: 50px 0;
  border-top: 2px solid #DDDDDD; }
  @media (max-width: 759px) {
    .event__wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }

.event__no-event-message {
  display: none;
  text-align: center;
  margin: 60px 10px 300px;
  font-size: 18px; }

.event__link-target::before {
  display: block;
  content: " ";
  margin-top: -70px;
  height: 70px;
  visibility: hidden;
  pointer-events: none; }

.event__image {
  margin-right: 30px; }
  @media (max-width: 759px) {
    .event__image {
      margin-right: 0; } }

h4.event__title {
  margin: 0px; }

.event__location {
  margin: 0.5em 0 1em 0;
  font-size: 18px; }

.event__dates {
  font-size: 18px;
  margin-bottom: 0.5em; }

.event__textcontent {
  width: calc(100% - 162px); }

.event__button {
  margin-top: 1em;
  color: #05457a; }

.event__button .util-btn__texttoggle:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.06' height='7.74' viewBox='0 0 14.06 7.74'%3E%3Ctitle%3Ereadmore-arrow%3C/title%3E%3Cpath fill='none' stroke='%2306457a' stroke-miterlimit='10' d='M13.7.35L7.03 7.03.35.35'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 14px;
  height: 8px;
  margin-left: 8px; }

.event__button .util-btn__texttoggle--less:after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.event .util__content p {
  margin: 0;
  padding: 0 0 1em 0; }

/* overrides for share feature use within event list */
.event__article .share__spacer {
  display: none; }

.event__article .share__wrap {
  position: static;
  left: auto; }
  @media (max-width: 999px) {
    .event__article .share__wrap {
      position: static; } }

.event__article .share__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
  -ms-flex-align: auto;
      align-items: auto;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 1em; }
  @media (max-width: 999px) {
    .event__article .share__list {
      width: 100%;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-top: 1em;
      margin-bottom: 0em; } }

/* breakpoints */
.cta-button__content {
  text-align: center;
  margin-bottom: 30px; }

.cta-button__content a.util-btn {
  display: -ms-inline-flexbox;
  display: inline-flex; }

a.cta:hover {
  background-color: #fff;
  text-decoration: none;
  color: #0181c6; }

.cta.cta--findrep svg.icon {
  width: 18px;
  height: 18px;
  stroke: #0181c6;
  stroke-width: 1px;
  transition-property: stroke;
  transition-duration: 0.2s;
  transition-timing-function: ease-in; }

.cta.cta--findrep:hover svg.icon {
  stroke: #fff;
  stroke-width: 1px; }

/* breakpoints */
.news-events-promo__content {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (max-width: 999px) {
    .news-events-promo__content {
      -ms-flex-direction: column;
          flex-direction: column; } }

.news-events-promo__news,
.news-events-promo__events {
  -ms-flex: 1;
      flex: 1; }

.news-events-promo__news {
  margin-right: 2em; }
  @media (max-width: 999px) {
    .news-events-promo__news {
      margin-right: 0; } }

.news-events-promo__events {
  margin-left: 2em; }
  @media (max-width: 999px) {
    .news-events-promo__events {
      margin-left: 0; } }

.news-events-promo__column-title {
  text-align: center; }

.news-events-promo__wrap .news-list__label {
  margin-top: 0;
  margin-bottom: 0; }

p.news-list__title {
  margin-top: 0; }

.news-events-promo__wrap .news-list__titletext {
  width: auto;
  padding-left: 0; }
  @media (max-width: 999px) {
    .news-events-promo__wrap .news-list__titletext {
      min-width: 100%; } }

.news-events-promo__wrap a.news-list__block {
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 8px;
  margin-bottom: 20px; }

.news-events-promo__wrap a.news-list__block:last-child {
  border-bottom: none; }

.news-events-promo__event {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.news-events-promo__date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #05457a;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  margin-right: 1em;
  color: #05457a; }

.news-events-promo__link {
  border-bottom: 1px solid #DDDDDD;
  height: 6em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1; }

.news-events-promo__event:last-child .news-events-promo__link {
  border-bottom: none; }

.news-events-promo__events:empty {
  display: none; }

/* breakpoints */
/* breakpoints */
.two-up-articlelist__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  @media (max-width: 759px) {
    .two-up-articlelist__block {
      -ms-flex-direction: column;
          flex-direction: column; } }

.two-up-articlelist__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (max-width: 759px) {
    .two-up-articlelist__list {
      -ms-flex-direction: column;
          flex-direction: column; } }

.two-up-articlelist__list > * {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%; }

h4.two-up-articlelist__title {
  margin-top: -4px;
  margin-bottom: 0.5em;
  font-size: 20px; }
  @media (max-width: 759px) {
    h4.two-up-articlelist__title {
      margin-top: 0.5em; } }

.two-up-articlelist__image {
  margin-right: 15px; }
  @media (max-width: 759px) {
    .two-up-articlelist__image {
      margin-right: 0; } }

.two-up-articlelist__block img {
  width: 166px;
  height: 166px; }

.two-up-articlelist__titletext {
  width: calc(100% - 80px);
  padding-left: 15px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* HACK: IE10+ CSS */
  .two-up-articlelist__titletext {
    padding-left: 36px; } }

a .two-up-articlelist__text {
  color: #000;
  font-size: 14px; }

.two-up-articlelist__label {
  color: #7f7f7f;
  font-size: 12px;
  margin-bottom: 1em;
  margin-top: -4em; }
  @media (max-width: 759px) {
    .two-up-articlelist__label {
      margin-top: 0; } }

.two-up-articlelist__cta {
  text-align: center; }

.two-up-articlelist__cta .util-btn {
  display: inline-block; }

/*

CSS here is from, so that layout they use in the tool is preserved here.
Unused parts are commented out.
https://analytics.clickdimensions.com/donaldsoncom-amcsu/pages/xqm29ecqeewa6qbqvpskda.html

*/
/** QapTcha CSS **/
/*****************/
/*
.QapTcha {
	/*padding:10px;*/
/*border:1px solid #F4F4F4;*/
/*background:url('http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/components/clickdContactForm/images/bg_QapTcha.png') repeat;*/
/*margin-top:10px;
	clear:both;
	float:left;*/
/*
.QapTcha .clr{clear:both}

.QapTcha #bgSlider {
	width:202px;
	height:22px;
	background:transparent url('http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/components/clickdContactForm/images/sprites.png') no-repeat 0 -22px;
	float:left
}

.QapTcha #Slider {
	width:48px;
	height:22px;
	background:transparent url('http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/components/clickdContactForm/images/sprites.png') no-repeat -32px 0;
	cursor:e-resize
}

.QapTcha #Icons {
	float:left;
	width:16px;
	height:16px;
	background:transparent url('http://www.donaldson.cn/etc.clientlibs/donaldson/clientlibs/clientlib-site/components/clickdContactForm/images/sprites.png') no-repeat 0 0;
	margin-top:3px;
	margin-left:10px;
}

.QapTcha #TxtStatus {
	//width:202px;
	margin-top:7px;
	text-align:left;
	font-family:Verdana;
	font-size:10px;
	clear:both
}
*/
/** States **/
/*
.QapTcha .dropSuccess {
	color:#568E2F
}
.QapTcha .dropError {
	color:#bb2828
}#clickdimensionsForm
{
width:600px;
}
*/
.clickdform .fieldDiv p {
  margin: 10px 0 0 0;
  clear: both;
  float: left;
  width: 100%; }

.clickdform table td {
  padding: 0px 5px 0px 5px; }

.clickdform .maxSize1 {
  display: block; }

.clickdform .maxSize2 {
  display: block; }

.clickdform .maxSize3 {
  display: block; }

.clickdform .checkBoxMaxSize1 {
  display: inline-block;
  max-width: 170px;
  min-width: 170px; }

.clickdform .checkBoxMaxSize2 {
  display: inline-block;
  max-width: 340px;
  min-width: 340px; }

.clickdform .checkBoxMaxSize3 {
  display: inline-block;
  max-width: 510px;
  min-width: 510px; }

.clickdform .maxDateSize1 {
  display: inline-block;
  max-width: 180px;
  width: 180px; }

.clickdform .maxDateSize2 {
  display: inline-block;
  max-width: 380px;
  width: 380px; }

.clickdform .maxDateSize3 {
  display: inline-block;
  max-width: 580px;
  width: 580px; }

/*
#progressBar
{
	position:absolute;
	top:0px;
	left:0px;
	border:0px;
	background-image:url("https://az124611.vo.msecnd.net/web/v5/images/pixel.png");
	background-repeat:repeat;

}
#progressBarInner
{
	position:absolute;
	width:52px;
	height:52px;
	text-align:center;
	color:#000;
	font-family:Verdana;
	font-size:10px;
}

.clickdform .maxFileUploadSize1
{
    display:inline-block;
    max-width:180px;
    width:180px;
}
.clickdform .maxFileUploadSize2
{
    display:inline-block;
    max-width:380px;
    width:380px;
}
.clickdform .maxFileUploadSize3
{
    display:inline-block;
    max-width:580px;
    width:580px;
}

.previewMsg
{
    height: 28px;
	text-align: center;
	color: #000;
	font-family: "Segoe UI", Arial;
	font-size: 12px;
	vertical-align: middle;
	border-top-color: #dc9a3a;
	border-right-color: #dc9a3a;
	border-bottom-color: #dc9a3a;
	border-left-color: #dc9a3a;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: rgb(253, 234, 218);

}
*/
.clickdform .alignBottom {
  vertical-align: bottom; }

.clickdform .alignTop {
  vertical-align: top; }

.clickdform .alignMiddle {
  vertical-align: middle; }

.clickdform .formHr {
  margin-top: 10px;
  border: 0px; }

.clickdform .width100per {
  width: 100%; }

.clickdform .floatLeft {
  float: left; }

.clickdform .buttonContainer {
  margin: auto;
  display: inline-block; }

/*
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color:#FFF }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
*/
/* with multiple calendars */
/*
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
*/
/* RTL support */
/*
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-datepicker-trigger {margin-left:0px !important; cursor:pointer;}
*/
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
/* Layout helpers
----------------------------------*/
/* Interaction Cues
----------------------------------*/
/* Icons
----------------------------------*/
/* states and images */
/* Misc visuals
----------------------------------*/
/* Overlays */
/* Component containers
----------------------------------*/
/* Interaction states
----------------------------------*/
/* Interaction Cues
----------------------------------*/
/* states and images */
/* positioning */
/*
.ui-datepicker .ui-icon-carat-1-n { background-position: 0 0; }
.ui-datepicker .ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-datepicker .ui-icon-carat-1-e { background-position: -32px 0; }
.ui-datepicker .ui-icon-carat-1-se { background-position: -48px 0; }
.ui-datepicker .ui-icon-carat-1-s { background-position: -64px 0; }
.ui-datepicker .ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-datepicker .ui-icon-carat-1-w { background-position: -96px 0; }
.ui-datepicker .ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-datepicker .ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-datepicker .ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-datepicker .ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-datepicker .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-datepicker .ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-datepicker .ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-datepicker .ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-datepicker .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-datepicker .ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-datepicker .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-datepicker .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-datepicker .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-datepicker .ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-datepicker .ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-datepicker .ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-datepicker .ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-datepicker .ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-datepicker .ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-datepicker .ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-datepicker .ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-datepicker .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-datepicker .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-datepicker .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-datepicker .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-datepicker .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-datepicker .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-datepicker .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-datepicker .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-datepicker .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-datepicker .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-datepicker .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-datepicker .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-datepicker .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-datepicker .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-datepicker .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-datepicker .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-datepicker .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-datepicker .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-datepicker .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-datepicker .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-datepicker .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-datepicker .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-datepicker .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-datepicker .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-datepicker .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-datepicker .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-datepicker .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-datepicker .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-datepicker .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-datepicker .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-datepicker .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-datepicker .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-datepicker .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-datepicker .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-datepicker .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-datepicker .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-datepicker .ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-datepicker .ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-datepicker .ui-icon-extlink { background-position: -32px -80px; }
.ui-datepicker .ui-icon-newwin { background-position: -48px -80px; }
.ui-datepicker .ui-icon-refresh { background-position: -64px -80px; }
.ui-datepicker .ui-icon-shuffle { background-position: -80px -80px; }
.ui-datepicker .ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-datepicker .ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-datepicker .ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-datepicker .ui-icon-folder-open { background-position: -16px -96px; }
.ui-datepicker .ui-icon-document { background-position: -32px -96px; }
.ui-datepicker .ui-icon-document-b { background-position: -48px -96px; }
.ui-datepicker .ui-icon-note { background-position: -64px -96px; }
.ui-datepicker .ui-icon-mail-closed { background-position: -80px -96px; }
.ui-datepicker .ui-icon-mail-open { background-position: -96px -96px; }
.ui-datepicker .ui-icon-suitcase { background-position: -112px -96px; }
.ui-datepicker .ui-icon-comment { background-position: -128px -96px; }
.ui-datepicker .ui-icon-person { background-position: -144px -96px; }
.ui-datepicker .ui-icon-print { background-position: -160px -96px; }
.ui-datepicker .ui-icon-trash { background-position: -176px -96px; }
.ui-datepicker .ui-icon-locked { background-position: -192px -96px; }
.ui-datepicker .ui-icon-unlocked { background-position: -208px -96px; }
.ui-datepicker .ui-icon-bookmark { background-position: -224px -96px; }
.ui-datepicker .ui-icon-tag { background-position: -240px -96px; }
.ui-datepicker .ui-icon-home { background-position: 0 -112px; }
.ui-datepicker .ui-icon-flag { background-position: -16px -112px; }
.ui-datepicker .ui-icon-calendar { background-position: -32px -112px; }
.ui-datepicker .ui-icon-cart { background-position: -48px -112px; }
.ui-datepicker .ui-icon-pencil { background-position: -64px -112px; }
.ui-datepicker .ui-icon-clock { background-position: -80px -112px; }
.ui-datepicker .ui-icon-disk { background-position: -96px -112px; }
.ui-datepicker .ui-icon-calculator { background-position: -112px -112px; }
.ui-datepicker .ui-icon-zoomin { background-position: -128px -112px; }
.ui-datepicker .ui-icon-zoomout { background-position: -144px -112px; }
.ui-datepicker .ui-icon-search { background-position: -160px -112px; }
.ui-datepicker .ui-icon-wrench { background-position: -176px -112px; }
.ui-datepicker .ui-icon-gear { background-position: -192px -112px; }
.ui-datepicker .ui-icon-heart { background-position: -208px -112px; }
.ui-datepicker .ui-icon-star { background-position: -224px -112px; }
.ui-datepicker .ui-icon-link { background-position: -240px -112px; }
.ui-datepicker .ui-icon-cancel { background-position: 0 -128px; }
.ui-datepicker .ui-icon-plus { background-position: -16px -128px; }
.ui-datepicker .ui-icon-plusthick { background-position: -32px -128px; }
.ui-datepicker .ui-icon-minus { background-position: -48px -128px; }
.ui-datepicker .ui-icon-minusthick { background-position: -64px -128px; }
.ui-datepicker .ui-icon-close { background-position: -80px -128px; }
.ui-datepicker .ui-icon-closethick { background-position: -96px -128px; }
.ui-datepicker .ui-icon-key { background-position: -112px -128px; }
.ui-datepicker .ui-icon-lightbulb { background-position: -128px -128px; }
.ui-datepicker .ui-icon-scissors { background-position: -144px -128px; }
.ui-datepicker .ui-icon-clipboard { background-position: -160px -128px; }
.ui-datepicker .ui-icon-copy { background-position: -176px -128px; }
.ui-datepicker .ui-icon-contact { background-position: -192px -128px; }
.ui-datepicker .ui-icon-image { background-position: -208px -128px; }
.ui-datepicker .ui-icon-video { background-position: -224px -128px; }
.ui-datepicker .ui-icon-script { background-position: -240px -128px; }
.ui-datepicker .ui-icon-alert { background-position: 0 -144px; }
.ui-datepicker .ui-icon-info { background-position: -16px -144px; }
.ui-datepicker .ui-icon-notice { background-position: -32px -144px; }
.ui-datepicker .ui-icon-help { background-position: -48px -144px; }
.ui-datepicker .ui-icon-check { background-position: -64px -144px; }
.ui-datepicker .ui-icon-bullet { background-position: -80px -144px; }
.ui-datepicker .ui-icon-radio-off { background-position: -96px -144px; }
.ui-datepicker .ui-icon-radio-on { background-position: -112px -144px; }
.ui-datepicker .ui-icon-pin-w { background-position: -128px -144px; }
.ui-datepicker .ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-datepicker .ui-icon-pause { background-position: -16px -160px; }
.ui-datepicker .ui-icon-seek-next { background-position: -32px -160px; }
.ui-datepicker .ui-icon-seek-prev { background-position: -48px -160px; }
.ui-datepicker .ui-icon-seek-end { background-position: -64px -160px; }
.ui-datepicker .ui-icon-seek-start { background-position: -80px -160px; }
*/
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/*
.ui-datepicker .ui-icon-seek-first { background-position: -80px -160px; }
.ui-datepicker .ui-icon-stop { background-position: -96px -160px; }
.ui-datepicker .ui-icon-eject { background-position: -112px -160px; }
.ui-datepicker .ui-icon-volume-off { background-position: -128px -160px; }
.ui-datepicker .ui-icon-volume-on { background-position: -144px -160px; }
.ui-datepicker .ui-icon-power { background-position: 0 -176px; }
.ui-datepicker .ui-icon-signal-diag { background-position: -16px -176px; }
.ui-datepicker .ui-icon-signal { background-position: -32px -176px; }
.ui-datepicker .ui-icon-battery-0 { background-position: -48px -176px; }
.ui-datepicker .ui-icon-battery-1 { background-position: -64px -176px; }
.ui-datepicker .ui-icon-battery-2 { background-position: -80px -176px; }
.ui-datepicker .ui-icon-battery-3 { background-position: -96px -176px; }
.ui-datepicker .ui-icon-circle-plus { background-position: 0 -192px; }
.ui-datepicker .ui-icon-circle-minus { background-position: -16px -192px; }
.ui-datepicker .ui-icon-circle-close { background-position: -32px -192px; }
.ui-datepicker .ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-datepicker .ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-datepicker .ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-datepicker .ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-datepicker .ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-datepicker .ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-datepicker .ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-datepicker .ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-datepicker .ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-datepicker .ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-datepicker .ui-icon-circle-check { background-position: -208px -192px; }
.ui-datepicker .ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-datepicker .ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-datepicker .ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-datepicker .ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-datepicker .ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-datepicker .ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-datepicker .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-datepicker .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-datepicker .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-datepicker .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-datepicker .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-datepicker .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
*/
/* Misc visuals
----------------------------------*/
/* Corner radius */
/*
.ui-datepicker .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-datepicker .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-datepicker .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-datepicker .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-datepicker .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-datepicker .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-datepicker .ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-datepicker .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-datepicker .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
*/
/* Overlays */
/*
.ui-datepicker .ui-widget-overlay { background: #aaaaaa url("https://az124611.vo.msecnd.net/web/v5/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-datepicker .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("https://az124611.vo.msecnd.net/web/v5/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
*/
.clickdform.mainDiv {
  box-sizing: border-box; }

.clickdform.mainDiv * {
  box-sizing: border-box; }

.line {
  padding-bottom: 8px !important; }

.responsiveCell {
  display: inline-block;
  padding: 0px; }

#clickdimensionsForm {
  width: auto;
  max-width: 100%;
  height: 100%; }

.clickdform.mainDiv {
  width: 100%; }

.buttonContainer {
  margin-right: 37px !important; }

.clickdform td.minSize1 {
  min-width: initial; }

.clickdform td.minSize2 {
  min-width: initial; }

.clickdform td.minSize3 {
  min-width: initial; }

.clickdform .responsiveCell div.alignBottom {
  display: block; }

.clickdform .responsiveCell div.alignTop {
  display: block; }

.clickdform .responsiveCell .clear {
  display: block;
  zoom: 1;
  margin: 0px;
  height: 0px; }

/* breakpoints */
.clickd-contact-form__wrap {
  margin-bottom: 60px; }

.clickd-contact-form__button-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 30px; }

.clickd-contact-form__button {
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 0;
  cursor: pointer; }

.clickd-contact-form__response {
  margin: 30px auto; }

.clickd-contact-form__spinner {
  position: absolute;
  pointer-events: none;
  width: 100%;
  text-align: center;
  left: 0; }

.clickd-contact-form__spinner-message {
  margin-bottom: 10px; }

.clickd-contact-form__spinner svg {
  width: 3.75em;
  -ms-transform-origin: center;
      transform-origin: center;
  -webkit-animation: clickd-contact-form__rotate 2s linear infinite;
          animation: clickd-contact-form__rotate 2s linear infinite; }

.clickd-contact-form__spinner circle {
  fill: none;
  stroke: #05457a;
  stroke-width: 5;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: clickd-contact-form__dash 1.5s ease-in-out infinite;
          animation: clickd-contact-form__dash 1.5s ease-in-out infinite; }

@-webkit-keyframes clickd-contact-form__rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes clickd-contact-form__rotate {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes clickd-contact-form__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

@keyframes clickd-contact-form__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

/* Overrides for the form styles */
.responsiveCellSize1 {
  width: calc(50% - 10px); }

.responsiveCellSize2 {
  width: calc(50% - 10px); }

.responsiveCellSize3 {
  width: 100%; }

.responsiveCell.responsiveCellSize1.emptyCell {
  display: none; }

.responsiveRow:first-of-type {
  display: none; }

.responsiveRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.responsiveRow input[type='checkbox'] {
  margin-right: 10px; }

.responsiveRow input[type='text'],
.responsiveRow textarea,
.responsiveRow select {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  color: #000;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  padding: .5rem 1rem;
  margin: 8px 0 0;
  line-height: 1.5;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: .25rem;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none; }

/* not a great selector, but it helps with checkbox layout */
.responsiveCell div div {
  display: -ms-flexbox;
  display: flex; }

/* selects from various forms */
#cont_id_f_150602f172efe51180ea0050569b0a0c,
#cont_id_f_251d165b6defe51180ea0050569b0a0c {
  position: relative; }

#cont_id_f_150602f172efe51180ea0050569b0a0c:after,
#cont_id_f_251d165b6defe51180ea0050569b0a0c:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.2rem;
  pointer-events: none;
  border-top: 0.6rem solid #05457a;
  border-right: 0.5rem solid transparent;
  border-bottom: .4rem solid transparent;
  border-left: 0.5rem solid transparent; }

.clickd-contact-form__field--error input[type='text'],
.clickd-contact-form__field--error textarea {
  border-color: red; }

span.clickd-contact-form__v-note {
  opacity: 0;
  transition: opacity 0.3s ease-out; }

.clickd-contact-form__field--error span.clickd-contact-form__v-note {
  opacity: 1;
  transition: opacity 0.3s ease-in;
  color: red;
  float: right;
  padding-right: 5px; }

/* mobile */
@media (max-width: 759px) {
  .responsiveCell {
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    -ms-flex-direction: column;
        flex-direction: column; }
  .responsiveRow {
    -ms-flex-direction: column;
        flex-direction: column; }
  .responsiveCellSize1 {
    width: 100%; }
  .responsiveCellSize2 {
    width: 100%; }
  .responsiveCell:nth-child(2) {
    margin-top: 18px; } }

/* breakpoints */
.search-results__content {
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0; }
  @media (max-width: 759px) {
    .search-results__content {
      -ms-flex-direction: column;
          flex-direction: column; } }

.search-results__site-results {
  width: 65%;
  padding-right: 100px; }
  @media (max-width: 759px) {
    .search-results__site-results {
      width: 100%;
      padding-right: 0px; } }

.search-results__site-results-title h2,
.search-results__product-results-title h2 {
  font-size: 36px; }

.search-results__description p {
  margin: 10px 0; }

.search-results-top span.search-term {
  font-weight: normal; }

ul.search-results__list {
  list-style-type: none;
  padding: 0; }

li.search-results__item {
  position: relative;
  padding: 0 0 40px 50px; }

.search-results__item--asset:after,
.search-results__item--web:after,
.search-results__item--page:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  left: 3px;
  top: 5px;
  background-repeat: no-repeat; }

.search-results__item--asset:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.55 29.81'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%2306467a;stroke-miterlimit:10;stroke-width:1.25px%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon-pdf%3C/title%3E%3Cpath class='a' d='M28.93 18v6.29a4.92 4.92 0 0 1-4.93 4.9H5.54a4.92 4.92 0 0 1-4.92-4.92V5.54A4.93 4.93 0 0 1 5.54.62h7a5 5 0 0 1 3.71 1.65L27.7 14.82A4.68 4.68 0 0 1 28.93 18z'/%3E%3Cpath class='a' d='M28.93 16.16h-9.24a4.91 4.91 0 0 1-4.91-4.92V.63M8.28 19.67v6.69M18.44 19.04v7.32M8.28 19.67h1.54a1.54 1.54 0 0 1 1.54 1.54 1.54 1.54 0 0 1-1.54 1.54H8.28v-3.08zM13.28 19.67h1.54a1.54 1.54 0 0 1 1.54 1.54v3a1.54 1.54 0 0 1-1.54 1.54h-1.54v-6.08zM18.44 19.67h2.84M18.44 22.44h2.84'/%3E%3C/svg%3E"); }

.search-results__item--web:after, .search-results__item--page:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.65 29.65'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%2306467a;stroke-miterlimit:10;stroke-width:1.25px%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon-web%3C/title%3E%3Ccircle class='a' cx='14.83' cy='14.83' r='14.2'/%3E%3Cellipse class='a' cx='14.83' cy='14.83' rx='4.81' ry='14.2'/%3E%3Cpath class='a' d='M3.46 6.31h22.55M3.46 22.9h22.55M.52 14.61h28.42'/%3E%3C/svg%3E"); }

h3.search-results__link {
  margin: 0 0 0.2em 0; }

.search-results__type {
  font-weight: 500;
  margin-bottom: 0.3em; }

.search-results__link a {
  font-weight: 400;
  font-size: 20px; }

.search-results__url a {
  color: #898989;
  text-decoration: none;
  font-size: 13px;
  max-width: 100%;
  overflow: hidden;
  display: inline-block; }

.search-results__product-container {
  position: relative; }

.search-results__product-returned-message {
  margin: 30px 0 20px;
  font-size: 20px; }

.search-results__product-returned-equipment {
  margin-bottom: 30px; }

.search-results__product-returned-button a.util-btn {
  margin: 0;
  width: auto;
  display: inline-block; }

.search-results__product-not-returned-message {
  position: absolute;
  top: 0px;
  left: 0.3em; }

.search-results__product-not-returned-button {
  position: absolute;
  top: 50px; }

/* breakpoints */
section.cookie-notification__wrap.nocookie {
  top: auto;
  bottom: 0%;
  transition: bottom 1.5s ease-in; }

section.cookie-notification__wrap {
  bottom: -100%;
  transition: bottom 1.5s ease-out;
  display: block;
  position: fixed;
  left: 0;
  z-index: 100000;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-top: 1px solid #ECECEC; }

.cookie-notification__content {
  display: -ms-flexbox;
  display: flex;
  padding: 45px 0; }

.cookiebutton {
  margin-left: 40px; }

.cookie-notification__message {
  -ms-flex: 1;
      flex: 1; }

/* breakpoints */
.dot-placement-util__wrap .target {
  width: 600px;
  margin: 0 auto;
  position: relative; }
  .dot-placement-util__wrap .target img {
    width: 100%;
    outline: 1px solid; }

.dot-placement-util__wrap .dot {
  background-color: #000;
  height: 14px;
  width: 13px;
  border-radius: 50%;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  outline: 2px solid orangered; }

.dot-placement-util__wrap .percentages {
  text-align: center; }

/* breakpoints */
.terms-of-sale__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 80px; }

.terms-of-sale__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 33%;
  padding-right: 30px;
  margin-bottom: 50px; }
  @media (max-width: 759px) {
    .terms-of-sale__link {
      width: 50%; } }
  @media (max-width: 579px) {
    .terms-of-sale__link {
      width: 100%; } }

.terms-of-sale__link span {
  width: calc(100% - 52px); }

.terms-of-sale__link:before {
  content: "";
  width: 37px;
  height: 38px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.3 39.66'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%2306467a;stroke-miterlimit:10;stroke-width:1.5px%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath class='a' d='M38.55,22.48v14a2.4,2.4,0,0,1-2.4,2.41h-33A2.41,2.41,0,0,1,.75,36.5V3.15A2.41,2.41,0,0,1,3.15.75H18.78a2,2,0,0,1,1.46.65L37.89,20.77A2.53,2.53,0,0,1,38.55,22.48Z'/%3E%3Cpath class='a' d='M38.55,21.5H22.44a2.79,2.79,0,0,1-2.79-2.79V.75'/%3E%3Cline class='a' x1='10.97' y1='26.19' x2='10.97' y2='35.12'/%3E%3Cline class='a' x1='24.55' y1='25.35' x2='24.55' y2='35.12'/%3E%3Cpath class='a' d='M11 26.19h2.58a1.54 1.54 0 0 1 1.54 1.54v1a1.54 1.54 0 0 1-1.54 1.54H11a0 0 0 0 1 0 0V26.19A0 0 0 0 1 11 26.19zM17.65 26.19h2.58a1.54 1.54 0 0 1 1.54 1.54v5a1.54 1.54 0 0 1-1.54 1.54H17.65a0 0 0 0 1 0 0V26.19A0 0 0 0 1 17.65 26.19z'/%3E%3Cline class='a' x1='24.55' y1='25.93' x2='28.33' y2='25.93'/%3E%3Cline class='a' x1='24.55' y1='29.89' x2='28.33' y2='29.89'/%3E%3C/svg%3E"); }

/* breakpoints */
@media (max-width: 759px) {
  .find-a-rep__popbox .popbox_container {
    padding: 40px 0; } }

.find-a-rep__input-label {
  position: relative; }

p.find-a-rep__note {
  margin-top: 3em;
  font-size: 14px; }

.find-a-rep__form-box {
  margin-top: 40px; }

.find-a-rep__form-box .responsiveRow {
  margin-bottom: 20px; }

.util__popbox-content.find-a-rep__results {
  min-height: 260px; }

span.util__validation-note {
  position: absolute;
  right: 0;
  top: -36px;
  color: red;
  opacity: 0; }

.find-a-rep__input-label.find-a-rep__invalid span.util__validation-note {
  opacity: 1;
  transition: opacity 0.3s ease-out; }

.find-a-rep__results-wrap .clickd-contact-form__button-area {
  margin-top: -50px; }

.find-a-rep__spinner {
  position: absolute;
  pointer-events: none;
  width: 100%;
  text-align: center;
  left: 0; }

.find-a-rep__spinner-message {
  margin-bottom: 10px; }

.find-a-rep__spinner svg {
  width: 3.75em;
  -ms-transform-origin: center;
      transform-origin: center;
  -webkit-animation: find-a-rep__rotate 2s linear infinite;
          animation: find-a-rep__rotate 2s linear infinite; }

.find-a-rep__spinner circle {
  fill: none;
  stroke: #05457a;
  stroke-width: 5;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: find-a-rep__dash 1.5s ease-in-out infinite;
          animation: find-a-rep__dash 1.5s ease-in-out infinite; }

@-webkit-keyframes find-a-rep__rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes find-a-rep__rotate {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes find-a-rep__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

@keyframes find-a-rep__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

/* breakpoints */
@media (max-width: 759px) {
  .gateform__popbox .popbox_container {
    padding: 40px 0; } }

.gateform__input-label {
  position: relative; }

.gateform__form-box {
  margin-top: 40px; }

.gateform__form-box .responsiveRow {
  margin-bottom: 20px; }

.util__popbox-content.gateform__results {
  min-height: 260px; }

span.util__validation-note {
  position: absolute;
  right: 0;
  top: -36px;
  color: red;
  opacity: 0; }

.gateform__input-label.gateform__invalid span.util__validation-note {
  opacity: 1;
  transition: opacity 0.3s ease-out; }

.gateform__popbox .clickd-contact-form__button-area {
  margin-top: -50px; }

.gateform__spinner {
  position: absolute;
  pointer-events: none;
  width: 100%;
  text-align: center;
  left: 0; }

.gateform__spinner-message {
  margin-bottom: 10px; }

.gateform__spinner svg {
  width: 3.75em;
  -ms-transform-origin: center;
      transform-origin: center;
  -webkit-animation: gateform__rotate 2s linear infinite;
          animation: gateform__rotate 2s linear infinite; }

.gateform__spinner circle {
  fill: none;
  stroke: #05457a;
  stroke-width: 5;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: gateform__dash 1.5s ease-in-out infinite;
          animation: gateform__dash 1.5s ease-in-out infinite; }

@-webkit-keyframes gateform__rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes gateform__rotate {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes gateform__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

@keyframes gateform__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

/* breakpoints */
.clickd-contact-form--hide-submit button.clickd-contact-form__button {
  display: none; }

.grecaptcha-badge {
  left: 6px;
  overflow: hidden;
  width: 70px !important;
  z-index: 400; }

.grecaptcha-badge:hover {
  width: 256px !important; }

/* breakpoints */
.section-tabs .tablist * {
  font-weight: 300; }

.section-tabs {
  padding-top: 40px; }

.section-tabs.util__retain .util__retain {
  margin: 0; }

.section-tabs .tablist * {
  margin: 0; }

.section-tabs .tablist *:focus {
  margin: 0;
  outline: none; }

.section-tabs--tabs-container {
  padding-bottom: 50px; }

.section-tabs [role="tablist"] {
  width: 100%;
  padding: 0;
  margin: 0 auto 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  list-style-type: none;
  border-bottom: 2px solid #eaeaea; }

.section-tabs [role="tablist"] li,
.section-tabs [role="tablist"] a {
  color: #003c71;
  font-weight: 300;
  display: inline-block;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 20px; }

.section-tabs [role="tablist"] a {
  text-decoration: none;
  padding: 0.5em 0;
  margin: 0 15px;
  border-bottom: 2px solid transparent;
  color: inherit; }

@media (min-width: 961px) {
  .section-tabs [role="tablist"] li:first-child a {
    margin-left: 0; } }

.section-tabs [role="tablist"] [aria-selected] {
  border-bottom: 3px solid #000;
  background: #fff;
  position: relative;
  color: #000; }

.section-tabs [role="tabpanel"] {
  padding-top: 1.8rem; }

.section-tabs--section:not([hidden="true"]) {
  opacity: 0;
  -webkit-animation: global-map-fade-in 1s ease forwards;
  animation: global-map-fade-in 1s ease forwards; }

.section-tabs--section {
  font-size: 14px; }

.section-tabs__mobile-section {
  overflow: hidden; }

.section-tabs__mobile-section--hidden {
  display: none; }

.section-tabs__util-height-transition {
  transform: translateZ(0);
  transition: all 0.3s ease; }

.section-tabs__util-fade-in {
  opacity: 0;
  -webkit-animation: global-map-fade-in 1s ease forwards;
  animation: global-map-fade-in 1s ease forwards; }

.section-tabs__expand-icon {
  display: none; }

.section-tabs__mobile-subregion-heading {
  font-weight: 300;
  font-size: 1.7em;
  margin-top: 10px;
  color: #000; }

@media (max-width: 960px) {
  .section-tabs li,
  .section-tabs li + li {
    margin: 0 30px; }
  .section-tabs__region--active,
  .section-tabs--map-section,
  .section-tabs--map-section:not(.global-map-tabs__region--active):hover {
    opacity: 0;
    transition: unset;
    display: none; }
  .section-tabs__expand-icon {
    fill: currentColor;
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 0;
    top: 16px; }
  .section-tabs--container {
    max-width: 100%; }
  .section-tabs--tabs-container {
    padding-bottom: 50px; }
  .section-tabs [role="tablist"] {
    display: block;
    list-style-type: none;
    border-bottom: none; }
  .section-tabs__mobile-section {
    box-sizing: border-box;
    width: 100vw;
    background-color: #f1eff1;
    font-size: 1rem;
    padding-left: 5vw;
    margin-left: -64px; }
  .section-tabs__mobile-section ul {
    padding: 0; }
  .section-tabs [role="tablist"] li {
    display: block; }
  .section-tabs [role="tablist"] .section-tabs__mobile-section li {
    position: relative;
    color: #000;
    display: block;
    padding-top: 20px;
    font-size: 14px; }
  .section-tabs [role="tablist"] .section-tabs__mobile-section li:last-of-type {
    padding-bottom: 30px; }
  .section-tabs [role="tablist"] a {
    box-sizing: border-box;
    display: block;
    padding-left: 5vw;
    width: 100vw;
    border-bottom: 1px solid #eceaec;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); }
  .section-tabs [role="tablist"] [aria-selected] {
    border-bottom: 1px solid #000;
    background-color: transparent; }
  .section-tabs--location-list li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    left: -10px;
    top: 7px; } }

/* Matches mobile styles, but as authorable option for desktop */
.section-tabs--vertical .section-tabs__region--active,
.section-tabs--vertical .section-tabs--map-section,
.section-tabs--vertical .section-tabs--map-section:not(.global-map-tabs__region--active):hover {
  opacity: 0;
  transition: unset;
  display: none; }

.section-tabs--vertical .section-tabs__expand-icon {
  fill: currentColor;
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  right: 0;
  top: 16px; }

.section-tabs--vertical .section-tabs--container {
  max-width: 100%; }

.section-tabs--vertical .section-tabs--tabs-container {
  padding-bottom: 50px; }

.section-tabs--vertical .section-tabs [role="tablist"] {
  display: table;
  list-style-type: none;
  border-bottom: none;
  width: auto;
  margin-left: 0; }
  @media (max-width: 960px) {
    .section-tabs--vertical .section-tabs [role="tablist"] {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw); } }

.section-tabs--vertical .section-tabs__mobile-section {
  box-sizing: border-box;
  width: 100vw;
  background-color: #f1eff1;
  font-size: 1rem;
  padding-left: 5vw;
  margin-left: -64px; }

.section-tabs--vertical .section-tabs__mobile-section ul {
  padding: 0; }

.section-tabs--vertical .section-tabs [role="tablist"] li {
  display: block; }
  @media (max-width: 960px) {
    .section-tabs--vertical .section-tabs [role="tablist"] li {
      margin: 0px; } }

.section-tabs--vertical .section-tabs [role="tablist"] .section-tabs__mobile-section li {
  position: relative;
  color: #000;
  display: block;
  padding-top: 20px;
  font-size: 14px; }

.section-tabs--vertical .section-tabs [role="tablist"] .section-tabs__mobile-section li:last-of-type {
  padding-bottom: 30px; }

.section-tabs--vertical .section-tabs [role="tablist"] a {
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 8px 0px 4px 0;
  font-weight: 500; }
  @media (max-width: 960px) {
    .section-tabs--vertical .section-tabs [role="tablist"] a {
      padding: 0.5em 0 0.5em 5vw; } }

.section-tabs--vertical .section-tabs [role="tablist"] li
.section-tabs [role="tablist"] li + li {
  margin-left: 0; }

.section-tabs--vertical .section-tabs [role="tablist"] [aria-selected] {
  border-bottom: 2px solid #000;
  background-color: transparent; }

.section-tabs--vertical .section-tabs--location-list li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #000;
  position: absolute;
  left: -10px;
  top: 7px; }

/* breakpoints */
.video__wrap video {
  width: 100%; }

/* breakpoints */
div.slidetoreveal__wrap {
  margin: 1em auto;
  position: relative;
  border-radius: 8px; }

div.slidetoreveal__wrap.slidetoreveal__full-width {
  border-radius: 0; }

div.slidetoreveal__wrap img {
  width: 100%; }

div.slidetoreveal__wrap img:first-child {
  position: absolute;
  top: 0;
  left: 0; }

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 10px;
  margin-top: 0;
  border-radius: 8px; }

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
  border-radius: 8px; }

.iframe__wrap .iframe__container {
  overflow: hidden;
  position: relative;
  padding-top: 56.25%; }

.iframe__container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0; }

/* breakpoints */
.cmp-callouts__content {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 759px) {
    .cmp-callouts__content {
      -ms-flex-direction: column;
          flex-direction: column; } }

.cmp-callouts__item {
  background-color: #F3F3F3;
  text-align: center;
  border-radius: 8px;
  margin-right: 25px;
  -ms-flex: 1;
      flex: 1;
  padding-top: 30px;
  padding-bottom: 10px; }
  @media (max-width: 759px) {
    .cmp-callouts__item {
      margin-right: 0;
      margin-bottom: 25px; } }

.cmp-callouts__item p {
  padding: 0 125px; }
  @media (max-width: 759px) {
    .cmp-callouts__item p {
      padding: 0 15px 10px; } }

.cmp-callouts__content--2 .cmp-callouts__item p {
  padding: 0 80px 10px; }
  @media (max-width: 759px) {
    .cmp-callouts__content--2 .cmp-callouts__item p {
      padding: 0 15px 10px; } }

.cmp-callouts__content--3 .cmp-callouts__item p {
  padding: 0 15px 10px; }

.cmp-callouts__content--4 .cmp-callouts__item p {
  padding: 0 15px; }
  @media (max-width: 759px) {
    .cmp-callouts__content--4 .cmp-callouts__item p {
      padding: 0 15px 10px; } }

.cmp-callouts__content--5 .cmp-callouts__item p {
  padding: 0 4px; }
  @media (max-width: 759px) {
    .cmp-callouts__content--5 .cmp-callouts__item p {
      padding: 0 15px 10px; } }

.cmp-callouts__item:last-child {
  margin-right: 0; }
  @media (max-width: 759px) {
    .cmp-callouts__item:last-child {
      margin-bottom: 0; } }

.cmp-callouts__item h3 {
  color: #0181c6;
  font-size: 45px;
  margin: 0;
  line-height: 1; }

.cmp-callouts--corners-square .cmp-callouts__item {
  border-radius: 0px; }

.cmp-callouts--text-left .cmp-callouts__item {
  text-align: left; }

.cmp-callouts--text-left .cmp-callouts__item h3 {
  padding-left: 80px; }

