html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}


.slider-nav span,
.social-share,
.icon-nav .in-icon,
.main-footer .social-links .menu-link,
.main-header .main-logo,
.search-form .s-close {
	text-indent: -9999px;
	white-space: nowrap
}

.max-width:not(.container),
.accordion .ac-item,
.accordion .ac-title,
.accordion .ac-content,
.cookie-bar .cb-inner,
.atmospheric-image .ai-content-text,
.atmospheric-image .ai-content-buttons,
.contact-block,
.icon-grid,
.text,
.search-result,
.search-results {
	margin: 0 auto;
	max-width: 67.5rem
}

@media all and (min-width: 63.75em) {
	.product-finder,
	.ajax-search-results {
		padding-left: calc((100vw - 67.5rem) / 2) !important;
		padding-right: calc((100vw - 67.5rem) / 2) !important
	}
}

.slider-nav span {
	background: #e40613;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 6.25rem;
	outline: none;
	transition: .4s;
	width: 6.25rem
}

.slider-nav span:hover {
	background: #00417b
}

.slider-nav span::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.slider-nav.prev span {
	float: left;
	transform-origin: left center
}

.slider-nav.prev span::before {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 1.5625rem solid transparent;
	border-left: 0;
	border-right: 1.5625rem solid #fff;
	border-top: 1.5625rem solid transparent;
	left: calc(50% - .3125rem)
}

.slider-nav.next span {
	float: right;
	transform-origin: right center
}

.slider-nav.next span::before {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 1.5625rem solid transparent;
	border-left: 1.5625rem solid #fff;
	border-right: 0;
	border-top: 1.5625rem solid transparent;
	right: calc(50% - 1.875rem)
}

h1:not(.no-line)::after,
h2:not(.no-line)::after,
.person .section-title::after,
.product-finder .section-title::after,
.main-nav-container .menu-link.depth-1::after {
	color: #e40613;
	content: '\2015';
	display: block;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 0;
	margin: .3em -.1em .5em
}

@font-face {
	font-family: "colop";
	font-style: normal;
	font-weight: normal;
	src: url("/html/public/fonts/colop.eot");
	src: url("/html/public/fonts/colop.eot#iefix") format("embedded-opentype"), url("/html/public/fonts/colop.woff2") format("woff2"), url("/html/public/fonts/colop.woff") format("woff"), url("/html/public/fonts/colop.ttf") format("truetype"), url("/html/public/fonts/colop.svg") format("svg")
}

.main-nav-container::before,
.main-nav-container .menu-item.depth-0>.sub-menu::before,
[class^='icon-']::before,
[class*=' icon-']::before,
[class^='aicon-']::after,
[class*=' aicon-']::after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: inherit;
	display: inline-block;
	font-family: "colop";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	speak: none;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-transform: none
}

.icon-lang::before,
.aicon-lang::after {
	content: ""
}

.icon-search::before,
.aicon-search::after {
	content: ""
}

.main-nav-container::before,
.main-nav-container .menu-item.depth-0>.sub-menu::before,
.icon-swipe-up::before,
.aicon-swipe-up::after {
	content: ""
}

.icon-whatsapp::before,
.aicon-whatsapp::after {
	content: ""
}

.icon-youtube::before,
.aicon-youtube::after {
	content: ""
}

.icon-error::before,
.aicon-error::after {
	content: ""
}

.icon-success::before,
.aicon-success::after {
	content: ""
}

.icon-phone::before,
.aicon-phone::after {
	content: ""
}

.icon-mail::before,
.aicon-mail::after {
	content: ""
}

.icon-location::before,
.aicon-location::after {
	content: ""
}

.icon-web::before,
.aicon-web::after {
	content: ""
}

.icon-loading::before,
.aicon-loading::after {
	content: ""
}

.icon-xing::before,
.aicon-xing::after {
	content: ""
}

.icon-mail-squared::before,
.aicon-mail-squared::after {
	content: ""
}

.icon-fax::before,
.aicon-fax::after {
	content: ""
}

.icon-twitter::before,
.aicon-twitter::after {
	content: ""
}

.icon-facebook::before,
.aicon-facebook::after {
	content: ""
}

.icon-linkedin::before,
.aicon-linkedin::after {
	content: ""
}

.icon-youtube::before {
	margin: 0 -.06em
}

@font-face {
	font-family: "colop-menu";
	font-style: normal;
	font-weight: normal;
	src: url("/html/public/fonts/colop-menu.eot");
	src: url("/html/public/fonts/colop-menu.eot#iefix") format("embedded-opentype"), url("/html/public/fonts/colop-menu.woff2") format("woff2"), url("/html/public/fonts/colop-menu.woff") format("woff"), url("/html/public/fonts/colop-menu.ttf") format("truetype"), url("/html/public/fonts/colop-menu.svg") format("svg")
}

[class^='micon-']::before,
[class*=' micon-']::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: inherit;
	display: none;
	font-family: "colop-menu";
	font-size: 2.5rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 1.5rem;
	speak: none;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-transform: none
}

@media all and (min-width: 67.5em) {
	[class^='micon-']::before,
	[class*=' micon-']::before {
		display: block
	}
}

.micon-about-blog::before {
	content: ""
}

.micon-about-business-policy::before {
	content: ""
}

.micon-about-certificates::before {
	content: ""
}

.micon-b2b-esolutions::before {
	content: ""
}

.micon-about-working::before {
	content: ""
}

.micon-b2b-advantages::before {
	content: ""
}

.micon-icon-history::before {
	content: ""
}

.micon-inks::before {
	content: ""
}

.micon-product-finder::before {
	content: ""
}

.micon-product-specials::before {
	content: ""
}

.micon-product-family::before {
	content: ""
}

.micon-b2b-systems::before {
	content: ""
}

.micon-about-team::before {
	content: ""
}

.micon-b2b-marketing::before {
	content: ""
}

.micon-downloads::before {
	content: ""
}

.padding-sm,
.horizontal-padding-sm,
.left-padding-sm {
	padding-left: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-sm,
	.horizontal-padding-sm,
	.left-padding-sm {
		padding-left: .75rem
	}
}

.padding-sm,
.horizontal-padding-sm,
.right-padding-sm {
	padding-right: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-sm,
	.horizontal-padding-sm,
	.right-padding-sm {
		padding-right: .75rem
	}
}

.padding-sm,
.vertical-padding-sm,
.top-padding-sm {
	padding-top: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-sm,
	.vertical-padding-sm,
	.top-padding-sm {
		padding-top: .75rem
	}
}

.padding-sm,
.vertical-padding-sm,
.bottom-padding-sm {
	padding-bottom: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-sm,
	.vertical-padding-sm,
	.bottom-padding-sm {
		padding-bottom: .75rem
	}
}

.padding,
.horizontal-padding,
.left-padding {
	padding-left: 1.5rem
}

.padding,
.horizontal-padding,
.right-padding {
	padding-right: 1.5rem
}

.padding,
.vertical-padding,
.top-padding {
	padding-top: 1.5rem
}

.padding,
.vertical-padding,
.bottom-padding {
	padding-bottom: 1.5rem
}

.padding-lg,
.horizontal-padding-lg,
.left-padding-lg {
	padding-left: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-lg,
	.horizontal-padding-lg,
	.left-padding-lg {
		padding-left: 3rem
	}
}

.padding-lg,
.horizontal-padding-lg,
.right-padding-lg {
	padding-right: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-lg,
	.horizontal-padding-lg,
	.right-padding-lg {
		padding-right: 3rem
	}
}

.padding-lg,
.vertical-padding-lg,
.top-padding-lg {
	padding-top: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-lg,
	.vertical-padding-lg,
	.top-padding-lg {
		padding-top: 3rem
	}
}

.padding-lg,
.vertical-padding-lg,
.bottom-padding-lg {
	padding-bottom: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-lg,
	.vertical-padding-lg,
	.bottom-padding-lg {
		padding-bottom: 3rem
	}
}

.padding-xl,
.horizontal-padding-xl,
.left-padding-xl {
	padding-left: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-xl,
	.horizontal-padding-xl,
	.left-padding-xl {
		padding-left: 6rem
	}
}

.padding-xl,
.horizontal-padding-xl,
.right-padding-xl {
	padding-right: 1.5rem
}

@media all and (min-width: 67.5em) {
	.padding-xl,
	.horizontal-padding-xl,
	.right-padding-xl {
		padding-right: 6rem
	}
}

.padding-xl,
.vertical-padding-xl,
.top-padding-xl {
	padding-top: 1.5rem
}

@media all and (min-width: 48em) {
	.padding-xl,
	.vertical-padding-xl,
	.top-padding-xl {
		padding-top: 3rem
	}
}

@media all and (min-width: 67.5em) {
	.padding-xl,
	.vertical-padding-xl,
	.top-padding-xl {
		padding-top: 6rem
	}
}

.padding-xl,
.vertical-padding-xl,
.bottom-padding-xl {
	padding-bottom: 1.5rem
}

@media all and (min-width: 48em) {
	.padding-xl,
	.vertical-padding-xl,
	.bottom-padding-xl {
		padding-bottom: 3rem
	}
}

@media all and (min-width: 67.5em) {
	.padding-xl,
	.vertical-padding-xl,
	.bottom-padding-xl {
		padding-bottom: 6rem
	}
}

[class^='grid-'],
[class*=' grid-'] {
	-ms-flex-align: start;
	align-items: flex-start;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 100%;
	position: relative
}

[class^='grid-'].with-bg,
[class*=' grid-'].with-bg {
	background: center center no-repeat;
	background-size: cover
}

[class^='grid-'].text-center,
[class*=' grid-'].text-center {
	-ms-flex-align: center;
	align-items: center
}

[class^='grid-'].text-right,
[class*=' grid-'].text-right {
	-ms-flex-align: end;
	align-items: flex-end
}

[class^='grid-'].top,
[class*=' grid-'].top {
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media all and (min-width: 63.75em) {
	.grid-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		flex-basis: 16.6666666667%
	}
	.grid-3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%
	}
	.grid-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		flex-basis: 33.3333333333%
	}
	.grid-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		flex-basis: 41.6666666667%
	}
	.grid-6 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}
	.grid-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		flex-basis: 58.3333333333%
	}
	.grid-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		flex-basis: 66.6666666667%
	}
	.grid-9 {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%
	}
	.grid-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		flex-basis: 83.3333333333%
	}
	.grid-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		flex-basis: 91.6666666667%
	}
	.grid-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

.container {
	-ms-flex-align: stretch;
	align-items: stretch;
	background: center center no-repeat;
	background-size: cover;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media all and (min-width: 63.75em) {
	.container {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.container.inverted {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}

@media all and (min-width: 67.5em) {
	.container.max-width {
		padding-left: calc((100vw - 67.5rem) / 2);
		padding-right: calc((100vw - 67.5rem) / 2)
	}
	.container.max-width:not([class*='row-stretch'])>:first-child {
		padding-left: 0
	}
	.container.max-width:not([class*='row-stretch'])>:last-child {
		padding-right: 0
	}
	.container.max-width.row-stretch-sm {
		margin: 0 -.75rem
	}
	.container.max-width.row-stretch {
		margin: 0 -1.5rem
	}
	.container.max-width.row-stretch-lg {
		margin: 0 -3rem
	}
	.container.max-width.row-stretch-xl {
		margin: 0 -6rem
	}
}

.container:last-child>:last-child>:last-child:not(.atmospheric-image) {
	padding-bottom: 3rem
}

.container:last-child>:last-child>.atmospheric-image:last-child .ai-content {
	padding-bottom: 3rem
}

.container.bg-bottom {
	background-position: center bottom
}

.container.bg-top {
	background-position: center top
}

.container.top [class^='grid-'],
.container.top [class*=' grid-'] {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.container.text-white * {
	color: #fff;
	fill: #fff
}

.container.brand {
	background-color: #e40613
}

.container.brand * {
	color: #fff;
	fill: #fff
}

.container.secondary {
	background-color: #00417b
}

.container.secondary * {
	color: #fff;
	fill: #fff
}

.container.grey-bg {
	background-color: #e1e1e1
}

.container.printer {
	background-color: #e30613
}

.container.printer * {
	color: #fff;
	fill: #fff
}

.container.heavy-duty {
	background-color: #1d1d1b
}

.container.heavy-duty * {
	color: #fff;
	fill: #fff
}

.container.portable {
	background-color: #3b9bb7
}

.container.portable * {
	color: #fff;
	fill: #fff
}

.container.spare {
	background-color: #b8cad4
}

.container.band-embossing {
	background-color: #b11e27
}

.container.band-embossing * {
	color: #fff;
	fill: #fff
}

.container.diy {
	background-color: #fef476
}

.container.green-line {
	background-color: #55af31
}

.container.green-line * {
	color: #fff;
	fill: #fff
}

.container.microban {
	background-color: #005192
}

.container.microban * {
	color: #fff;
	fill: #fff
}

.container.eos {
	background-color: #2d73b9
}

.container.eos * {
	color: #fff;
	fill: #fff
}

.container.motivational {
	background-color: #f29104
}

.container.motivational * {
	color: #fff;
	fill: #fff
}

.container.office-line-se {
	background-color: #59bbc8
}

.container.office-line-se * {
	color: #fff;
	fill: #fff
}

.container.arsi {
	background-color: #ffd800
}

.container.arsi * {
	color: #fff;
	fill: #fff
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0
}

.leaflet-container {
	overflow: hidden
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none
}

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block
}

.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-drag {
	-ms-touch-action: none;
	touch-action: none
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden
}

.leaflet-tile-loaded {
	visibility: inherit
}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800
}

.leaflet-overlay-pane svg {
	-moz-user-select: none
}

.leaflet-pane {
	z-index: 400
}

.leaflet-tile-pane {
	z-index: 200
}

.leaflet-overlay-pane {
	z-index: 400
}

.leaflet-shadow-pane {
	z-index: 500
}

.leaflet-marker-pane {
	z-index: 600
}

.leaflet-tooltip-pane {
	z-index: 650
}

.leaflet-popup-pane {
	z-index: 700
}

.leaflet-map-pane canvas {
	z-index: 100
}

.leaflet-map-pane svg {
	z-index: 200
}

.leaflet-vml-shape {
	width: 1px;
	height: 1px
}

.lvml {
	behavior: url(/html/public/css/);
	display: inline-block;
	position: absolute
}

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted;
	pointer-events: auto
}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none
}

.leaflet-top {
	top: 0
}

.leaflet-right {
	right: 0
}

.leaflet-bottom {
	bottom: 0
}

.leaflet-left {
	left: 0
}

.leaflet-control {
	float: left;
	clear: both
}

.leaflet-right .leaflet-control {
	float: right
}

.leaflet-top .leaflet-control {
	margin-top: 10px
}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px
}

.leaflet-left .leaflet-control {
	margin-left: 10px
}

.leaflet-right .leaflet-control {
	margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1
}

.leaflet-zoom-animated {
	transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1)
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden
}

.leaflet-interactive {
	cursor: pointer
}

.leaflet-grab {
	cursor: -webkit-grab;
	cursor: -moz-grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair
}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
	pointer-events: none
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive {
	pointer-events: visiblePainted;
	pointer-events: auto
}

.leaflet-container {
	background: #ddd;
	outline: 0
}

.leaflet-container a {
	color: #0078A8
}

.leaflet-container a.leaflet-active {
	outline: 2px solid orange
}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255, 255, 255, 0.5)
}

.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block
}

.leaflet-bar a:hover {
	background-color: #f4f4f4
}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb
}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px
}

.leaflet-control-zoom-out {
	font-size: 20px
}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px
}

.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px
}

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	background: #fff;
	border-radius: 5px
}

.leaflet-control-layers-toggle {
	background-image: url(/html/public/css/images/layers.png);
	width: 36px;
	height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/html/public/css/images/layers-2x.png);
	background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative
}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff
}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	padding-right: 5px
}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px
}

.leaflet-control-layers label {
	display: block
}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
	background-image: url(/html/public/css/images/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333
}

.leaflet-control-attribution a {
	text-decoration: none
}

.leaflet-control-attribution a:hover {
	text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px
}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px
}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	background: rgba(255, 255, 255, 0.5)
}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0, 0, 0, 0.2);
	background-clip: padding-box
}

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px
}

.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4
}

.leaflet-popup-content p {
	margin: 18px 0
}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none
}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;
	margin: -10px auto 0;
	transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4)
}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999
}

.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999
}

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666
}

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}

.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: ""
}

.leaflet-tooltip-bottom {
	margin-top: 6px
}

.leaflet-tooltip-top {
	margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px
}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff
}

.leaflet-tooltip-left {
	margin-left: -6px
}

.leaflet-tooltip-right {
	margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px
}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff
}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff
}

.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
	transition: transform 0.3s ease-out, opacity 0.3s ease-in
}

.leaflet-cluster-spider-leg {
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in
}

.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6)
}

.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6)
}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6)
}

.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6)
}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6)
}

.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6)
}

.leaflet-oldie .marker-cluster-small {
	background-color: #b5e28c
}

.leaflet-oldie .marker-cluster-small div {
	background-color: #6ecc39
}

.leaflet-oldie .marker-cluster-medium {
	background-color: #f1d357
}

.leaflet-oldie .marker-cluster-medium div {
	background-color: #f0c20c
}

.leaflet-oldie .marker-cluster-large {
	background-color: #fd9c73
}

.leaflet-oldie .marker-cluster-large div {
	background-color: #f18017
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px
}

.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif
}

.marker-cluster span {
	line-height: 30px
}


/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/

#outdated {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 170px;
	text-align: center;
	text-transform: uppercase;
	z-index: 1500;
	background-color: #f25648;
	color: #ffffff
}

#outdated h6 {
	font-size: 25px;
	line-height: 25px;
	margin: 30px 0 10px
}

#outdated p {
	font-size: 12px;
	line-height: 12px;
	margin: 0
}

#outdated #btnUpdateBrowser {
	display: block;
	position: relative;
	padding: 10px 20px;
	margin: 30px auto 0;
	width: 230px;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid #ffffff;
	cursor: pointer
}

#outdated #btnUpdateBrowser:hover {
	color: #f25648;
	background-color: #ffffff
}

#outdated .last {
	position: absolute;
	top: 10px;
	right: 25px;
	width: 20px;
	height: 20px
}

#outdated .last[dir='rtl'] {
	right: auto !important;
	left: 25px !important
}

#outdated #btnCloseUpdateBrowser {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #ffffff;
	font-size: 36px;
	line-height: 36px
}

* html #outdated {
	position: absolute
}

* {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box
}

body,
html {
	color: #3c3c3c;
	font: 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-weight: normal;
	line-height: 1.5;
	width: 100%
}

body.no-scroll,
html.no-scroll {
	overflow: hidden
}

body {
	margin-top: 5.4375rem
}

@media all and (min-width: 86.25em) {
	body {
		margin-top: 7.5rem
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-weight: bold;
	line-height: 1.3;
	margin: 1.5em 0 0.6em
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none
}

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

h1 {
	font-size: 2rem
}

@media all and (min-width: 67.5em) {
	h1 {
		font-size: 2.38vw
	}
}

h2 {
	font-size: 1.5rem
}

@media all and (min-width: 67.5em) {
	h2 {
		font-size: 1.875rem
	}
}

h3 {
	font-size: 1rem
}

@media all and (min-width: 67.5em) {
	h3 {
		font-size: 1.25rem
	}
}

h4 {
	font-size: .9rem
}

@media all and (min-width: 67.5em) {
	h4 {
		font-size: 1.125rem
	}
}

h5 {
	font-size: .8rem
}

@media all and (min-width: 67.5em) {
	h5 {
		font-size: 1rem
	}
}

h6 {
	font-size: .64rem
}

@media all and (min-width: 67.5em) {
	h6 {
		font-size: .8rem
	}
}

.subline {
	font-size: 1.25rem;
	margin-bottom: 1.5em
}

a,
a:active,
a:visited {
	color: #3c3c3c;
	text-decoration: underline;
	transition: .4s
}

a:hover,
a:active:hover,
a:visited:hover {
	text-decoration: none
}

sub,
sup {
	font-size: .7em;
	vertical-align: super
}

sub {
	vertical-align: sub
}

img {
	height: auto;
	max-width: 100%
}

.text-center {
	text-align: center
}

.text-right {
	text-align: center
}

@media all and (min-width: 63.75em) {
	.text-right {
		text-align: right
	}
}

.text-left {
	text-align: left
}

b,
strong {
	font-weight: bold
}

.mobile-hidden {
	display: none
}

@media all and (min-width: 63.75em) {
	.mobile-hidden {
		display: block
	}
}

[data-blur]:not(.no-blur) {
	transition: .4s
}

[data-blur]:not(.no-blur).blurred {
	filter: blur(.25rem);
	opacity: .8
}

p {
	width: 100%
}

.main-content {
	min-height: calc(100vh - 7.5rem)
}

.accordion {
	margin-bottom: 3rem
}

.accordion .ac-item {
	border-top: .1875rem solid #dcdcdc
}

.accordion .ac-item:last-child {
	border-bottom: .1875rem solid #dcdcdc
}

.accordion .ac-item.is-active .ac-title {
	border-color: #e40613
}

.accordion .ac-item.is-active .ac-title::before {
	opacity: 0;
	transform: rotate(-90deg)
}

.accordion .ac-item.is-active .ac-title::after {
	transform: rotate(0deg)
}

.accordion .ac-item.pre-open .ac-content {
	display: block
}

.accordion .ac-title {
	border-bottom: .1875rem solid transparent;
	cursor: pointer;
	font-size: 1.25rem;
	font-weight: normal;
	padding: 1.5rem 3rem 1.5rem 1.5rem;
	position: relative;
	transition: .4s
}

.accordion .ac-title::before,
.accordion .ac-title::after {
	background-color: #e40613;
	content: '';
	display: block;
	height: .1875rem;
	margin-top: -.09375rem;
	position: absolute;
	right: .75rem;
	top: 50%;
	transform-origin: 50% 50%;
	transition: .4s;
	width: 1.25rem
}

.accordion .ac-title::after {
	transform: rotate(-90deg)
}

.accordion .ac-content {
	display: none;
	padding: 1.5rem
}

.hamburger-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 0;
	height: 1.5625rem;
	margin: .46875rem 0;
	padding: 0;
	position: relative;
	width: 2.8125rem
}

@media all and (min-width: 67.5em) {
	.hamburger-button {
		display: none
	}
}

.hamburger-button .hamburger {
	background: #e40613;
	display: block;
	height: .1875rem;
	left: 0;
	position: absolute;
	right: 0;
	transform-origin: 50% 50%;
	top: .6875rem;
	transition: opacity 0s .3s
}

.hamburger-button::before,
.hamburger-button::after {
	background: #e40613;
	display: block;
	height: .1875rem;
	left: 0;
	position: absolute;
	right: 0;
	transform-origin: 50% 50%;
	content: '';
	transition: top .3s .3s, transform .3s
}

.hamburger-button::before {
	top: 0
}

.hamburger-button::after {
	top: 1.375rem
}

.hamburger-button:active,
.hamburger-button:focus {
	border: 0;
	outline: none;
	transition: none
}

.visible-menu .hamburger {
	opacity: 0
}

.visible-menu .hamburger-button::before,
.visible-menu .hamburger-button::after {
	top: .6875rem;
	transition: top .3s, transform .3s .3s
}

.visible-menu .hamburger-button::before {
	transform: rotate3d(0, 0, 1, 45deg)
}

.visible-menu .hamburger-button::after {
	transform: rotate3d(0, 0, 1, -45deg)
}

.blog-archive .ba-hero {
	-ms-flex-align: center;
	align-items: center;
	background: center center no-repeat;
	background-size: cover;
	display: -ms-flexbox;
	display: flex;
	height: calc(50vh - 5.4375rem);
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 21.875rem;
	padding: 1.5rem;
	position: relative
}

@media all and (min-width: 63.75em) {
	.blog-archive .ba-hero {
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 3rem
	}
}

.blog-archive .ba-hero .section-header,
.blog-archive .ba-hero .section-title {
	position: relative;
	z-index: 1
}

@media all and (min-width: 63.75em) {
	.blog-archive .ba-hero .section-header,
	.blog-archive .ba-hero .section-title {
		margin: 0 auto;
		width: 67.5rem
	}
}

.blog-archive .ba-content {
	margin-top: -6.3125rem;
	padding: 1.5rem 1.5rem 0
}

@media all and (min-width: 37.5em) {
	.blog-archive .ba-content {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media all and (min-width: 63.75em) {
	.blog-archive .ba-content {
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: -7.875rem auto 0;
		max-width: 73.5rem;
		padding: 3rem 3rem 0
	}
}

.blog-archive .ba-content.masonry {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	padding: 0
}

@media all and (min-width: 48.0625em) {
	.blog-archive .ba-content.masonry {
		margin-left: auto;
		margin-right: auto;
		max-width: 67.5rem;
		width: calc(100% - 6rem)
	}
}

.blog-archive .ba-content.masonry .ba-item {
	display: block;
	margin: 0 0 1.5rem;
	max-width: none;
	transition: .6s
}

@media all and (min-width: 37.5em) {
	.blog-archive .ba-content.masonry .ba-item {
		margin: 0;
		width: calc(49.5% - .83333125rem)
	}
}

@media all and (min-width: 63.75em) {
	.blog-archive .ba-content.masonry .ba-item {
		width: calc(32.33% - .83333125rem)
	}
}

.blog-archive .ba-item,
.blog-archive .ba-item-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}

.blog-archive .ba-item {
	background-color: #e1e1e1;
	border-radius: .25rem;
	margin: 0 0 1.5rem;
	position: relative;
	transition: .6s;
	z-index: 1
}

.blog-archive .ba-item:hover {
	background-color: #00417b
}

@media all and (min-width: 37.5em) {
	.blog-archive .ba-item {
		margin: 0 1% 2%;
		max-width: 21.875rem;
		width: 48%
	}
}

@media all and (min-width: 63.75em) {
	.blog-archive .ba-item {
		margin: 0 0 1.5%;
		width: 31.33%
	}
}

@media all and (min-width: 67.5em) {
	.blog-archive .ba-item {
		margin: 0 0 1.5%;
		width: 31.33%
	}
}

.blog-archive .ba-item-title,
.blog-archive .ba-item-text,
.blog-archive .ba-item-button-container {
	transition: .6s
}

.blog-archive .ba-item-title {
	font-size: 1.25rem;
	margin-bottom: 0;
	padding: 1.5rem .75rem 0;
	text-align: center
}

@media all and (min-width: 37.5em) {
	.blog-archive .ba-item-title {
		padding: 1.5rem 1.5rem 0;
		text-align: left
	}
}

.blog-archive .ba-item-link {
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	text-decoration: none
}

.blog-archive .ba-item-link:hover .ba-item-button-container {
	background-color: #00417b;
	height: 11.4375rem
}

.blog-archive .ba-item-link:hover .ba-item-button-container::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: 1.5625rem solid transparent;
	border-right: 1.5625rem solid transparent;
	border-top: 1.5625rem solid #00417b
}

.blog-archive .ba-item-link:hover .ba-item-button-container .button {
	opacity: 1
}

.blog-archive .ba-item-link:hover .ba-item-title,
.blog-archive .ba-item-link:hover .ba-item-text {
	color: #fff
}

.blog-archive .ba-item-text {
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 1.5rem 1.5rem;
	position: relative
}

.blog-archive .ba-item-img {
	background: center center no-repeat;
	background-size: cover;
	display: block;
	height: 11.25rem;
	width: 100%
}

.blog-archive .ba-item-button-container {
	-ms-flex-align: center;
	align-items: center;
	background: #e1e1e1;
	bottom: 11.375rem;
	display: -ms-flexbox;
	display: flex;
	height: 0;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	transform: translateY(100%);
	width: 100%
}

.blog-archive .ba-item-button-container::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: 1.5625rem solid transparent;
	border-right: 1.5625rem solid transparent;
	border-top: 1.5625rem solid #e1e1e1;
	bottom: -1.5rem;
	content: '';
	left: 50%;
	margin-left: -1.5625rem;
	position: absolute;
	transition: .6s
}

.blog-archive .ba-item-button-container .button {
	opacity: 0;
	transition: .4s
}

.blog-archive .ba-button {
	margin: 1.5rem
}

@media all and (min-width: 63.75em) {
	.blog-archive .ba-button {
		margin: 3rem
	}
}

.button,
.button:visited {
	background-color: transparent;
	border: .125rem solid #e40613;
	border-radius: .25rem;
	color: #e40613;
	cursor: pointer;
	display: inline-block;
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	max-width: 100%;
	outline: none;
	padding: 0.5em 1.5em;
	text-decoration: none;
	transition: .4s
}

.button:hover,
.button:visited:hover {
	background-color: #e40613;
	color: #fff
}

.button.light,
.button:visited.light {
	border: .125rem solid #fff;
	color: #fff
}

.button.light:hover,
.button:visited.light:hover {
	background-color: #fff;
	color: #e40613
}

.no-style {
	background: transparent;
	border: 0;
	color: #3c3c3c;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	outline: none;
	padding: 0.5em 1.5em;
	transition: .4s
}

.no-style.link {
	padding: 0;
	text-decoration: underline
}

.no-style:hover,
.no-style.link:hover {
	color: #e40613;
	text-decoration: none
}

.card {
	-ms-flex-align: start;
	align-items: flex-start;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: .25rem;
	display: -ms-flexbox;
	display: flex;
	height: 19.0625rem;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 .375rem 1.5rem;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 17.5rem
}

@media all and (min-width: 48.0625em) {
	.card {
		height: 23.4375rem;
		margin: .46875rem;
		width: 21.875rem
	}
}

@media all and (min-width: 63.75em) {
	.card {
		width: 31.33%
	}
}

@media all and (min-width: 81.25em) {
	.card {
		margin: 0;
		width: 21.875rem
	}
	.card:nth-child(n+5) {
		margin-top: .9375rem
	}
}

/*.card:hover .c-title {*/
	/*padding-bottom: 25%;*/
	/*top: 0*/
/*}*/

/*.card:hover .c-button {*/
	/*opacity: 1;*/
	/*transform: translate(-50%, 50%)*/
/*}*/

.card:hover .c-extras {
	height: auto;
	margin: .75rem 0 3rem;
	opacity: 1;
	width: 100%
}

.card .c-image,
.card .c-imprint {
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.card .c-image {
	display: block;
	height: 12.6875rem;
	margin: 0 auto;
	max-width: none
}

@media all and (min-width: 48.0625em) {
	.card .c-image {
		height: 17.0625rem
	}
}

.card .c-imprint {
	background: center center no-repeat;
	background-size: contain;
	height: 12.5rem;
	top: 12.6875rem;
	width: 12.6875rem
}

@media all and (min-width: 48.0625em) {
	.card .c-imprint {
		top: 17.0625rem;
		width: 17.0625rem
	}
}

.card .c-title {
	-ms-flex-align: center;
	align-items: center;
	background-color: #00417b;
	bottom: 0;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1.25rem;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	margin: 0;
	padding: .75rem;
	position: absolute;
	right: 0;
	text-align: center;
	top: 14.25rem;
	transition: .6s;
	width: 100%
}

@media all and (min-width: 48.0625em) {
	.card .c-title {
		padding: 1.5rem;
		top: 18.625rem
	}
}

.card .c-title::before {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 1.5625rem solid #00417b;
	border-left: 1.5625rem solid transparent;
	border-right: 1.5625rem solid transparent;
	border-top: 0;
	content: '';
	left: 50%;
	margin-left: -1.5625rem;
	position: absolute;
	top: -1.4375rem
}

.card .c-title::after {
	display: none
}

.card .c-title-text {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}

.card .c-button {
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, 9.375rem);
	transition: .6s
}

.card .c-extras {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: .75rem;
	font-weight: normal;
	height: 0;
	opacity: 0;
	transition: .6s
}

.card .c-extras dt,
.card .c-extras dd {
	margin-top: .375rem;
	text-align: right;
	width: 50%
}

.card .c-extras dt {
	font-weight: bold;
	padding-right: .9375rem;
	text-align: left
}

.card.imprint {
	height: 32.3125rem
}

@media all and (min-width: 48.0625em) {
	.card.imprint {
		height: 36.6875rem
	}
}

.card.imprint:hover .c-title {
	top: 0
}

.card.imprint .c-title {
	top: 27.5rem
}

@media all and (min-width: 48.0625em) {
	.card.imprint .c-title {
		top: 31.875rem
	}
}

.card.brand .c-title {
	background-color: #e40613
}

.card.brand .c-title::before {
	border-bottom-color: #e40613
}

.card.grey-bg .c-title {
	background-color: #e1e1e1;
	color: #3c3c3c
}

.card.grey-bg .c-title::before {
	border-bottom-color: #e1e1e1
}

.card.printer .c-title {
	background-color: #e30613
}

.card.printer .c-title::before {
	border-bottom-color: #e30613
}

.card.heavy-duty .c-title {
	background-color: #1d1d1b
}

.card.heavy-duty .c-title::before {
	border-bottom-color: #1d1d1b
}

.card.portable .c-title {
	background-color: #3b9bb7
}

.card.portable .c-title::before {
	border-bottom-color: #3b9bb7
}

.card.spare .c-title {
	background-color: #b8cad4;
	color: #3c3c3c
}

.card.spare .c-title::before {
	border-bottom-color: #b8cad4
}

.card.band-embossing .c-title {
	background-color: #b11e27
}

.card.band-embossing .c-title::before {
	border-bottom-color: #b11e27
}

.card.diy .c-title {
	background-color: #fef476;
	color: #3c3c3c
}

.card.diy .c-title::before {
	border-bottom-color: #fef476
}

.card.green-line .c-title {
	background-color: #55af31
}

.card.green-line .c-title::before {
	border-bottom-color: #55af31
}

.card.microban .c-title {
	background-color: #005192
}

.card.microban .c-title::before {
	border-bottom-color: #005192
}

.card.eos .c-title {
	background-color: #2d73b9
}

.card.eos .c-title::before {
	border-bottom-color: #2d73b9
}

.card.motivational .c-title {
	background-color: #f29104
}

.card.motivational .c-title::before {
	border-bottom-color: #f29104
}

.card.office-line-se .c-title {
	background-color: #59bbc8
}

.card.office-line-se .c-title::before {
	border-bottom-color: #59bbc8
}

.card.arsi .c-title {
	background-color: #ffd800
}

.card.arsi .c-title::before {
	border-bottom-color: #ffd800
}

.card.grey-bg .c-title .button,
.card.spare .c-title .button,
.card.diy .c-title .button {
	border-color: #e40613;
	color: #e40613
}

.card.grey-bg .c-title .button:hover,
.card.spare .c-title .button:hover,
.card.diy .c-title .button:hover {
	background: #e40613;
	color: #fff
}


/*!
 * Cookie Bar: A JS-Library to show the cookie-bar as required by european law
 *
 * @version 0.1
 * @copyright Peritus Webdesign [All Rights Reserved]
 * @url http://www.peritus-webdesign.com
 * @author David Faber
 * @license MIT License (see LICENSE.txt)
 */

.cookie-bar {
	background: #00417b;
	bottom: 0;
	color: #fff;
	left: 0;
	position: fixed;
	right: 0;
	transform: translateY(101%);
	transition: transform .5s;
	z-index: 9999
}

.cookie-bar.active {
	transform: none
}

.cookie-bar .cb-inner {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .75rem
}

@media all and (min-width: 63.75em) {
	.cookie-bar .cb-inner {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.cookie-bar .cb-message {
	padding: .75rem;
	text-align: center
}

@media all and (min-width: 63.75em) {
	.cookie-bar .cb-message {
		text-align: left
	}
}

.cookie-bar .cb-link {
	color: #fff
}

.cookie-bar .cb-link:hover {
	text-decoration: none
}

.form {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 90%;
	padding: 0;
	width: 67.5rem
}

.form.loading .form-messages,
.form.error .form-messages,
.form.success .form-messages {
	height: 100%;
	opacity: 1
}

.form.loading .form-loading,
.form.error .form-error,
.form.success .form-success {
	display: table-cell;
	opacity: 1;
	width: 31.25rem
}

.form.invalid .input-error {
	max-height: 3.75rem
}

.fields {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 100%
}

.field {
	padding: 0 .375rem .75rem;
	width: 100%
}

@media all and (min-width: 48.0625em) {
	.field:not(.big) {
		width: 33.33333%
	}
}

.field.bold {
	font-weight: bold
}

.nice-select .ns-label,
.nice-select .ns-option,
.nice-select .ns-option:visited,
.nice-select .ns-filter,
.nice-select .ns-filter:focus,
.nice-select .ns-label:focus,
.nice-select .ns-option:focus,
.nice-select .ns-filter:focus,
.input,
.input:focus,
.input-text,
.input-text:focus,
.textarea,
.textarea:focus {
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: .25rem;
	color: #3c3c3c;
	display: block;
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-size: 1rem;
	height: 3em;
	line-height: 1;
	outline-width: 0;
	overflow: hidden;
	padding: 0 .5em;
	resize: none;
	transition: .4s;
	width: 100%
}

.input:focus,
.textarea:focus {
	border-color: #00417b
}

.textarea,
.textarea:focus {
	height: 12.5rem;
	overflow: auto;
	padding: 1em .5em
}

.checkbox {
	display: none
}

.checkbox+.checkbox-label,
.checkbox+.radio-label,
.checkbox+.checkbox {
	cursor: pointer;
	display: block;
	padding-left: 1.75rem;
	position: relative;
	transition: .4s
}

.checkbox+.checkbox-label:hover,
.checkbox+.radio-label:hover,
.checkbox+.checkbox:hover {
	color: #00417b
}

.checkbox+.checkbox-label::before,
.checkbox+.radio-label::before,
.checkbox+.checkbox::before {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: .25rem;
	box-sizing: border-box;
	content: '';
	display: block;
	height: 1rem;
	left: 0;
	line-height: 1;
	padding: 1px 0;
	position: absolute;
	text-align: center;
	top: .125rem;
	transition: .4s;
	width: 1rem
}

.checkbox+.radio-label::before {
	border-radius: 50%
}

.checkbox:checked+.checkbox-label::before,
.checkbox:checked+.radio-label::before,
.checkbox:checked+.checkbox::before {
	background: #00417b;
	border-color: #00417b;
	color: #fff;
	content: '✓'
}

.checkbox-field:not(:first-child) {
	margin-top: .375rem
}

.radio-container {
	float: left;
	margin-right: 1.5rem
}

.radio-container .radio-label {
	display: inline-block
}

.label,
.honey {
	display: none
}

::-webkit-input-placeholder {
	color: rgba(60, 60, 60, 0.6);
	font-style: italic
}

:-moz-placeholder {
	color: rgba(60, 60, 60, 0.6);
	font-style: italic
}

::-moz-placeholder {
	color: rgba(60, 60, 60, 0.6);
	font-style: italic
}

:-ms-input-placeholder {
	color: rgba(60, 60, 60, 0.6);
	font-style: italic
}

.input-error {
	background-color: #e40613;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
	color: #fff;
	font-size: .8rem;
	font-weight: bold;
	margin-top: -.25rem;
	max-height: 0;
	overflow: hidden;
	padding: .3em .5em;
	position: relative;
	transition: .4s;
	z-index: 2
}

.form-messages {
	background-color: #fff;
	height: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: background-color .4s, opacity .4s;
	width: 100%;
	z-index: 1
}

.form-messages h2 {
	margin: .5em 0
}

.form-messages .form-message-container {
	display: table;
	height: 100%;
	width: 101%
}

.form-messages .form-message {
	color: #fff;
	display: none;
	max-width: 80%;
	opacity: 0;
	text-align: center;
	vertical-align: middle;
	width: 0
}

.form-messages .form-message-icon {
	display: block;
	font-size: 6.25rem
}

.form-messages .form-message.form-success {
	background-color: #00bb27
}

.form-messages .form-message.form-loading {
	background-color: #00417b
}

.form-messages .form-message.form-error {
	background-color: #e40613
}

.hero.overlay-image {
	margin-bottom: 30vw
}

@media all and (min-width: 48.0625em) {
	.hero.overlay-image {
		margin-bottom: 20vh
	}
}

@media all and (min-width: 67.5em) {
	.hero.overlay-image {
		margin-bottom: 12vh
	}
}

@media all and (min-width: 37.5em) and (orientation: portrait) {
	.hero.overlay-image {
		margin-bottom: 20vw
	}
}

@media all and (min-width: 48.0625em) and (orientation: portrait) {
	.hero.overlay-image {
		margin-bottom: 8vh
	}
}

.hero.overlay-image .h-content {
	-ms-flex-align: center;
	align-items: center
}

@media all and (min-width: 48.0625em) {
	.hero.overlay-image .h-content {
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.hero .h-content {
	-ms-flex-align: start;
	align-items: flex-start;
	background: center center no-repeat;
	background-size: cover;
	color: #3c3c3c;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 1.5rem;
	position: relative;
	width: 100%
}

@media all and (min-width: 37.5em) {
	.hero .h-content {
		padding: 3rem 1.5rem
	}
}

@media all and (min-width: 48.0625em) {
	.hero .h-content {
		-ms-flex-align: start;
		align-items: flex-start;
		font-size: 1.25rem;
		height: 35vw;
		-ms-flex-pack: center;
		justify-content: center;
		max-height: calc(75vh - 11.4375rem);
		text-align: left
	}
	.hero .h-content::after {
		display: none
	}
	.hero .h-content:not(.overlay):not(.dark) .h-content-text {
		color: #fff
	}
}

.hero .h-content:not(.overlay)::after {
	background-color: rgba(255, 255, 255, 0.7)
}

.hero .h-content.overlay::after {
	display: block
}

@media all and (min-width: 48.0625em) {
	.hero .h-content.overlay::after {
		right: calc(65% - 3rem)
	}
}

.hero .h-content-text {
	font-size: 1.375rem;
	margin-bottom: .75rem;
	position: relative;
	z-index: 1
}

@media all and (min-width: 48.0625em) {
	.hero .h-content-text {
		width: 35%
	}
}

@media all and (min-width: 63.75em) {
	.hero .h-content-text {
		font-size: 1.6vw
	}
}

.hero .h-content-buttons {
	z-index: 1
}

.hero .h-content .button {
	margin: 0rem .9375rem .9375rem 0rem
}

.hero .h-content .button:nth-child(even) {
	margin-right: 0
}

.hero .h-overlay-img {
	background: center bottom no-repeat;
	background-size: contain;
	height: 28.125rem;
	margin: calc((-100vw - 1.5rem) * .3) 0 -1.5rem;
	max-height: calc(100vw - 1.5rem);
	max-width: calc(100vw - 1.5rem);
	transform: translateY(35%);
	width: 28.125rem;
	z-index: 1
}

@media all and (min-width: 37.5em) {
	.hero .h-overlay-img {
		margin: calc((-100vw - 3rem) * .2) 0 -3rem
	}
}

@media all and (min-width: 48.0625em) {
	.hero .h-overlay-img {
		background-position: right bottom;
		bottom: 0;
		height: 46.875rem;
		margin: 0;
		max-height: 60vh;
		max-width: 60vh;
		position: absolute;
		right: 0;
		width: 46.875rem
	}
}

@media all and (min-width: 48.0625em) and (orientation: portrait) {
	.hero .h-overlay-img {
		max-height: 30vh
	}
}

@media all and (min-width: 81.25em) {
	.hero .h-overlay-img {
		right: 10vw
	}
}

.integration-iframe {
	display: block;
	height: calc(100vh - 5.4375rem);
	width: 100%
}

.aicon-loading::after,
.icon-loading::before {
	display: none
}

.loading.aicon-loading::after,
.loading.icon-loading::before,
.loading .aicon-loading::after,
.loading .icon-loading::before {
	animation: spin 2s infinite linear;
	display: inline-block;
	padding-left: 1px
}

.loading .button::before,
.loading .button::after {
	margin-right: .5em
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}

.nice-select {
	position: relative;
	transform: translate(0, 0);
	width: 100%
}

.nice-select .ns-label {
	cursor: pointer;
	height: auto;
	margin: 0;
	min-height: 3rem;
	position: relative;
	z-index: 2
}

@media all and (min-width: 48.0625em) {
	.nice-select .ns-label {
		height: 3rem
	}
}

.nice-select .ns-label:hover {
	border-color: #00417b
}

.nice-select .ns-label::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: .625rem solid transparent;
	border-right: .625rem solid transparent;
	border-top: .625rem solid #3c3c3c;
	content: '';
	float: right;
	margin: .2em 0 0;
	transition: .6s
}

.nice-select .ns-options {
	border: .125rem solid transparent;
	border-radius: .25rem;
	border-top: 0;
	display: block;
	height: 0;
	margin-top: -.125rem;
	min-width: 100%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: calc(100% - .25rem);
	white-space: nowrap;
	width: 100%;
	z-index: 1
}

.nice-select .ns-value {
	float: left;
	max-width: calc(100% - 23px);
	overflow: hidden;
	padding: 1px .3125rem 1px 0;
	text-align: left
}

@media all and (min-width: 48.0625em) {
	.nice-select .ns-value {
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.nice-select .ns-value[data-ns-value=''] {
	color: rgba(60, 60, 60, 0.6);
	font-style: italic
}

.nice-select .ns-label,
.nice-select .ns-option {
	padding: 1em .5em
}

.nice-select .ns-option,
.nice-select .ns-option:visited,
.nice-select .ns-filter,
.nice-select .ns-filter:focus {
	background: #fff;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	width: 100%
}

.nice-select .ns-option:hover,
.nice-select .ns-option:visited:hover,
.nice-select .ns-filter:hover,
.nice-select .ns-filter:focus:hover {
	background: #dcdcdc
}

.nice-select .ns-filter,
.nice-select .ns-filter:focus {
	background: #dcdcdc;
	border-left: .125rem solid #00417b;
	border-right: .125rem solid #00417b;
	height: 0;
	left: 0;
	padding: 0 .5em;
	position: fixed;
	top: 3rem;
	transition: .6s
}

.nice-select .ns-reset-filter {
	padding: .75rem;
	position: fixed;
	right: 0;
	top: 3rem
}

.nice-select .ns-reset-filter:hover {
	color: #e40613
}

.nice-select.active {
	z-index: 99
}

.nice-select.active .ns-label {
	background: #00417b;
	border-color: #00417b
}

.nice-select.active .ns-label::after {
	border-top-color: #fff;
	transform: scaleY(-1)
}

.nice-select.active .ns-value {
	color: #fff
}

.nice-select.active .ns-options {
	background: #fff;
	border-color: #00417b;
	height: 13.8em;
	opacity: 1;
	overflow: auto;
	padding-top: 3.25rem;
	transition: .6s
}

.nice-select.active .ns-options.activity {
	padding-top: .25rem
}

.nice-select.active .ns-option.filtered {
	height: 0;
	padding: 0 .5em
}

.nice-select.active .ns-filter,
.nice-select.active .ns-filter:focus {
	height: 3rem;
	padding: 1em .5em
}

.nice-select.active .input-error {
	height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0
}

.person {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: .25rem;
	margin: .375rem;
	text-align: center;
	width: 17.1875rem
}

.person-thumb {
	display: block
}

.person-contact-data,
.person .section-header {
	padding: .5em
}

.person .section-title {
	font-size: 1.25rem
}

.person .section-title::after {
	margin: .2em -.1em .3em
}

.person .subline {
	font-size: 1rem;
	margin: 0
}

.result-switch {
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
	height: 4.6875rem;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
	z-index: 10
}

.result-switch.static {
	opacity: 1;
	pointer-events: all;
	position: static
}

.result-switch .rs-list {
	background: #e1e1e1;
	border-left: 1px solid #dcdcdc;
	cursor: pointer;
	float: left;
	font-size: 1.1rem;
	margin: 0;
	padding: .5em 1em;
	transition: .4s
}

.result-switch .rs-list:first-child {
	border-bottom-left-radius: .25rem;
	border-left: 0;
	border-top-left-radius: .25rem
}

.result-switch .rs-list:last-child {
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem
}

.result-switch .rs-list:hover,
.result-switch .rs-list.active {
	background: #e40613;
	border-color: #e40613;
	color: #fff
}

.section-header,
.section-title {
	overflow: hidden;
	width: 100%
}

.card-link-grid .section-header,
.usps .section-header,
.card-link-grid .section-title,
.usps .section-title {
	text-align: center
}

.slick-slider:focus,
.slick-track:focus,
.slick-list:focus,
.slick-slide:focus {
	outline: none
}

.slick-list {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative
}

.slick-slide {
	-ms-flex-item-align: start;
	align-self: flex-start;
	float: left;
	margin: 0 .375rem;
	min-height: 1px;
	transition: .4s;
	width: 17.5rem
}

@media all and (min-width: 37.5em) {
	.slick-slide {
		margin: 0 1.5rem;
		width: 21.875rem
	}
}

.slick-track {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	position: relative;
	top: 0
}

.slick-slider.image-gallery .slick-slide {
	height: auto;
	max-height: 23.4375rem;
	max-width: 100vw;
	width: auto
}

.slider {
	position: relative
}

.slider-nav {
	background: none;
	border: 0;
	cursor: pointer;
	display: none;
	height: 100%;
	outline: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	width: 3.125rem;
	z-index: 2
}

@media all and (min-width: 37.5em) {
	.slider-nav {
		display: block
	}
}

.slider-nav.next {
	right: .75rem
}

@media all and (min-width: 37.5em) {
	.slider-nav.next {
		right: calc(50% - 12.75rem)
	}
}

.slider-nav.prev {
	left: .75rem
}

@media all and (min-width: 37.5em) {
	.slider-nav.prev {
		left: calc(50% - 12.75rem)
	}
}

.slider-nav.inactive,
.slider-nav.slick-disabled {
	opacity: 0;
	pointer-events: none
}

.slider-nav span {
	transform: scale(0.5)
}

.slider-nav:hover span {
	background: #00417b
}

.social {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.social-item {
	margin: .15625rem
}

.social-share {
	display: block;
	height: 2.5rem;
	position: relative;
	text-decoration: none;
	width: 2.5rem
}

.social-share::before {
	font-size: 2.5rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .4s
}

.social-share:hover::before {
	color: #e40613
}

.content-block {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%
}

.animated-facts .af-item.full {
	width: 100%
}

.animated-facts .af-item.active .af-bg-image,
.animated-facts .af-item.active .af-line {
	opacity: 1;
	transform: scale(1)
}

.animated-facts .af-icons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.animated-facts .af-bg-image,
.animated-facts .af-line {
	opacity: 0;
	transform: scale(1.5);
	transition: 2s
}

.animated-facts .af-bg-image.multi {
	height: 3rem;
	margin: 0 .75rem 0 0;
	width: 3rem
}

.animated-facts .af-bg-image.multi:first-child {
	margin-left: .75rem
}

.animated-steps {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media all and (min-width: 48.0625em) {
	.animated-steps {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.animated-steps .as-step {
	background: #dcdcdc;
	-ms-flex-positive: 1;
	flex-grow: 1;
	opacity: 0;
	padding: 2.8333333333rem 1.5rem 1.5rem;
	position: relative;
	transform: translateY(3rem);
	transition: .5s
}

@media all and (min-width: 48.0625em) {
	.animated-steps .as-step {
		padding: 1.5rem 1.5rem 1.5rem 2.3125rem;
		transform: translateX(3rem)
	}
	.animated-steps .as-step:nth-child(2) {
		transition-delay: .5s
	}
	.animated-steps .as-step:nth-child(3) {
		transition-delay: 1s
	}
	.animated-steps .as-step:nth-child(4) {
		transition-delay: 1.5s
	}
}

.animated-steps .as-step:not(:last-child)::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: 3.125rem solid transparent;
	border-right: 3.125rem solid transparent;
	border-top: 2.0833333333rem solid #dcdcdc;
	content: '';
	left: 50%;
	position: absolute;
	top: 99%;
	transform: translateX(-50%);
	z-index: 1
}

@media all and (min-width: 48.0625em) {
	.animated-steps .as-step:not(:last-child)::after {
		display: inline-block;
		height: 0;
		width: 0;
		border-bottom: 1.5625rem solid transparent;
		border-left: 1.5625rem solid #dcdcdc;
		border-right: 0;
		border-top: 1.5625rem solid transparent;
		left: 99%;
		top: 50%;
		transform: translateY(-50%)
	}
}

.animated-steps .as-step:first-child {
	padding-top: 1.5rem
}

@media all and (min-width: 48.0625em) {
	.animated-steps .as-step:first-child {
		padding-left: 1.5rem
	}
}

.animated-steps .as-step.active {
	opacity: 1;
	transform: none
}

.animated-steps .as-line {
	display: block;
	text-align: center
}

.animated-steps .as-title {
	font-weight: bold;
	text-transform: uppercase
}

.animated-steps.brand .as-step:nth-child(even) {
	background: #e40613;
	color: #fff
}

.animated-steps.brand .as-step:nth-child(even)::after {
	border-top-color: #e40613
}

@media all and (min-width: 48.0625em) {
	.animated-steps.brand .as-step:nth-child(even)::after {
		border-left-color: #e40613;
		border-top-color: transparent
	}
}

.animated-steps.secondary .as-step:nth-child(even) {
	background: #00417b;
	color: #fff
}

.animated-steps.secondary .as-step:nth-child(even)::after {
	border-top-color: #00417b
}

@media all and (min-width: 48.0625em) {
	.animated-steps.secondary .as-step:nth-child(even)::after {
		border-left-color: #00417b;
		border-top-color: transparent
	}
}

.animated-steps.grey-bg .as-step:nth-child(even) {
	background: #e1e1e1
}

.animated-steps.grey-bg .as-step:nth-child(even)::after {
	border-top-color: #e1e1e1
}

@media all and (min-width: 48.0625em) {
	.animated-steps.grey-bg .as-step:nth-child(even)::after {
		border-left-color: #e1e1e1;
		border-top-color: transparent
	}
}

.animated-steps.printer .as-step:nth-child(even) {
	background: #e30613;
	color: #fff
}

.animated-steps.printer .as-step:nth-child(even)::after {
	border-top-color: #e30613
}

@media all and (min-width: 48.0625em) {
	.animated-steps.printer .as-step:nth-child(even)::after {
		border-left-color: #e30613;
		border-top-color: transparent
	}
}

.animated-steps.heavy-duty .as-step:nth-child(even) {
	background: #1d1d1b;
	color: #fff
}

.animated-steps.heavy-duty .as-step:nth-child(even)::after {
	border-top-color: #1d1d1b
}

@media all and (min-width: 48.0625em) {
	.animated-steps.heavy-duty .as-step:nth-child(even)::after {
		border-left-color: #1d1d1b;
		border-top-color: transparent
	}
}

.animated-steps.portable .as-step:nth-child(even) {
	background: #3b9bb7;
	color: #fff
}

.animated-steps.portable .as-step:nth-child(even)::after {
	border-top-color: #3b9bb7
}

@media all and (min-width: 48.0625em) {
	.animated-steps.portable .as-step:nth-child(even)::after {
		border-left-color: #3b9bb7;
		border-top-color: transparent
	}
}

.animated-steps.spare .as-step:nth-child(even) {
	background: #b8cad4
}

.animated-steps.spare .as-step:nth-child(even)::after {
	border-top-color: #b8cad4
}

@media all and (min-width: 48.0625em) {
	.animated-steps.spare .as-step:nth-child(even)::after {
		border-left-color: #b8cad4;
		border-top-color: transparent
	}
}

.animated-steps.band-embossing .as-step:nth-child(even) {
	background: #b11e27;
	color: #fff
}

.animated-steps.band-embossing .as-step:nth-child(even)::after {
	border-top-color: #b11e27
}

@media all and (min-width: 48.0625em) {
	.animated-steps.band-embossing .as-step:nth-child(even)::after {
		border-left-color: #b11e27;
		border-top-color: transparent
	}
}

.animated-steps.diy .as-step:nth-child(even) {
	background: #fef476
}

.animated-steps.diy .as-step:nth-child(even)::after {
	border-top-color: #fef476
}

@media all and (min-width: 48.0625em) {
	.animated-steps.diy .as-step:nth-child(even)::after {
		border-left-color: #fef476;
		border-top-color: transparent
	}
}

.animated-steps.green-line .as-step:nth-child(even) {
	background: #55af31;
	color: #fff
}

.animated-steps.green-line .as-step:nth-child(even)::after {
	border-top-color: #55af31
}

@media all and (min-width: 48.0625em) {
	.animated-steps.green-line .as-step:nth-child(even)::after {
		border-left-color: #55af31;
		border-top-color: transparent
	}
}

.animated-steps.microban .as-step:nth-child(even) {
	background: #005192;
	color: #fff
}

.animated-steps.microban .as-step:nth-child(even)::after {
	border-top-color: #005192
}

@media all and (min-width: 48.0625em) {
	.animated-steps.microban .as-step:nth-child(even)::after {
		border-left-color: #005192;
		border-top-color: transparent
	}
}

.animated-steps.eos .as-step:nth-child(even) {
	background: #2d73b9;
	color: #fff
}

.animated-steps.eos .as-step:nth-child(even)::after {
	border-top-color: #2d73b9
}

@media all and (min-width: 48.0625em) {
	.animated-steps.eos .as-step:nth-child(even)::after {
		border-left-color: #2d73b9;
		border-top-color: transparent
	}
}

.animated-steps.motivational .as-step:nth-child(even) {
	background: #f29104;
	color: #fff
}

.animated-steps.motivational .as-step:nth-child(even)::after {
	border-top-color: #f29104
}

@media all and (min-width: 48.0625em) {
	.animated-steps.motivational .as-step:nth-child(even)::after {
		border-left-color: #f29104;
		border-top-color: transparent
	}
}

.animated-steps.office-line-se .as-step:nth-child(even) {
	background: #59bbc8;
	color: #fff
}

.animated-steps.office-line-se .as-step:nth-child(even)::after {
	border-top-color: #59bbc8
}

@media all and (min-width: 48.0625em) {
	.animated-steps.office-line-se .as-step:nth-child(even)::after {
		border-left-color: #59bbc8;
		border-top-color: transparent
	}
}

.animated-steps.arsi .as-step:nth-child(even) {
	background: #ffd800;
	color: #fff
}

.animated-steps.arsi .as-step:nth-child(even)::after {
	border-top-color: #ffd800
}

@media all and (min-width: 48.0625em) {
	.animated-steps.arsi .as-step:nth-child(even)::after {
		border-left-color: #ffd800;
		border-top-color: transparent
	}
}

.apprenticeships {
	text-align: center
}

.apprenticeships .a-text {
	margin: 0 auto;
	max-width: 67.5rem
}

.apprenticeships .a-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1.5rem auto 0;
	max-width: 50rem
}

@media all and (min-width: 63.75em) {
	.apprenticeships .a-list {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}

.apprenticeships .a-list-item {
	background: #fff;
	border-radius: .25rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: .46875rem;
	text-decoration: none;
	width: 15.625rem
}

@media all and (min-width: 63.75em) {
	.apprenticeships .a-list-item:nth-child(n+4) {
		margin-top: 1.5rem
	}
}

.apprenticeships .a-list .link-hover:hover {
	background: #00417b;
	color: #fff
}

.apprenticeships .a-image,
.apprenticeships .a-name {
	display: block
}

.apprenticeships .a-name {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .75rem
}

@media all and (min-width: 63.75em) {
	.apprenticeships .a-name {
		padding: 1.5rem
	}
}

.atmospheric-image {
	-ms-flex-align: end;
	align-items: flex-end;
	background: center center no-repeat;
	background-size: cover;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

@media all and (min-width: 67.5em) {
	.atmospheric-image {
		height: 31.25rem
	}
	.atmospheric-image.fixed-bg {
		background-attachment: fixed
	}
}

.atmospheric-image.full {
	min-height: 100vh
}

.atmospheric-image.full .ai-content {
	min-height: 100vh
}

@media all and (orientation: portrait) {
	.atmospheric-image.full {
		min-height: 50vh
	}
	.atmospheric-image.full .ai-content {
		min-height: 50vh
	}
}

.atmospheric-image.half {
	min-height: 50vh
}

.atmospheric-image.half .ai-content {
	min-height: 50vh
}

@media all and (orientation: portrait) {
	.atmospheric-image.half {
		min-height: 25vh
	}
	.atmospheric-image.half .ai-content {
		min-height: 25vh
	}
}

.atmospheric-image.fixed {
	height: 31.25rem
}

.atmospheric-image.fixed .ai-content {
	height: 31.25rem
}

@media all and (min-width: 63.75em) {
	.atmospheric-image.full .ai-content,
	.atmospheric-image.half .ai-content,
	.atmospheric-image.fixed .ai-content {
		height: auto;
		min-height: 0
	}
}

.atmospheric-image .ai-content {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5rem;
	position: relative;
	text-align: center;
	width: 100%
}

@media all and (min-width: 48.0625em) {
	.atmospheric-image .ai-content {
		padding: 1.5rem 3rem
	}
}

.atmospheric-image .ai-content-text,
.atmospheric-image .ai-content-buttons {
	position: relative;
	z-index: 1
}

.atmospheric-image .ai-content-buttons {
	padding-top: 1.5rem
}

.card-link-grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

@media all and (min-width: 63.75em) {
	.card-link-grid {
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

@media all and (min-width: 81.25em) {
	.card-link-grid {
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 67.5rem
	}
}

.card-link-slider .cls-slider {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

.card-link-slider .cls-slider .card {
	margin-top: 0
}

.card-link-slider .cls-slider .card:not(.slick-slide) {
	margin: .375rem
}

@media all and (min-width: 37.5em) {
	.card-link-slider .cls-slider .card:not(.slick-slide) {
		margin: 1.5rem
	}
}

.card-link-slider .cls-button {
	margin-top: 1.5rem
}

.contact-block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

@media all and (min-width: 48.0625em) {
	.contact-block {
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.contact-block .cb-section {
	padding: 0 .75rem;
	text-align: left;
	width: 100%
}

@media all and (min-width: 48.0625em) {
	.contact-block .cb-section {
		padding: 0 3rem;
		width: auto
	}
	.contact-block .cb-section:first-of-type {
		padding-left: 0
	}
}

.contact-block .cb-link,
.contact-block .cb-line {
	display: block;
	margin-bottom: .75rem;
	padding-left: 2.1875rem;
	position: relative;
	text-decoration: none
}

.contact-block .cb-link::before,
.contact-block .cb-line::before {
	font-size: 1.5625rem;
	left: 0;
	margin-right: .9375rem;
	position: absolute;
	top: 0;
	transition: none
}

.contact-block .cb-link:hover {
	color: #e40613
}

.contact-persons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.contact-persons .cp-email,
.contact-persons .cp-phone {
	display: block;
	text-decoration: none
}

.dealer-locator {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	min-height: 75vh;
	position: relative
}

.dealer-locator .dl-legend {
	background: #fff;
	margin: .75rem;
	padding: 1.5rem;
	position: relative;
	transform: translate(-2.5rem, 3.125rem) scale(0);
	transform-origin: right center;
	transition: .6s;
	width: calc(100% - .75rem);
	z-index: 998
}

@media all and (min-width: 37.5em) {
	.dealer-locator .dl-legend {
		margin: 1.5rem;
		transform: translate(calc(100vw - 24.25rem), 3.125rem) scale(0);
		width: 18.75rem
	}
}

.dealer-locator .dl-legend.active {
	transform: translate(0) scale(1)
}

.dealer-locator .dl-legend .field {
	padding: 0 0 .75rem;
	width: 100%
}

.dealer-locator .dl-close {
	color: #e40613;
	padding: 0;
	position: absolute;
	right: 1.5rem;
	top: 1.6875rem
}

.dealer-locator .dl-close:hover {
	color: #b2050f
}

.dealer-locator .dl-popup {
	max-width: 80vw;
	padding: .75rem;
	width: 37.5rem
}

.dealer-locator .dl-popup .cb-section {
	padding: 0
}

.dealer-locator .dl-popup .cb-line,
.dealer-locator .dl-popup .cb-link {
	color: #3c3c3c;
	font-size: 1rem
}

.dealer-locator .dl-popup .cb-link:hover {
	color: #e40613
}

.dealer-locator .dl-popup .dlp-title {
	font-size: 1.125rem;
	width: 100%
}

.dealer-locator .dl-filters {
	padding: .75rem 0
}

.dealer-locator .dl-title {
	font-size: 1.25rem;
	margin-top: 0
}

.dealer-locator .dl-map {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.dealer-locator .leaflet-container .leaflet-marker-icon.icon-location {
	color: #e40613;
	font-size: 2.5rem;
	height: 1.875rem;
	width: 1.875rem
}

.dealer-locator .leaflet-container .leaflet-marker-icon.icon-location:hover {
	color: #00417b
}

.dealer-locator .leaflet-container .leaflet-marker-icon.icon-location::before {
	position: absolute
}

.dealer-locator .leaflet-container .leaflet-bottom {
	z-index: 998
}

.dealer-locator .leaflet-container .leaflet-left {
	left: auto;
	pointer-events: auto;
	right: .75rem;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: right top;
	z-index: 998
}

@media all and (min-width: 37.5em) {
	.dealer-locator .leaflet-container .leaflet-left {
		right: 1.5rem
	}
}

.dealer-locator .leaflet-container .leaflet-left .leaflet-control {
	float: none;
	margin: 0
}

.dealer-locator .leaflet-container .leaflet-control-zoom-in,
.dealer-locator .leaflet-container .leaflet-control-zoom-out,
.dealer-locator .leaflet-container .dl-filter-control {
	background: #e40613;
	color: #fff;
	font-size: 2rem;
	height: 2.5rem;
	line-height: 1em;
	width: 2.5rem
}

.dealer-locator .leaflet-container .leaflet-control-zoom-in:hover,
.dealer-locator .leaflet-container .leaflet-control-zoom-out:hover,
.dealer-locator .leaflet-container .dl-filter-control:hover {
	background: #b2050f;
	color: #fff
}

.dealer-locator .leaflet-container .dl-filter-control {
	border-radius: .25rem;
	clear: both;
	font-size: 1.2rem;
	margin-top: .75rem;
	padding: 0;
	pointer-events: all;
	position: relative
}

.dealer-locator .leaflet-container .dl-filter-control::after {
	bottom: .4em;
	font-size: .5em;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: .4em
}

.dealer-locator .leaflet-container .dl-filter-control.active::after {
	opacity: 1
}

.dealer-locator .leaflet-container .leaflet-bar {
	box-shadow: none
}

.dealer-locator .leaflet-container .leaflet-popup-close-button {
	font-size: 2rem;
	position: absolute;
	right: 1rem;
	top: .75rem
}

.dealer-locator .leaflet-container .leaflet-popup-close-button:hover {
	color: #e40613
}

.highlights {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media all and (min-width: 48.0625em) {
	.highlights {
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media all and (min-width: 81.25em) {
	.highlights {
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto;
		width: 67.5rem
	}
}

.history-timeline {
	text-align: center
}

.history-timeline .ht-entries {
	height: 25.5rem;
	overflow: hidden;
	position: relative
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entries {
		height: 31rem
	}
}

.history-timeline .ht-entries::before {
	background: #e40613;
	content: '';
	height: .1875rem;
	left: 0;
	position: absolute;
	top: 12.75rem;
	width: 100%
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entries::before {
		top: 15.5rem
	}
}

.history-timeline .ht-entry {
	float: left;
	height: 12.75rem;
	margin: 0 0 12.75rem 0;
	overflow: hidden;
	padding: 0 0 1.25rem;
	position: relative;
	transition: opacity .6s;
	width: 16.25rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry {
		height: 15.5rem;
		margin: 0 0 15.5rem 0;
		width: 21.875rem
	}
}

.history-timeline .ht-entry::before,
.history-timeline .ht-entry::after {
	content: '';
	left: 0;
	position: absolute;
	top: 11.5rem;
	z-index: 1
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry::before,
	.history-timeline .ht-entry::after {
		height: 14.25rem;
		top: 14.25rem
	}
}

.history-timeline .ht-entry::before {
	background: #fff;
	height: 1.25rem;
	width: 16.25rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry::before {
		width: 21.875rem
	}
}

.history-timeline .ht-entry::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: 1.875rem solid transparent;
	border-right: 1.875rem solid transparent;
	border-top: 1.25rem solid #e40613
}

.history-timeline .ht-entry.tapped .hte-header,
.history-timeline .ht-entry:hover .hte-header {
	top: 0
}

.history-timeline .ht-entry.tapped .hte-content,
.history-timeline .ht-entry:hover .hte-content {
	top: 3.75rem
}

.history-timeline .ht-entry:not(.bottom)+.ht-entry.bottom,
.history-timeline .ht-entry.bottom+.ht-entry:not(.bottom) {
	margin-left: -7.1875rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry:not(.bottom)+.ht-entry.bottom,
	.history-timeline .ht-entry.bottom+.ht-entry:not(.bottom) {
		margin-left: -7.9375rem
	}
}

.history-timeline .ht-entry:first-child,
.history-timeline .ht-entry:not(.bottom)+.ht-entry:not(.bottom),
.history-timeline .ht-entry.bottom+.ht-entry.bottom {
	margin-left: 1.875rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry:first-child,
	.history-timeline .ht-entry:not(.bottom)+.ht-entry:not(.bottom),
	.history-timeline .ht-entry.bottom+.ht-entry.bottom {
		margin-left: 6rem
	}
}

.history-timeline .ht-entry.bottom {
	margin: 12.9375rem 0 0 0;
	padding: 1.25rem 0 0
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry.bottom {
		margin: 15.6875rem 0 0 0
	}
}

.history-timeline .ht-entry.bottom::before,
.history-timeline .ht-entry.bottom::after {
	top: 0
}

.history-timeline .ht-entry.bottom::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 1.25rem solid #e40613;
	border-left: 1.875rem solid transparent;
	border-right: 1.875rem solid transparent;
	border-top: 0
}

.history-timeline .ht-entry.bottom .hte-header {
	top: 1.25rem
}

.history-timeline .ht-entry.bottom .hte-img {
	margin-top: 3.75rem
}

.history-timeline .ht-entry.bottom .hte-content {
	top: -6.5rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry.bottom .hte-content {
		top: -9.25rem
	}
}

.history-timeline .ht-entry.bottom.tapped .hte-header,
.history-timeline .ht-entry.bottom:hover .hte-header {
	top: 9rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .ht-entry.bottom.tapped .hte-header,
	.history-timeline .ht-entry.bottom:hover .hte-header {
		top: 11.75rem
	}
}

.history-timeline .ht-entry.bottom.tapped .hte-content,
.history-timeline .ht-entry.bottom:hover .hte-content {
	top: 1.25rem
}

.history-timeline .ht-entry.inactive {
	opacity: .5
}

.history-timeline .hte-header {
	display: block;
	top: 7.75rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .hte-header {
		top: 10.5rem
	}
}

.history-timeline .hte-header,
.history-timeline .hte-content {
	position: absolute;
	transition: top .6s;
	width: 16.25rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .hte-header,
	.history-timeline .hte-content {
		width: 21.875rem
	}
}

.history-timeline .hte-year,
.history-timeline .hte-heading {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	float: left;
	height: 3.75rem
}

.history-timeline .hte-year {
	background: #e40613;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3.75rem
}

.history-timeline .hte-heading {
	background: #e1e1e1;
	font-size: 1rem;
	margin: 0;
	padding: 0 .46875rem;
	text-align: left;
	width: 12.5rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .hte-heading {
		width: 18.125rem
	}
}

.history-timeline .hte-content {
	-ms-flex-align: center;
	align-items: center;
	background: #00417b;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: .875rem;
	height: 7.75rem;
	-ms-flex-pack: center;
	justify-content: center;
	top: 11.5rem
}

@media all and (min-width: 48.0625em) {
	.history-timeline .hte-content {
		height: 10.5rem;
		top: 14.25rem
	}
}

.history-timeline .hte-content-inner-container {
	overflow-y: auto;
	padding: .75rem;
	width: 100%
}

.history-timeline .hte-sliding {
	left: 0;
	position: absolute;
	top: 0;
	transition: left .6s
}

.history-timeline .hte-nav {
	width: 2.5rem
}

.history-timeline .hte-nav.prev {
	left: 0
}

.history-timeline .hte-nav.next {
	right: 0
}

.history-timeline .hte-nav span {
	overflow: hidden;
	transform: scale(0.4)
}

.icon-grid .ig-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -.75rem
}

@media all and (min-width: 48.0625em) {
	.icon-grid .ig-list {
		margin: -1.5rem
	}
}

@media all and (min-width: 63.75em) {
	.icon-grid .ig-list {
		margin: -3rem
	}
}

.icon-grid .ig-item {
	margin: .75rem;
	text-align: center;
	width: 18.4375rem
}

@media all and (min-width: 48.0625em) {
	.icon-grid .ig-item {
		margin: 1.5rem
	}
}

@media all and (min-width: 63.75em) {
	.icon-grid .ig-item {
		margin: 3rem
	}
}

.icon-grid .ig-bg-image {
	background: center center no-repeat;
	background-size: contain;
	height: 6.25rem;
	width: 100%
}

.icon-grid .ig-title {
	color: #e40613;
	margin: .75rem 0 0
}

.image {
	display: block;
	width: 100%
}

.image.size {
	display: inline-block;
	width: auto
}

.image.as-background {
	background: center center no-repeat;
	background-size: cover;
	min-height: 12.5rem
}

@media all and (min-width: 63.75em) {
	.image.as-background {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0
	}
}

.image-sub {
	display: block;
	font-size: .6em;
	font-style: italic;
	line-height: 1.2;
	text-align: center
}

.image-sub span {
	display: block
}

.image-gallery {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

.image-gallery .slider-nav {
	width: 50%
}

.image-gallery .slider-nav.next {
	padding-right: .75rem;
	right: 0
}

@media all and (min-width: 37.5em) {
	.image-gallery .slider-nav.next {
		padding-right: calc(50% - 12.75rem)
	}
}

.image-gallery .slider-nav.prev {
	left: 0;
	padding-left: .75rem
}

@media all and (min-width: 37.5em) {
	.image-gallery .slider-nav.prev {
		padding-left: calc(50% - 12.75rem)
	}
}

.image-masonry-grid::after {
	background: #fff;
	bottom: -2px;
	content: '';
	display: block;
	height: 4px;
	position: absolute;
	width: 100%
}

.image-masonry-grid .img-sizer,
.image-masonry-grid .img-image {
	width: 50%
}

@media all and (min-width: 48.0625em) {
	.image-masonry-grid .img-sizer,
	.image-masonry-grid .img-image {
		width: 33.3333%
	}
}

.image-masonry-grid .img-image {
	display: block;
	float: left
}

.press-archive .ba-item-img.pa-item-img {
	height: 28.125rem
}

.press-archive .ba-item-button-container.pa-item-button-container {
	bottom: 28.1875rem
}

.press-archive .ba-item.pa-item:hover .ba-item-button-container.pa-item-button-container {
	height: 28.1875rem
}

.product-finder .pf-nav {
	overflow: hidden;
	width: 100%
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav {
		border-radius: .25rem
	}
}

.product-finder .pf-nav .pfn-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	left: -1.5625rem;
	position: relative;
	width: calc(100% + 1.5625rem)
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-list {
		left: -3.125rem;
		width: calc(100% + 3.125rem)
	}
}

.product-finder .pf-nav .pfn-step {
	-ms-flex-positive: 1;
	flex-grow: 1;
	transition: .4s
}

.product-finder .pf-nav .pfn-step.hidden {
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 0
}

.product-finder .pf-nav .pfn-button {
	background: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	height: 6.25rem;
	overflow: visible;
	padding: 0 .75rem 0 2.3125rem;
	position: relative;
	transition: background .4s;
	width: 100%
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-button {
		padding: 0 1.5rem 0 4.625rem
	}
}

.product-finder .pf-nav .pfn-button.hidden {
	overflow: hidden;
	padding: 0;
	width: 0
}

.product-finder .pf-nav .pfn-button.active,
.product-finder .pf-nav .pfn-button:not([disabled]):hover {
	background: #e40613;
	color: #fff
}

.product-finder .pf-nav .pfn-button.active::before,
.product-finder .pf-nav .pfn-button.active::after,
.product-finder .pf-nav .pfn-button:not([disabled]):hover::before,
.product-finder .pf-nav .pfn-button:not([disabled]):hover::after {
	border-left-color: #e40613
}

.product-finder .pf-nav .pfn-button.active .pfn-step-text,
.product-finder .pf-nav .pfn-button.active .pfn-sub,
.product-finder .pf-nav .pfn-button:not([disabled]):hover .pfn-step-text,
.product-finder .pf-nav .pfn-button:not([disabled]):hover .pfn-sub {
	display: block
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-button.active .pfn-step-text,
	.product-finder .pf-nav .pfn-button:not([disabled]):hover .pfn-step-text {
		display: inline
	}
}

.product-finder .pf-nav .pfn-button[disabled] {
	color: rgba(60, 60, 60, 0.25);
	cursor: default
}

.product-finder .pf-nav .pfn-button::after,
.product-finder .pf-nav .pfn-button::before {
	content: '';
	left: 99.99%;
	position: absolute;
	top: 0;
	transition: .4s
}

.product-finder .pf-nav .pfn-button::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 3.125rem solid transparent;
	border-left: 1.5625rem solid #fff;
	border-right: 0;
	border-top: 3.125rem solid transparent;
	z-index: 2
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-button::after {
		border-left-width: 3.125rem
	}
}

.product-finder .pf-nav .pfn-button::before {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 3.25rem solid transparent;
	border-left: 1.625rem solid #dcdcdc;
	border-right: 0;
	border-top: 3.25rem solid transparent;
	top: -2px;
	z-index: 1
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-button::before {
		border-left-width: 3.25rem
	}
}

.product-finder .pf-nav .pfn-step-text {
	display: none
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-step-text {
		display: inline
	}
}

.product-finder .pf-nav .pfn-sub {
	display: none;
	font-size: 1rem;
	font-weight: normal;
	margin-top: .75rem
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-nav .pfn-sub {
		display: block
	}
}

.product-finder {
	background: #dcdcdc;
	overflow: hidden;
	padding-bottom: 6rem;
	padding-top: 6rem
}

.product-finder .pf-pre-text {
	margin: -.9em 0 1.5em
}

.product-finder .pf-pre-button {
	margin-top: 1.5rem
}

.product-finder .pf-steps {
	position: relative
}

.product-finder .pf-step {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 1.5rem;
	position: relative;
	top: 0;
	transition: opacity .4s;
	width: 100%
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-step {
		padding: 3rem 0
	}
}

.product-finder .pf-step.radio,
.product-finder .pf-step.checkboxes {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-finder .pf-step.hidden {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1
}

.product-finder .pf-option {
	display: -ms-flexbox;
	display: flex;
	margin: .3125rem;
	width: 11.25rem
}

.product-finder .pf-option.text {
	width: 90%
}

@media all and (min-width: 37.5em) {
	.product-finder .pf-option.text {
		margin: .3125rem 0;
		padding-left: 25%;
		width: 50%
	}
	.product-finder .pf-option.text:nth-child(2n+1) {
		padding: 0 12.5%
	}
}

.product-finder .pf-img-select {
	display: none
}

.product-finder .pf-img-select+.pf-img-label {
	background: #fff;
	border-radius: .25rem;
	cursor: pointer;
	display: block;
	padding: .75rem;
	text-align: center;
	transition: .4s;
	width: 11.25rem
}

.product-finder .pf-img-select+.pf-img-label * {
	transition: .4s
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-img-select+.pf-img-label {
		padding: 1.5rem
	}
}

.product-finder .pf-img-select:checked+.pf-img-label,
.product-finder .pf-img-select+.pf-img-label:hover {
	background: #e40613
}

.product-finder .pf-img-select:disabled+.pf-img-label {
	opacity: .3;
	pointer-events: none
}

.product-finder .pf-image {
	display: block;
	height: auto;
	margin: 0 auto .75rem;
	width: 4.6875rem
}

.product-finder .pf-buttons {
	text-align: center;
	width: 100%
}

.product-finder .pf-buttons .pf-button {
	margin-top: 1.5rem
}

@media all and (min-width: 63.75em) {
	.product-finder .pf-buttons .pf-button {
		margin-top: 3rem
	}
}

.product-finder .pf-result-header,
.product-finder .pf-result-link {
	opacity: 0
}

.product-finder .pf-result-header.visible,
.product-finder .pf-result-link.visible {
	opacity: 1
}

.product-finder .pf-result-header {
	margin: 0 auto .75rem
}

.product-finder .pf-result-link {
	display: block;
	margin: .5rem auto 0
}

.product-finder .pf-results {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 -.75rem
}

.product-finder .pf-card {
	margin: .375rem
}

.product-finder .section-header {
	text-align: center;
	width: 100%
}

.product-finder .section-title {
	font-size: 1.5rem;
	margin: 0
}

@media all and (min-width: 63.75em) {
	.product-finder .section-title {
		font-size: 1.875rem
	}
}

.simple-contact-form .form {
	padding-top: .75rem
}

.team-grid .tg-section {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	max-width: 68.75rem
}

.team-grid .tg-section:not(:last-child) {
	margin-bottom: 6rem
}

.testimonial-slider {
	overflow: hidden
}

.testimonial-slider .ts-slider {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

.testimonial-slider .ts-slide {
	background: #dcdcdc;
	border-radius: .25rem;
	margin-top: 8.4375rem;
	overflow: visible;
	padding: 0 .75rem .75rem
}

.testimonial-slider .ts-slide:not(.slick-slide) {
	margin: 8.4375rem .375rem 1.5rem
}

@media all and (min-width: 37.5em) {
	.testimonial-slider .ts-slide:not(.slick-slide) {
		margin: 8.4375rem 1.5rem 3rem
	}
}

@media all and (min-width: 37.5em) {
	.testimonial-slider .ts-slide {
		padding: 0 1.5rem 1.5rem;
		width: 21.875rem
	}
}

.testimonial-slider .ts-img {
	border-radius: .25rem;
	margin-top: -8.4375rem
}

.testimonial-slider .ts-author {
	font-size: 1.25rem;
	margin-top: .5em
}

.testimonial-slider .ts-subline {
	font-size: 1rem
}

.text ul,
.text ol {
	list-style: disc outside;
	margin-left: 1.5rem;
	text-align: left
}

@media all and (min-width: 48.0625em) {
	.text ul,
	.text ol {
		margin-left: 3rem
	}
}

.text ol {
	list-style-type: decimal
}

.text p+p,
.text p+h1,
.text p+h2,
.text p+h3,
.text p+h4,
.text p+h5,
.text p+h6,
.text p+.more,
.text ul+p,
.text ul+h1,
.text ul+h2,
.text ul+h3,
.text ul+h4,
.text ul+h5,
.text ul+h6,
.text ul+.more {
	margin-top: 1.5rem
}

.text .t-more-button {
	display: block;
	font-size: .75rem;
	margin: 1.5rem auto 0;
	position: relative;
	transition: .4s
}

.text .t-more-button:hover {
	background: #e40613;
	color: #fff
}

.text .t-more-button::before,
.text .t-more-button::after {
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 100%;
	transform: translate(-50%, -2px);
	transition: .6s
}

.text .t-more-button::before {
	background: #e40613;
	height: 2px;
	width: 55%
}

.text .t-more-button::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: .4375rem solid transparent;
	border-right: .4375rem solid transparent;
	border-top: .4375rem solid #e40613
}

.text .t-more-button .t-less {
	display: none
}

.text .t-more-button.active .t-less {
	display: block
}

.text .t-more-button.active .t-more {
	display: none
}

.text .t-more-button.active::before,
.text .t-more-button.active::after {
	top: 0;
	transform: translate(-50%, 0)
}

.text .t-more-button.active::after {
	transform: translate(-50%, -100%) scaleY(-1)
}

.text .t-more-content {
	display: none;
	margin-top: 1.5rem
}

.usps .u-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	max-width: 67.5rem
}

@media all and (min-width: 37.5em) {
	.usps .u-list {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.usps .u-usp {
	background-color: #e1e1e1;
	margin-bottom: 1.25rem
}

@media all and (min-width: 37.5em) {
	.usps .u-usp {
		width: calc(50% - .6875rem)
	}
	.usps .u-usp:nth-child(odd) {
		margin-right: 1.25rem
	}
}

@media all and (min-width: 63.75em) {
	.usps .u-usp {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.usps .u-image-container {
	-ms-flex-align: center;
	align-items: center;
	background: center center no-repeat #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5rem;
	position: relative
}

@media all and (min-width: 63.75em) {
	.usps .u-image-container {
		width: 35%
	}
}

.usps .u-image-container::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: 0;
	border-left: 1.5625rem solid transparent;
	border-right: 1.5625rem solid transparent;
	border-top: 1.5625rem solid #fff;
	bottom: -1.5rem;
	content: '';
	left: 50%;
	margin-left: -1.5625rem;
	position: absolute
}

@media all and (min-width: 63.75em) {
	.usps .u-image-container::after {
		display: inline-block;
		height: 0;
		width: 0;
		border-bottom: 1.5625rem solid transparent;
		border-left: 1.5625rem solid #fff;
		border-right: 0;
		border-top: 1.5625rem solid transparent;
		left: inherit;
		margin-top: -1.5625rem;
		right: -1.5rem;
		top: 50%
	}
}

.usps .u-content {
	color: #3c3c3c;
	padding: 3rem .75rem 1.5rem;
	text-align: center
}

@media all and (min-width: 63.75em) {
	.usps .u-content {
		padding: 3rem;
		text-align: left;
		width: 65%
	}
}

.usps .u-content * {
	color: #3c3c3c
}

.usps .u-content.no-title {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

.usps .u-image {
	opacity: 0;
	width: 100%
}

.usps .u-image.lightense-open {
	opacity: 1
}

.usps .u-header {
	font-size: 1.25rem
}

.hero .left.h-content,
.left.atmospheric-image {
	background-position-x: left
}

.hero .right.h-content,
.right.atmospheric-image {
	background-position-x: right
}

.hero .top.h-content,
.top.atmospheric-image {
	background-position-y: top
}

.hero .bottom.h-content,
.bottom.atmospheric-image {
	background-position-y: bottom
}

.hero .h-content::after,
.atmospheric-image .ai-content::after {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.hero .op-1.h-content::after,
.atmospheric-image .op-1.ai-content::after {
	background-color: rgba(255, 255, 255, 0.1)
}

.hero .op-2.h-content::after,
.atmospheric-image .op-2.ai-content::after {
	background-color: rgba(255, 255, 255, 0.2)
}

.hero .op-3.h-content::after,
.atmospheric-image .op-3.ai-content::after {
	background-color: rgba(255, 255, 255, 0.3)
}

.hero .op-4.h-content::after,
.atmospheric-image .op-4.ai-content::after {
	background-color: rgba(255, 255, 255, 0.4)
}

.hero .op-5.h-content::after,
.atmospheric-image .op-5.ai-content::after {
	background-color: rgba(255, 255, 255, 0.5)
}

.hero .op-6.h-content::after,
.atmospheric-image .op-6.ai-content::after {
	background-color: rgba(255, 255, 255, 0.6)
}

.hero .op-7.h-content::after,
.atmospheric-image .op-7.ai-content::after {
	background-color: rgba(255, 255, 255, 0.7)
}

.hero .op-8.h-content::after,
.atmospheric-image .op-8.ai-content::after {
	background-color: rgba(255, 255, 255, 0.8)
}

.hero .op-9.h-content::after,
.atmospheric-image .op-9.ai-content::after {
	background-color: rgba(255, 255, 255, 0.9)
}

.hero .op-10.h-content::after,
.atmospheric-image .op-10.ai-content::after {
	background-color: #fff
}

.blog-single .bs-footer-section {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.blog-single .bs-footer-author {
	background: #dcdcdc
}

.blog-single .bs-footer-title {
	width: 100%
}

.icon-nav {
	background: #fff;
	bottom: 0;
	height: 3.75rem;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: .75rem;
	position: fixed;
	right: 0;
	transform: translateY(103%);
	transition: .6s
}

@media all and (min-width: 67.5em) {
	.icon-nav {
		height: auto;
		opacity: 1;
		position: static;
		transform: none
	}
}

.icon-nav .in-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.icon-nav .in-icon {
	cursor: pointer;
	font-size: 2.25rem;
	height: 2.25rem;
	margin: 0 1.5rem;
	position: relative;
	width: 2.25rem
}

@media all and (min-width: 67.5em) {
	.icon-nav .in-icon {
		font-size: 1.5625rem;
		height: 2.5rem;
		margin: 0 0 0 1.5rem;
		padding: 0;
		width: 1.5625rem
	}
}

@media all and (min-width: 86.25em) {
	.icon-nav .in-icon {
		height: 3.125rem
	}
}

.icon-nav .in-icon::before,
.icon-nav .in-icon::after {
	bottom: 0;
	left: 0;
	position: absolute;
	transition: .4s
}

.icon-nav .in-icon::after {
	opacity: 0
}

.icon-nav .in-icon:hover {
	color: #e40613
}

.visible-menu .icon-nav {
	opacity: 1;
	transform: none
}

.lang-nav {
	background: #fff;
	bottom: 3.75rem;
	left: 0;
	max-height: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	transition: .4s
}

@media all and (min-width: 67.5em) {
	.lang-nav {
		bottom: auto;
		left: auto;
		right: 4.5rem;
		top: 5.4375rem
	}
}

@media all and (min-width: 86.25em) {
	.lang-nav {
		right: 6rem;
		top: 7.5rem
	}
}

.lang-nav.active {
	max-height: 12.5rem
}

.lang-nav .ln-link {
	display: block;
	font-size: 1.25rem;
	padding: .75rem 3rem;
	text-align: center;
	text-decoration: none;
	width: 100%
}

@media all and (min-width: 67.5em) {
	.lang-nav .ln-link {
		font-size: 1rem
	}
}

.lang-nav .ln-link:hover {
	background: #00417b;
	color: #fff
}

.main-footer {
	background: #00417b;
	color: #fff;
	text-align: center;
	padding: 1.5rem;
	position: relative
}
.main-footer a {color: #fff; text-decoration: none;}

@media all and (min-width: 81.25em) {
	.main-footer {
		padding: 1.5rem 3rem
	}
}

.main-footer .mf-top {
	-ms-flex-align: center;
	align-items: center;
	background: #e40613;
	border-radius: 50%;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 4.375rem;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .75rem;
	position: absolute;
	right: 50%;
	text-decoration: none;
	top: 0;
	transform: translate(50%, -50%);
	width: 4.375rem;
	z-index: 99
}

@media all and (min-width: 48.0625em) {
	.main-footer .mf-top {
		right: 15.625rem
	}
	.main-footer .mf-top:hover {
		background: #b2050f
	}
}

.main-footer .mf-top::before {
	content: '';
	margin-bottom: .3125rem;
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: .625rem solid #fff;
	border-left: .9375rem solid transparent;
	border-right: .9375rem solid transparent;
	border-top: 0
}

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

.main-footer .mf-nav .menu-link {
	color: #fff;
	display: inline-block;
	margin: 0 0 .75rem;
	text-decoration: none
}

@media all and (min-width: 48.0625em) {
	.main-footer .mf-nav .footer-nav,
	.main-footer .mf-nav .social-links {
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
		display: flex;
		height: 2.5rem
	}
	.main-footer .mf-nav .footer-nav .menu-link {
		margin: 0 3rem 0 0
	}
	.main-footer .mf-nav .footer-nav .menu-link:hover {
		color: #e40613
	}
}

.main-footer .mf-copyright {
	color: #fff;
	font-size: .78em;
	margin-top: 1.5rem;
	text-align: center
}

.main-footer .social-links .menu-link {
	display: block;
	font-size: 2.5rem;
	height: 2.5rem;
	margin-bottom: .3125rem;
	padding: 0;
	position: relative;
	width: 2.5rem
}

@media all and (min-width: 48.0625em) {
	.main-footer .social-links .menu-link {
		margin: 0 0 0 .3125rem
	}
	.main-footer .social-links .menu-link:hover::before {
		color: #e40613
	}
}

.main-footer .social-links .menu-link::before {
	left: 0;
	position: absolute;
	top: 0;
	transition: .4s
}

.main-header {
	background: #fff;
	box-shadow: 0 0 .3125rem #3c3c3c;
	height: 5.4375rem;
	left: 0;
	padding: 1.5rem;
	position: fixed;
	right: 0;
	top: 0;
	transition: transform .4s;
	z-index: 999
}
.main-header .web-logo {width:7rem;height: auto;}

@media all and (min-width: 67.5em) {
	.main-header {
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
		display: flex
	}
	.main-header .web-logo {width:11.875rem;height: auto;}
}

@media all and (min-width: 86.25em) {
	.main-header {
		height: 7.5rem;
		padding: 0 3rem
	}
}

.main-header .main-logo {
	background: url("/html/public/images/logo.svg") left center no-repeat;
	display: block;
	float: left;
	height: 2.5rem;
	margin-right: 1.5rem;
	overflow: hidden;
	width: 9.4375rem
}

@media all and (min-width: 81.25em) {
	.main-header .main-logo {
		height: 3.125rem;
		width: 11.875rem
	}
}

.main-header.active-search {
	transform: translateY(100%)
}

.main-header.active-search .icon-search::before {
	opacity: 0
}

.main-header.active-search .icon-search::after {
	opacity: 1
}

.main-header.active-search .result-switch {
	opacity: 1;
	pointer-events: all
}

.main-header.active-lang .icon-lang::before {
	opacity: 0
}

.main-header.active-lang .icon-lang::after {
	opacity: 1
}

@media all and (min-width: 48.9375em) {
	.admin-bar .main-header {
		top: 2rem
	}
	.admin-bar .main-header .menu-item.depth-0::after,
	.admin-bar .main-header .menu-item.depth-0>.sub-menu {
		top: 9.5rem
	}
}

.main-nav-container {
	background: #e1e1e1;
	bottom: calc(100vh - 5.4375rem);
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	top: 5.375rem;
	transform: scale(1);
	transition: .6s;
	width: 100%
}

.main-nav-container .main-nav {
	max-width: 100%;
	overflow: visible
}

@media all and (min-width: 67.5em) {
	.main-nav-container {
		background: #fff;
		bottom: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		opacity: 1;
		overflow: visible;
		position: relative;
		top: 0;
		transform: none;
		width: auto
	}
	.main-nav-container .main-nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-item {
		text-align: center
	}
}

.main-nav-container .menu-item:first-child.depth-0>.menu-link {
	padding-top: 1.5rem
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-item:first-child.depth-0>.menu-link {
		padding-top: 0
	}
}

.main-nav-container .menu-item.depth-1 {
	width: 15.625rem
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-item.depth-0 {
		position: relative
	}
	.main-nav-container .menu-item.depth-0::before,
	.main-nav-container .menu-item.depth-0::after {
		content: '';
		opacity: 0;
		pointer-events: none;
		transition: opacity .4s;
		z-index: 1
	}
	.main-nav-container .menu-item.depth-0::before {
		display: inline-block;
		height: 0;
		width: 0;
		border-bottom: .625rem solid #e40613;
		border-left: .9375rem solid transparent;
		border-right: .9375rem solid transparent;
		border-top: 0;
		bottom: 0;
		left: 50%;
		position: absolute;
		transform: translateX(-50%)
	}
	.main-nav-container .menu-item.depth-0::after {
		background: #e40613;
		height: .1875rem;
		left: 0;
		position: fixed;
		right: 0;
		top: 5.34375rem
	}
	.main-nav-container .menu-item.depth-0:hover::before,
	.main-nav-container .menu-item.depth-0:hover::after {
		opacity: 1
	}
	.main-nav-container .menu-item.depth-0:hover>.menu-link {
		color: #e40613
	}
	.main-nav-container .menu-item.depth-0:hover .sub-menu {
		opacity: 1
	}
}

@media all and (min-width: 86.25em) {
	.main-nav-container .menu-item.depth-0 {
		height: 7.5rem
	}
	.main-nav-container .menu-item.depth-0::after {
		top: 7.40625rem
	}
}

.main-nav-container .menu-item.depth-0>.sub-menu {
	background: #dcdcdc;
	bottom: 0;
	left: 100%;
	overflow: scroll;
	position: fixed;
	top: 0;
	transition: left .6s;
	width: 100%
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-item.depth-0>.sub-menu {
		border-top: .1875rem solid #e40613;
		bottom: auto;
		display: none;
		-ms-flex-pack: center;
		justify-content: center;
		left: 0;
		opacity: 0;
		overflow: hidden;
		padding: 1.5rem;
		text-align: center;
		top: 5.34375rem;
		transition: opacity .6s
	}
	.main-nav-container .menu-item.depth-0>.sub-menu .menu-parent,
	.main-nav-container .menu-item.depth-0>.sub-menu .menu-back {
		display: none
	}
}

@media all and (min-width: 86.25em) {
	.main-nav-container .menu-item.depth-0>.sub-menu {
		top: 7.5rem
	}
}

.main-nav-container .menu-back {
	background: #00417b;
	position: relative
}

.main-nav-container .menu-back::before,
.main-nav-container .menu-back::after {
	content: '';
	pointer-events: none;
	position: absolute
}

.main-nav-container .menu-back::before {
	background: #e40613;
	bottom: 0;
	left: 0;
	top: 0;
	width: 3.375rem
}

.main-nav-container .menu-back::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: .9375rem solid transparent;
	border-left: 0;
	border-right: .9375rem solid #fff;
	border-top: .9375rem solid transparent;
	left: 1.6875rem;
	top: 1.6875rem;
	transform: translate(-50%, -50%)
}

.main-nav-container .menu-back .menu-link {
	color: #fff;
	padding-left: 4.125rem
}

.main-nav-container .menu-link {
	display: block;
	font-size: 1.25rem;
	padding: .75rem 1.5rem;
	text-decoration: none;
	transition: .4s;
	vertical-align: bottom
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-link {
		font-size: .9rem;
		line-height: .9rem
	}
	.main-nav-container .menu-link:hover {
		color: #e40613
	}
	.main-nav-container .menu-link.depth-2 {
		padding: 0 .75rem .75rem
	}
}

@media all and (min-width: 86.25em) {
	.main-nav-container .menu-link {
		font-size: 1rem;
		line-height: 1
	}
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-link.depth-0 {
		-ms-flex-align: end;
		align-items: flex-end;
		display: -ms-flexbox;
		display: flex;
		height: 5.4375rem;
		padding: 0 .75rem 1.46875rem
	}
}

@media all and (min-width: 86.25em) {
	.main-nav-container .menu-link.depth-0 {
		height: 7.5rem;
		padding: 0 1.5rem 2.1875rem
	}
}

.main-nav-container .menu-link.depth-0.has-sub::after {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: .375rem solid transparent;
	border-left: .375rem solid #e40613;
	border-right: 0;
	border-top: .375rem solid transparent;
	content: '';
	margin: 0 .75rem
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-link.depth-0.has-sub::after {
		display: none
	}
}

.main-nav-container .menu-link.depth-1 {
	font-weight: bold
}

@media all and (min-width: 67.5em) {
	.main-nav-container .menu-link.depth-1 {
		padding: .75rem
	}
}

@media all and (min-width: 86.25em) {
	.main-nav-container .menu-link.depth-1 {
		line-height: 1.33
	}
}

.main-nav-container .menu-link.depth-2 {
	line-height: 1.5;
	padding: 0 1.5rem .75rem
}

.visible-menu .main-nav-container {
	bottom: 3.75rem;
	opacity: 1;
	overflow: scroll
}

.main-header.tapped .main-nav-container .main-nav {
	left: -100%
}

.main-header.tapped .main-nav-container .menu-item.depth-0.tapped>.sub-menu {
	left: 0
}

.main-nav-container::before,
.main-nav-container .menu-item.depth-0>.sub-menu::before {
	font-size: 2.5rem;
	opacity: .5;
	position: absolute;
	right: .75rem;
	top: calc(100vh - 12.4375rem);
	transition: opacity .5s
}

@media all and (min-width: 67.5em) {
	.main-nav-container::before,
	.main-nav-container .menu-item.depth-0>.sub-menu::before {
		display: none
	}
}

.scrolled.main-nav-container::before,
.main-nav-container .menu-item.depth-0>.scrolled.sub-menu::before {
	opacity: 0
}

.search-form {
	background: #e1e1e1;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-5.4375rem)
}

@media all and (min-width: 86.25em) {
	.search-form {
		transform: translateY(-7.5rem)
	}
}

.search-form::before,
.search-form::after {
	bottom: 0;
	content: '';
	pointer-events: none;
	position: absolute;
	z-index: 1
}

.search-form::before {
	display: inline-block;
	height: 0;
	width: 0;
	border-bottom: .625rem solid #e40613;
	border-left: .9375rem solid transparent;
	border-right: .9375rem solid transparent;
	border-top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.search-form::after {
	background: #e40613;
	height: .1875rem;
	left: 0;
	right: 0
}

.search-form.in-page {
	height: auto;
	padding: 1.5rem;
	position: relative;
	text-align: center;
	transform: none;
	width: 100%
}

@media all and (min-width: 63.75em) {
	.search-form.in-page {
		padding: 3rem
	}
}

.search-form.in-page .s-form {
	height: auto
}

.search-form .s-close {
	font-size: 1.5625rem;
	height: 1.5625rem;
	padding: 0;
	position: absolute;
	right: 13vw;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5625rem
}

@media all and (min-width: 48.0625em) {
	.search-form .s-close {
		right: 3.75rem
	}
}

.search-form .s-close::before {
	position: absolute;
	right: 0;
	top: 0
}

.search-form .s-close:hover {
	color: #e40613
}

.search-form .s-input {
	padding-right: 2.3rem
}

@media all and (min-width: 48.0625em) {
	.search-form .s-input {
		padding-right: .5em
	}
}

.search-form .s-form {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 5.4375rem;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	max-width: 80vw;
	position: relative;
	width: 37.5rem
}

@media all and (min-width: 86.25em) {
	.search-form .s-form {
		height: 7.5rem
	}
}

.search-form .s-form::after {
	font-size: 1.25rem;
	position: absolute;
	right: .75rem;
	top: calc(50% - .5em)
}

.search-form .s-button {
	margin-top: 1.5rem
}

.search-result {
	background: #e1e1e1;
	border-radius: .25rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 1.5rem 1.5rem;
	padding: 1.5rem
}

@media all and (min-width: 48.0625em) {
	.search-result {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

@media all and (min-width: 67.5em) {
	.search-result {
		margin: 0 auto 3rem;
		padding: 3rem
	}
}

.search-result:last-child {
	margin-bottom: 3rem
}

.search-result .sr-image {
	display: block;
	margin-bottom: 1.5rem;
	text-align: center
}

@media all and (min-width: 48.0625em) {
	.search-result .sr-image {
		margin: 0;
		width: 21.875rem
	}
}

@media all and (min-width: 63.75em) {
	.search-result .sr-image {
		margin-right: 3rem
	}
}

.search-result .sr-content {
	text-align: center
}

@media all and (min-width: 48.0625em) {
	.search-result .sr-content {
		text-align: left
	}
}

.search-result .sr-title {
	font-size: 1.5rem
}

@media all and (min-width: 63.75em) {
	.search-result .sr-title {
		font-size: 1.875rem
	}
}

.search-result .sr-text {
	margin-bottom: 1.5rem
}

.search-result .sr-link {
	display: block;
	text-decoration: none
}

.search-results {
	display: none;
	margin-bottom: 3rem
}

.search-results.active {
	display: block
}

.ajax-search-results {
	background: #fff;
	bottom: 0;
	display: none;
	left: 0;
	overflow: auto;
	padding: 1.5rem 0;
	position: fixed;
	right: 0;
	top: 10.125rem;
	transform: translateY(103%);
	transition: .4s;
	z-index: 9997
}

@media all and (min-width: 81.25em) {
	.ajax-search-results {
		padding: 3rem;
		top: 12.1875rem
	}
}

.ajax-search-results::before {
	background: rgba(255, 255, 255, 0.5);
	bottom: 0;
	content: '';
	left: 0;
	position: fixed;
	right: 0;
	top: 5.4375rem;
	z-index: 9998
}

@media all and (min-width: 81.25em) {
	.ajax-search-results::before {
		top: 7.5rem
	}
}

.ajax-search-results::after {
	color: rgba(228, 6, 19, 0.5);
	font-size: 5rem;
	left: 50%;
	margin: -2.5rem 0 0 -2.5rem;
	position: fixed;
	top: calc(50% + 2.71875rem);
	z-index: 9999
}

@media all and (min-width: 81.25em) {
	.ajax-search-results::after {
		top: calc(50% + 3.75rem)
	}
}

.ajax-search-results:not(.loading)::before,
.ajax-search-results:not(.loading)::after {
	display: none
}

.ajax-search-results.visible {
	transform: none
}

.ajax-search-results.active {
	display: block
}



.menu-item{position: relative;}
.sub{
    position:absolute;
    display: none;
    width:150px;
    left: -15px;
    background:#5794de;
}

.sub li{
    text-align:center;
    line-height: 30px;
}
.sub li a{
    font-size:12px !important;
    color: white;
    text-decoration:none;
}

.sub-menu-sub{
    position: absolute;
    top:5px;
    left:160px;
    background: #5794de ;
    width: 150px;
    padding-top: 0px;
    margin-top: 0px;
    padding:0px 10px;
}
.sub-menu-sub li{}
.sanjiao{
    position: absolute;
    left: -10px;
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-right: 10px solid #5794de ;
    border-bottom: 10px solid transparent;
}
@media only screen and (max-width: 768px) {
    .sub{position:inherit;display: none;width:100%;left: -15px;background:#5794de}
    .subMuen li{text-align: left;padding:0px 20px 10px 20px;}
    .sub-menu-sub{position:inherit;padding: 0px}
    .sub-menu-sub li{padding: 0px}
}